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