特牛生活网

20200627 前端开发日报

每日开发周报
  • 面试必备JS高频面试题汇总

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

  • 你需要知道的JS数组

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

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

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

  • Vue3之——和Vite不得不说的事

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

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

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

  • 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 的成长曲线和未来前景看起来都很好,但不可否认的是,目前 Flutter 仍处在发展阶

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

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

  • JavaScript执行上下文-执行栈

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

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

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

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

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

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

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

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

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

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

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

  • 标签: