20191116 前端开发日报

[LeetCode] 204. 计数质数:JavaScript 实现埃拉托斯特尼筛法;Vue 防抖与节流の使用;JavaScript 代码性能优化 – 从排查到处理;vuejs系列五-vue-router的使用(上);重温Vue响应式绑定原理;Scala教程之:Future和Promise;微前端架构:如何由内而外取代单体架构;JavaScript测试教程-part 2:引入 Enzyme 并测试 React 组件[每日前端夜话0xE8]

  1. [LeetCode] 204. 计数质数:JavaScript 实现埃拉托斯特尼筛法 题目链接: leetcode-cn.com/problems/co… 看到这个题目,一般人很容易就能想到使用循环,通过暴力遍历的方式检查每一个数是否为质数,并进行计数。 但是这种方法的算法复杂度过高,对于小范围搜索还好,如果是从百万甚至千万的数字中找出所有的质数,这种方法的劣势将极其明显。那我们可以使用埃拉托斯特尼筛法进…
  2. Vue 防抖与节流の使用 在一个电影项目中,我想在电影的列表中,保存下拉的当前位置,防止你切换页面后,再切换回当前的电影列表页,他就又回到电影的第一条数据。 这时候,我不想每次只要滑动一点,就保存当前位置,我想隔一段时间,保存一次,这时候,就可以使用防抖和节流。 概念 说白了, 防抖节流就是使用定时器 来实现我们的目的…
  3. JavaScript 代码性能优化 – 从排查到处理 近期在对我们的控制台做性能优化,这次记录下代码执行方面的性能排查与优化(纯 JS 上的不包含 DOM 操作等优化)。其它的优化点以后有机会再分享。 控制台地址: console.ucloud.cn/ 性能问题排查与收集 首先需要排查出需要优化的点,这个我们可以借助 Chrome 的 DevTool 来排查网站中的性能问题。 最好在隐身…
  4. vuejs系列五-vue-router的使用(上) 一个web应用路由定义的是否合理是判断这个应用是否合格的基础条件之一,在spa开发模式之前,前端开发基本不用考虑路由的定义这块基本都是后台在完成,但随着spa的推广前后端分离的大趋势下,前端路由定义的任务便落在的我们前端开发者身上。本节我们就来聊聊vue中vue-router的路由定义与配置。 vue-router起到的作用 …
  5. 重温Vue响应式绑定原理 简介 文章的背景,在一个月黑风高夜,项目经理把前端程序员叫到了一起,用愤青的表情说道,这个树的操作为什么这么卡,项目经理三下五除二的将流程演示一遍,每次操作在IE11下大概延迟1s左右,之前从未有过类似的情况,我们优先排出数量的问题,发现这棵树的数据大小为5M,数据量大约在1万条,按照正常理解,不应该在…
  6. Scala教程之:Future和Promise 在scala中可以方便的实现异步操作,这里是通过Future来实现的,和java中的Future很相似,但是功能更加强大。 定义返回Future的方法 下面我们看下如何定义一个返回Future的方法: println("Step 1: Define a method which returns a Future") import scala.concurrent.Future import scala.concurrent….
  7. 微前端架构:如何由内而外取代单体架构 如何利用微前端技术实现单体应用程序的现代化改造?在 本篇教程 中,我们将探讨如何将前端从单体架构当中剥离出来,并快速完成微前端架构迁移。本文作者将结合个人项目实践经验为大家介绍心得。 问题所在 我们假设有这么一个单体代码库,它使用了某种后端模板引擎或者系统(例如 EJS 或者 ERB),但没有认真考虑前…
  8. JavaScript测试教程-part 2:引入 Enzyme 并测试 React 组件[每日前端夜话0xE8] 每日前端夜话 0xE8 每日前端夜话,陪你聊前端。 每天晚上18:00准时推送。 正文共:1319 字 预计阅读时间:6 分钟 作者:Marcin Wanago 翻译:疯狂的技术宅 来源: wanago.io 1. JavaScript测试教程-part 1: 用 Jest 进行单元测试 2. JavaScript测试…
  9. JavaScript 很糟糕吗? 虽然 JavaScript 是目前最流行的技术,但它确实也是一种设计糟糕的语言。这就是现实。只有承认现实,我们才能开始解决这个问题。 根据 Stack Overflow 2018 年的调查 ,JS 是当前最流行的一项技术。我们这里有一个 宝贵视频 。JavaScript 的作者说,JS 的现状如同 BASIC 之于 C++ 一样。本文不是关于 JS 的技术特性…
  10. Vue 3.0 响应式方法解析 前一段时间,尤雨溪公布了Vue 3.0 的核心部分代码。我们趁着目前代码量还比较少,来赶紧学一下。 Vue3.0 仓库 目录结构 首先看一下 Vue3.0 的文件目录结构,所有的核心代码都在 packages 文件夹下: reactivity:Vue3.0的数据响应式系统,我们肯定都听说 Vue3 摒弃了 Object.defineProperty,基于 Proxy 实现…
  11. 着眼语言本身,咱们来聊聊 JavaScript | 极客时间 JavaScript 和 HTML 、CSS 同属前端工程师必须掌握的三大技能,重要性不言而喻。这几年,随着行业的发展,JavaScript 更是变得无所不能,毫不夸张地说,现在我们看到的基本所有的主流互联网应用,它的前端都有大量的 JavaScript 代码。 但是,入行 20 多年,我发现很多人对 JavaScript 的印象都只是“简单易学”,对其…
  12. 你还没学会Javascript原型和原型链吗? 前言 在前端这块领域,原型与原型链是每一个前端er必须掌握的概念。我们多次在面试或者一些技术博客里面看见这个概念。由此可见,这个玩意对于前端来说有多重要。其实它本身理解起来不难,但是很多刚入行前端的同学,看到prototype、__proto__理解起来还是有点吃力,然后脑子里面就乱成一锅粥,就像我一样。但是这是…
  13. 深入浅出ES6的迭代器或许你对for … of的执行还不了解,比如什么情况下可以使用for … of去遍历对象,什么情况下会报错等等,这篇文章应该能帮到你。
  14. webpack性能优化汇总(一) 本文内容:  减少webpack打包的时间,如何加快webpack打包的速度  有哪些方式可以让webpack打出来的包更小  宗旨就是 : 快 + 小 一个是速度、一个是体积 一、 减少webpack打包的时间 优化 Loader 配置 对于 Loader 来说,影响打包效率首当其冲必属 Babel 了。因为 Babel 会将代码转…
  15. css实现单行和多行文本超出省略显示省略号…单行文本 记得添加宽度width来限定范围 {代码…} 效果如图: 多行文本 注意-webkit的兼容性,主要适配webkit内核浏览器和移动端 {代码…} 效果如图: 数字和英文 单行和多行文本很容易实现超出省略号,但是也要留心…
  16. GitHub 行业内关于智能客服、聊天机器人的应用和架构、算法分享和介绍 README.md chatbot-list 行业内关于智能客服、聊天机器人的应用和架构、算法分享和介绍 阿里巴巴 小蜜 阿里小蜜新一代智能对话开发平台技术解析 阿里小蜜:知识结构化推动智能客服升级 …
  17. JS面试题-<变量和类型>-JavaScript浅拷贝与深拷贝 前言 最开始了解到深浅拷贝是因为准备面试,但那个时候因为在学校做的项目比较少需求也比较简单,所以没有在项目中遇到这类问题,所以对这个问题就属于知道这个知识点,看过相关内容,却没有自己的总结,也没有深入的了解。后来在工作中遇到过两次这样的问题,第一次遇到后我写了一篇文章《在vue项目中遇到关于对象的…
  18. 技术驱动-自我学习 Vue.js 源码(一) 原本并非技术科班出身的我,是在泥地里摸爬滚打一年后才算入门前端,我都时刻谨记“纸上得来终觉浅,绝知此事要躬行。”,作为一名合格的 键盘侠 ,只有一切落到键盘上,才会有所收获嘛。 前几天钉钉提示我入职一周年,再一次让我感受到时间过得好快,就是在我们程序员的指尖溜走的。 那么回顾这一年,对 …
  19. Angular吊打其他框架——表单 首先这篇文章肯定是个标题党了,先给大家说声对不起。 Angular肯定也有它不适用的场景,但是这一系列的文章是为了讲Angular,所以不管各位兄弟姐妹对自己钟爱的框架有多么热爱。这里也只会讲我自己在使用三种框架的过程中遇到的Angular中比较好解决的场景而React或者Vue中解决起来有些痛苦的场景。 对不起了。。。。 …
  20. 从 Object.defineProperty 到 Proxy 深入理解 Vue 3.0 响应系统最近被公众号各种推送关于 Vue 3 的文章(真是不想学都不行啊),因为现在 Vue 还处于 pre-alpha 状态,所以很多功能尚未实现(这就意味着源码量相对较少,阅读起来也相对比较容易)。此次版本中的重大改进之一是…
  21. 为什么?还有怎样才能保持你的 Git 提交历史清晰?提交是 Git 仓库的重要组成部分之一,不仅于此,提交信息  贯穿于 Git 仓库的整个生命周期。随着项目/仓库的发展(新特性的增加、Bugs 的修复、架构的重构),提交信息可以让我们看到改了什么地方以及是如何改动…
  22. 90行JS代码构建属于你的React本文中的实现借助了 snabbdom ,因此如果你的关注点是虚拟DOM的实现或是将虚拟DOM渲染到浏览器的底层实现,本篇文章中并不会涉及到。
  23. 你不知道的JS实践应用(一)引文:本文是从工作实践中积累而来,主要囊括三个方面:1.业务中难度比较大的需求点,2.比较容易混淆的知识点3.更简洁易懂的书写方式(但有可能会牺牲一点性能)
  24. JavaScript 测试教程-part 1:用 Jest 进行单元测试作者:Marcin Wanago翻译:疯狂的技术宅 原文:[链接] 未经允许严禁转载 本文是 JavaScript 测试教程 系列中的第1部分 1.JavaScript测试教程-part 1:用 Jest 进行单元测试 2.JavaScript测试教程–part 2:引入 En…

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流