20200627 前端开发日报

面试必备JS高频面试题汇总;你需要知道的JS数组;用Canvas结合css3写一个骰宝游戏;Vue3之——和Vite不得不说的事;作为前端,你需要知道 RxJS(响应式编程-流);端午不如一起重学javascript吧;Evaluation of web Worker for Parallel Programming with Browsers, NodeJS and Deno;美团外卖Flutter动态化实践

  1. 面试必备JS高频面试题汇总

    基本类型:number string boolean null undefined symbol bigint 引用数据类型:object (包含,Date,RegExp,Function,Array,Math..) 二、symbol的作用 首先说明symbol是基本类型之一,symbols 是一种无法被重建的基本类型。这时 symbols 有点类似与对象创建的实例互相不相等的情况,但同时 symbols又是一种无法被改...

  2. 你需要知道的JS数组

    数组作为JS的基础,是每个前端程序员都需要掌握的基础。本人作为前端小白,不管是刚起步的时候,还是现在接触项目,或者练习简单的数组算法题的时候,就一看到代码或题目,脑子里经常只会想起for循环,逻辑晦涩难懂,代码庞大冗余,上手及其困难。很大的原因就是数组方法使用的不熟练,有时候一大串的代码,只需要借用数...

  3. 用canvas结合css3写一个骰宝游戏

    1个是开奖后盅摇骰子,这个使用css3的keyframe动画,用到了scale,rotate,骰子div随机变换位置和背景图片,直至最后更换为开奖选号图片。

  4. Vue3之——和Vite不得不说的事

    1.创建一个vite项目 {代码...} 或者 {代码...} 2.vite简介 vite 是一个基于 Vue3 单文件组件的非打包开发服务器,它做到了本地快速开发启动: 快速的冷启动,不需要等待打包操作; 即时的热模块更新,替换性能和...

  5. 作为前端,你需要知道 RxJS(响应式编程-流)

    前言 说起「响应式编程」,大家可能并不陌生。但是,直接说「流」这个名称,可能大家会有点愣。「流」的本质和「响应式编程」并不二般,都是衍生于前端经典的设计模式——「观察者订阅模式」。但是,在一定程度上,可以说「流」则是基于这个模式的一个 上层抽象 ,因为它所具备的能力更多、更加强大。 在我的认知里...

  6. 端午不如一起重学javascript吧

    之前五一在V站发起了一波 早起读书看源码计划 ,完事写了篇 总结 ,开启了早起看书的日子,现在早起看书的人越来越多了 群里已经有 300 人了 两个月来,我利用早起的时间看了挺多书,也成为了vue3&vite3的contributor,搞了源码训练营,群里和朋友圈早起打卡的人也越来越多,还从钻石打上了...

  7. 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 八核處理器 (...

  8. 美团外卖Flutter动态化实践

    Flutter 跨端技术一经推出便在业内赢得了不错的口碑,它在“多端一致”和“渲染性能”上的优势让其他跨端方案很难比拟。虽然 Flutter 的成长曲线和未来前景看起来都很好,但不可否认的是,目前 Flutter 仍处在发展阶...

  9. 大数据告诉你为什么 JavaScript 才是最受欢迎的语言

    本文来自对JSConf一个演讲的整理,主讲人Laurie Voss是NPM.Inc的联合创始人、CDO(首席数据官),数据来自 NPM,结合历届 JSConf 的演讲主题,为大家梳理 JS 发展脉络。 JS 发展规模 从2011年开始,Github 上被最多仓库使用的技术是JS StackOverflow 上提问最多的是关于JS的问题 NPM是最大...

  10. JavaScript执行上下文-执行栈

    突然觉得对于一名JavaScript开发者而言,需要知道JavaScript程序内部是如何运行的,那么对于此章节执行上下文和执行栈的理解很重要,对理解其他JavaScript概念(变量声明提示,作用域和闭包)都有帮助。 看了很多相关文章,写得很好,总结了ES3以及ES6对于执行上下文概念的描述,以及新的概念介绍。 什么是执行上下文 ...

  11. Android 上的 WebRTC:多设备如何启用硬件编码?(二)

    可以看到,Android仅对Qualcomm和Exynos芯片组启用了硬件编码支持。那么为什么标准的WebRTC实现不支持其他芯片组呢?最有可能是因为不同制造商的硬件编解码器实现方式不尽相同,因为并非总能找到具体设备,所以这种不同通常到了生产阶段才能发现。 所有编解码器描述都存储在media_codecs.xml文件中,例如Pix...

  12. webpack splitChunks配置(二)cacheGroups属性的使用

    cacheGrouops的作用就相当于是一个分组条件,满足这个条件输出为一个chunks。 caches的大部分配置和splitChunks相同,自己特有的几个配置如下: priority:优先级:数字越大优先级越高,因为默认值为0,所以自定义的一般是负数形式。 reuseExistingChunk:这个的作用是当前的chunk如果包含了从main里面分离出来的模...

  13. 前端电商 sku 的全排列算法很难吗?学会这个套路,彻底掌握排列组合

    前段时间在掘金看到一个热帖 今天又懒得加班了,能写出这两个算法吗?带你去电商公司写商品中心,里面提到了一个比较有意思故事,大意就是一个看似比较简单的电商 sku 的全排列组合算法,但是却有好多人没能顺利...

  14. 在JavaScript中使用Spread运算符的8种方法

    ES6中引入了延展操作运算符(...)。 延展操作运算符将可迭代的对象扩展为其单独的元素,可迭代对象是可以使用 for 循环进行循环的任何对象。 可迭代的示例:Array,String,Map,Set,DOM节点。 1.在log中使用延...

  15. 基于Vue2.0树形组件的实现

    由于树是一个递归的数据结构,必然需要对组件自身的递归调用。 我们只需给组件指定 name 属性,即可以在组件内部直接使用。此处需要注意的是每次调用都会生成一个独立的作用域。 <!-- html --> <template> <div> ... <my-tree></my-tree> </div> </template> ...

  16. Vue限制input仅能输入正整数或浮点数指令

    该指令主要解决了以下问题: v-model同步问题 中文输入法导致input触发了但v-model同步失效 可扩展到其他UI框架下,如element 通常限制一个 input 仅能输入指定字符我们会去监听其input事件,然后通过正则过滤掉非法字符。然而在Vue中,仅仅修改input的value并不会同步到 v-model 上。在vue官方文档中有提...

  17. Vue 中多次引用 echarts 绘图组件的问题记录

    这两天在 Vue 项目中,用 echarts 的热力图实现了类似 kibana 机器学习的数据预测图。区别是,笔者用了 tab 签,切换总览和具体攻击 IP 的异常情况。 实现过程中,踩了两个 echarts 的坑,这里总结下这个过程。 功能描述 访问 kibana 官方任务视图 会看到这样一个异常数据热力图: 笔者用 tab 签将...

更多内容请关注公众号【前端开发博客】每日更新
20200627 前端开发日报

原文:20200627 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20200627.html)