20180903 前端开发日报

Web加载速度优化清单；使用Jest测试JavaScript (入门篇)；前端性能优化：2018 年 JavaScript 开销及优化工具和方法；妙法攻略：渐变虚框及边框滚动动画的纯 CSS 实现；熟悉 Vue ？你能解释这个死循环吗？；浅谈 IBU 酒店大前端；[ Laravel 5.7 文档 ] 前端开发 —— 快速入门：JavaScript & CSS 脚手架；【Vue】通过自定义指令回顾 v-内置指令

1. Web加载速度优化清单网页加载速度是衡量一个网页好坏的重要标准，网页遗弃率随网页加载时间的增加而增加。据说近一半的用户希望网页加载时间不超过2s，超过3s一般就放弃该网页。时间就是生命，干等着，谁愿意平白无故地+1s呀，所以今…
2. 使用Jest测试JavaScript (入门篇)Jest是 Facebook 的一套开源的 JavaScript 测试框架， 它自动集成了断言、JSDom、覆盖率报告等开发者所需要的所有测试工具，是一款几乎零配置的测试框架。并且它对同样是 Facebook 的开源前端框架 React 的测试十…
3. 前端性能优化：2018 年 JavaScript 开销及优化工具和方法 “ 现代前端开发中性能瓶颈依然在于 JavaScript，而且前端项目中 JavaScript 开销越来越大。本文详细介绍了 JavaScript 开销及原因，更是给出了相应的前端性能优化工具和方法。”
4. 妙法攻略：渐变虚框及边框滚动动画的纯 CSS 实现 如题。CSS 实现各种边框效果。
5. 熟悉 Vue ？你能解释这个死循环吗？ 循环出现的条件： key="Math.random()" 子组件在 created 中输出计算属性并改变 data 与 Vue watcher 的添加机制有关，初步认为是 Vue 的小 bug，dep 对象的 targetStack 管理不当导致 ====
6. 浅谈 IBU 酒店大前端 在当今互联网+高速崛起的时候，也许大前端这个概念已经成为前端技术老生常谈的话题，但是正正去做好“大前端”，显然并不容易。 为什么不容易呢？我觉得最关键的是人才匮乏，虽然互联网发展10多年了。前端技术人员依然稀缺。导致这样问题原因之一是我们教育环境。大家都知道在我们大学里不仅没有前端主修课程，而…
7. [ Laravel 5.7 文档 ] 前端开发 —— 快速入门：JavaScript & CSS 脚手架 简介 Laravel 并不强制你使用什么 JavaScript 框架或者 CSS 预处理器，不过也确实提供了对很多应用而言都很有用的 Bootstrap 和 Vue 的一些基本脚手架。默认情况下，Laravel 使用 NPM 来安装这些前端包。 CSS Laravel Mix提供了干净、优雅的 API 用于编译 SASS 或 Less，SASS 和 Less 都是在原生 CSS…
8. 【Vue】通过自定义指令回顾 v-内置指令Vue.js 的各种指令（Directives）更加方便我们去数据驱动 DOM，例如 v-bind、v-on、v-model、v-if、v-for、v-once 等内置指令，这些指令的职责就是当表达式改变时将某些行为应用到 DOM 上，尽量不去操作增删改 DO…
9. 一口（很长的）气了解 Babel 挺全面的介绍，有 babel@7 相关的内容。
10. 《从零构建前后分离web项目》：开篇 – 纵观WEB历史演变 开篇 ： 纵观WEB历史演变 在校学习和几年工作工作中不知不觉经历了一半的 WEB 历史演变、对近几年的发展比较了解，结合经验聊聊 WEB 发展历史。 演变不易，但也是必然，因为为人始终要进步。 WEB 的发展史 一、开山鼻祖 – 石器时代 静态网站 这
11. 用原生 JS 实现 MVVM 框架1——观察者模式和数据监控把 Model 和 View 关联起来的就是 ViewModel。ViewModel 负责把 Model 的数据同步到 View 中显示出来，还负责把 View 的修改同步回 Model。
12. 浅谈 TypeScript：前言开篇 传统意义上的 JavaScript 是一个非常松散的语言，因此在以往的面试过程中，很大几率会问及类型以及一些区别。但更传统的软件工程中我们常常在使用的是由编译器进行过编译的语言（转换成了机器实际可运行的格式），由于编译阶段的存在，我们可以更易于找到错误和进行优化（想想 JavaScript 为什么要总结那么多的编程…
13. Babel 7.0 正式发布，支持 TypeScript 和 JSX Fragment Babel 官方博客宣布正式推出 Babel 7.0，在过去两年内，Babel 7 经历了 4000 次提交，发布了 50 多个预览版本，这也是三年前发布 v6.0 之后的最大更新。
14. 一次TypeScript, React, Node, MongoDB的模板式前后端分离开发实践 前言 在大概1年前接触了typescript之后, 日渐被它所吸引. 甚至一个简单的本地测试文件node ./test.js有时也会切到ts-node ./test.ts. 在同样的时间节点之前, 还是会不时地去学学node, mongodb相关的. 可是,
15. js实现数据结构及算法之散列表(Hashtable) 散列表(Hashtable)散列表也被称为哈希表，Hash表是一种特殊的数据结构。散列后的数据 可以快速插入和取用在散列表上插入、删除和取用数据非常快，但是查找数据却效率低下js散列表基于数组设计，理想情况散列函数会将每一个键值映射为唯一的数组索引，数组长度有
16. 前端每日实战：124# 视频演示如何用纯 CSS 创作一只纸鹤（体验三角形造型技巧）效果预览 按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 [链接] 可交互视频 此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 [链接] …
17. 浅谈 TypeScript – 函数 我们都知道在 JavaScript 的世界中 函数 是一等公民，它在编程范式中为我们控制行为，抽象某些实现有着较大的帮助，因此 TypeScript 在 JavaScript 的基础之上添加了一些额外的功能，辅助我们更好的使用函数。 基础 当我
18. 浅谈 TypeScript – 基础类型和变量声明 TypeScript 支持与 JavaScript 几乎相同的数据类型，只不过它会比 JavaScript 更为丰富，详情参考 http://www.typescriptlang.org/docs/handbook/basic-types.html。但在 Ty
19. 简单的分页组件(react)简单的分页组件…由于工作原因, 写过一段vue, 现在入手jquery.自己是战五渣选手，为了巩固之前学过的react，特意用react来实现，其实想用jquery。 github L6zt 代码效果如图:

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

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