面试必备JS高频面试题汇总；你需要知道的JS数组；用canvas结合css3写一个骰宝游戏；Vue3之——和Vite不得不说的事；作为前端，你需要知道 RxJS（响应式编程-流）；端午不如一起重学javascript吧；Evaluation of Web Worker for Parallel Programming with Browsers, NodeJS and Deno；美团外卖Flutter动态化实践
-
基本类型：number string boolean null undefined symbol bigint 引用数据类型:object (包含，Date,RegExp,Function,Array,Math..) 二、symbol的作用 首先说明symbol是基本类型之一，symbols 是一种无法被重建的基本类型。这时 symbols 有点类似与对象创建的实例互相不相等的情况，但同时 symbols又是一种无法被改…
-
数组作为JS的基础，是每个前端程序员都需要掌握的基础。本人作为前端小白，不管是刚起步的时候，还是现在接触项目，或者练习简单的数组算法题的时候，就一看到代码或题目，脑子里经常只会想起for循环，逻辑晦涩难懂，代码庞大冗余，上手及其困难。很大的原因就是数组方法使用的不熟练，有时候一大串的代码，只需要借用数…
-
1个是开奖后盅摇骰子，这个使用css3的keyframe动画，用到了scale，rotate，骰子div随机变换位置和背景图片，直至最后更换为开奖选号图片。
-
1.创建一个vite项目 {代码…} 或者 {代码…} 2.vite简介 vite 是一个基于 Vue3 单文件组件的非打包开发服务器，它做到了本地快速开发启动： 快速的冷启动，不需要等待打包操作； 即时的热模块更新，替换性能和…
-
前言 说起「响应式编程」，大家可能并不陌生。但是，直接说「流」这个名称，可能大家会有点愣。「流」的本质和「响应式编程」并不二般，都是衍生于前端经典的设计模式——「观察者订阅模式」。但是，在一定程度上，可以说「流」则是基于这个模式的一个 上层抽象 ，因为它所具备的能力更多、更加强大。 在我的认知里…
-
之前五一在V站发起了一波 早起读书看源码计划 ，完事写了篇 总结 ，开启了早起看书的日子，现在早起看书的人越来越多了 群里已经有 300 人了 两个月来，我利用早起的时间看了挺多书，也成为了vue3&vite3的contributor，搞了源码训练营，群里和朋友圈早起打卡的人也越来越多，还从钻石打上了…
-
Evaluation of Web Worker for Parallel Programming with Browsers, NodeJS and Deno
本篇簡單評估各家瀏覽器、NodeJS 和 Deno 對 Web Worker 在開發平行程式上支援程度和使用差異。 關於 Web Worker 的深入介紹可以看我之前寫的「 JavaScript 平行化使用 Web Worker、SharedArrayBuffer、Atomics 」，本篇將略過基本介紹。 本文將在 Windows 10 平台中，以 AMD Ryzen 7 2700X 3.7 GHz 八核處理器 (…
-
Flutter 跨端技术一经推出便在业内赢得了不错的口碑，它在“多端一致”和“渲染性能”上的优势让其他跨端方案很难比拟。虽然 Flutter 的成长曲线和未来前景看起来都很好，但不可否认的是，目前 Flutter 仍处在发展阶…
-
大数据告诉你为什么 JavaScript 才是最受欢迎的语言
本文来自对JSConf一个演讲的整理，主讲人Laurie Voss是NPM.Inc的联合创始人、CDO（首席数据官），数据来自 NPM，结合历届 JSConf 的演讲主题，为大家梳理 JS 发展脉络。 JS 发展规模 从2011年开始，Github 上被最多仓库使用的技术是JS StackOverflow 上提问最多的是关于JS的问题 NPM是最大…
-
突然觉得对于一名JavaScript开发者而言，需要知道JavaScript程序内部是如何运行的,那么对于此章节执行上下文和执行栈的理解很重要,对理解其他JavaScript概念(变量声明提示,作用域和闭包)都有帮助。 看了很多相关文章，写得很好，总结了ES3以及ES6对于执行上下文概念的描述，以及新的概念介绍。 什么是执行上下文 …
-
Android 上的 WebRTC：多设备如何启用硬件编码？（二）
可以看到，Android仅对Qualcomm和Exynos芯片组启用了硬件编码支持。那么为什么标准的WebRTC实现不支持其他芯片组呢？最有可能是因为不同制造商的硬件编解码器实现方式不尽相同，因为并非总能找到具体设备，所以这种不同通常到了生产阶段才能发现。 所有编解码器描述都存储在media_codecs.xml文件中，例如Pix…
-
webpack splitChunks配置（二）cacheGroups属性的使用
cacheGrouops的作用就相当于是一个分组条件，满足这个条件输出为一个chunks。 caches的大部分配置和splitChunks相同，自己特有的几个配置如下： priority:优先级：数字越大优先级越高，因为默认值为0，所以自定义的一般是负数形式。 reuseExistingChunk:这个的作用是当前的chunk如果包含了从main里面分离出来的模…
-
前端电商 sku 的全排列算法很难吗？学会这个套路，彻底掌握排列组合
前段时间在掘金看到一个热帖 今天又懒得加班了，能写出这两个算法吗？带你去电商公司写商品中心，里面提到了一个比较有意思故事，大意就是一个看似比较简单的电商 sku 的全排列组合算法，但是却有好多人没能顺利…
-
ES6中引入了延展操作运算符（…）。 延展操作运算符将可迭代的对象扩展为其单独的元素，可迭代对象是可以使用 for 循环进行循环的任何对象。 可迭代的示例：Array，String，Map，Set，DOM节点。 1.在log中使用延…
-
由于树是一个递归的数据结构，必然需要对组件自身的递归调用。 我们只需给组件指定 name 属性，即可以在组件内部直接使用。此处需要注意的是每次调用都会生成一个独立的作用域。 <!– html –> <template> <div> … <my-tree></my-tree> </div> </template> …
-
该指令主要解决了以下问题： v-model同步问题 中文输入法导致input触发了但v-model同步失效 可扩展到其他UI框架下，如element 通常限制一个 input 仅能输入指定字符我们会去监听其input事件，然后通过正则过滤掉非法字符。然而在vue中，仅仅修改input的value并不会同步到 v-model 上。在vue官方文档中有提…
-
这两天在 Vue 项目中，用 echarts 的热力图实现了类似 kibana 机器学习的数据预测图。区别是，笔者用了 tab 签，切换总览和具体攻击 IP 的异常情况。 实现过程中，踩了两个 echarts 的坑，这里总结下这个过程。 功能描述 访问 kibana 官方任务视图 会看到这样一个异常数据热力图： 笔者用 tab 签将…
更多内容请关注公众号【前端开发博客】每日更新
