20180608 前端开发日报

js中为什么你不敢用 “==”;由一个bug找到JS挖矿代码;前端资源大全,大家有需要的来拿;前端代码的错误日志收集了解一下;Babel 7.0 带来的很酷的事情;进击的 WebRTC:我们为什么需要它?;Vue-lottie动画效果;初见React,一步一个坑

  1. 由一个bug找到JS挖矿代码 由于工作需要,需要前端画流程图,找到一个开源的框架gooFlow(下图就是这个开源框架),它可以编辑流程图,提供节点和线以及一些辅助功能。仔细看一下这是一个国人写框架,文档也是中文,用起来也很顺手。但是使用这个框架的时候发现一个很奇怪的bug,描述起来就是:我
  2. 前端代码的错误日志收集了解一下 前言 开发web应用程序过程中的一种常见的做法,就是集中保存错误日志,以便查找重要错误的原因. 就像数据库和服务器都会定期写入日志一样,在复杂的web应用程序中,我们同样推荐你把JavaScript错误也回写到服务器,换句话再说,我们也可以将这些错误写
  3. Babel 7.0 带来的很酷的事情 有些人可能把 Babel 看作是一个让你写 ES6 代码的工具。更准确的说,Babel 是把 ES6 代码转换为 ES5 代码的 JavaScript 编译器。当它的名字是 6to5 时,这很适合,但是我认为 Babel 已经变得不只是这些了。 现在让我们聊一些背景。这一点非常必要,因为不像运行在服务器上的其他语言(甚至是 Node.js),你能运行的的...
  4. 进击的 WebRTC:我们为什么需要它? 毛玉杰,声网 WebRTC 专家,WebRTC Committer 有人说 2017 年是 WebRTC 的转折之年,2018 年将是 WebRTC 的爆发之年。去年,WebRTC 1.0 标准草案出炉,并将于今年正式发布。与此同时,越来越多的浏览器和厂商都开始对它进行广泛的支持,WebRTC 即将成为互联网的基础设施了。 根据《2017 年微信数据报告》显...
  5. vue-lottie动画效果 vue-lottie动画效果 之前用lottie模仿过san官网的动画效果(没有打广告QAQ) 仓库地址 模仿demo blog 掘金 用lottie的好处有很多(.......此处省略n字) 简单来说就是简单高效的还原设计的动画效果 然后在个人项目使用vue
  6. 初见React,一步一个坑 说在前头:新入职公司,react还不是很熟悉,就开始了官网重构的项目,刚开始开发速度很慢,而且语法也很多不规范的地方,在这里总结一下开发中遇到的坑。No.1 React项目引入图片,less,css等报错手动搭建的webpack项目,最初你可能很多load
  7. vue实践中的常见知识漏洞001 前言 本文主要总结了vue实际开发项目当中应该如何解决一些实际的开发问题,可能你认为很简单,但短时间内也许你并没解决思路的。 建议阅读时间:15-25min 更多精彩内容请关注我掘金主页或者 达摩兵的空间博客 常见技术解答 for循环中针对ui样式的特征性样
  8. CSS魔法堂:Transition就这么好玩前言  以前说起前端动画必须使用JS,而css3为我们带来transition和@keyframes,让我们可以以更简单(声明式代替命令式)和更高效的方式实现UI状态间的补间动画。本文为近期对Transition的学习总结,欢迎各位拍砖...
  9. 20180607 前端开发日报】聊一聊前端「同构」;前端的水平线,错误处理和调试;浅入浅出前端这些技术;20180606 前端开发日报;大学没学过数学也要理解 CSS3 transform 中的 matrix;面试官: 你为什么使用前端框架?;基于chart.js绘制热力图;P...详情→ ​​​

    20180607 前端开发日报
  10. 在 JavaScript 中创建数组的正确姿势 每一项都可以保存任意类型的数据,数组大小可以动态调整,即可以随着数据的添加自动增长以容纳新数据 数组中可能会存在空位 稀疏数组 具有不连续索引的数组,其 length 属性值大于元素的个数。 密集数组 具有连续索引的数组,其 length 属性值等于元素的个数。 在 JavaScript 中,数组本质上...
  11. 从Promise来看JavaScript中的Event Loop、Tasks和Microtasks 原文 github.com/creeperyang…主题 Promise看到过下面这样一道题:(function test() { setTimeout(function() {console.log(4)}, 0); new Promise
  12. Redux应用多人协作的思路和实现 先上Demo动图,效果如下: 基本思路 由于redux更改数据是dispatch(action),所以很自然而然想到以action作为基本单位在服务端和客户端进行传送,在客户端和服务端用数组来存放action,那么只要当客户端和服务端的action队列的顺序
  13. 为什么Vue不能观察到数组length的变化? 官网解释如下 由于 JavaScript 的限制,Vue 不能检测以下变动的数组: 当你利用索引直接设置一个项时,例如:vm.items = newValue 当你修改数组的长度时,例如:vm.items.length = newL
  14. 非对称加密与 HTTPS 序:HTTPS更安全,为什么? 因为HTTP协议本身毫无安全性可言。 当你访问一个纯HTTP的网站(以及与这个网站有任何网络交互)时,你发出去一个请求。在这个请求到达网站服务器的路途上,不管是你家的路由器、你楼层的路由器、你小区的路由器、你当地电信的机房里,再一直到那个网站的服务器机房...
  15. 太原面经分享:如何用js实现返回斐波那契数列的第n个值的函数 面试攒经验,let's go! 值此高考来临之际,闲不住的我又双叒叕出发去面试攒经验了,去了公司交待一番流程后,面试官甩给了我一张A4纸,上面写着一道js算法笔试题(一开始我并不知道这是在考察js算法),上面写着“1、1、2、3、5、8......,求第n个数
  16. 用 SOLID 原则保驾 React 组件开发 概述 本世纪初,美国计算机专家和作者 Robert Cecil Martin 针对 OOP 编程,提出了可以很好配合的五个独立模式;后由重构等领域的专家 Michael Feathers 根据其首字母组合成 SOLID 模式,并逐渐广为人知,直至成为了公认的 OOP 开发的基础准则。 S – Single Responsibility Principle 单一...
  17. 一个 vue-cli chrome extension 开发模板,支持同步刷新与 支持 crx 打包 项目在这:https://github.com/kinglisky/vtemp-chrome-extension 一个 Vue-cli chrome 扩展开发模板,支持同步刷新与 crx 格式打包。 使用: vue init kinglisky
  18. Node.js cluster模块解读 学习cluster之前,需要了解process相关的知识,如果不了解的话建议先阅读process模块、 child_process模块 。 cluster模块最早出现在node.js v0.8版本中 为什么会存在cluster模块? Node.js是单线程的,那么如果希望利用服务器的多核的资源的话,就应该多创建几个进程,由多个进程共同提供服务。如果直接采用...
  19. react-native-vector-icons进阶教程(自定义iconfont使用) 前言 React Native大火大热,其中为了解决图标,易于修改,换颜色,高清等需求,你还是选择切多套png来适配吗?答案当然是否定的!不知从何时起,扁平化图标成为潮流,iconfont也应运而生,最先接触iconfont已是多年前的事了,那时候只知道怎么在
  20. Promise.all处理多次reject/最多n次reject 首先,抛出我们的需求: 实现一个函数,在多次异步请求全部结束之后再进行处理,即使有一次或多次失败,在失败时我们可以处理这些失败的情况,但是不会阻塞其它请求 我们首先想到的是 Promise.all: function settle (p
  21. Vue2 dist 目录下各个文件的区别 vue2 经过 2.2 版本升级后, 文件变成了 8 个:vue.common.jsvue.esm.jsvue.jsvue.min.jsvue.runtime.common.jsvue.runtime.esm.jsvue.runtime.jsvue.runti
  22. #前端技术#【你不知道的 Vue.js - Vue.js 最佳实践(1)】详见: 本篇作者将分享关于 Vue.js 代码层面优化的那些事。或许你在实际开发中遇到了,也能如此解决。 ​​​

    你不知道的 Vue.js – Vue.js 最佳实践(1)

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

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

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