20180608 前端开发日报-前端开发博客

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

js中为什么你不敢用 “==”
由一个bug找到JS挖矿代码由于工作需要，需要前端画流程图，找到一个开源的框架gooFlow（下图就是这个开源框架），它可以编辑流程图，提供节点和线以及一些辅助功能。仔细看一下这是一个国人写框架，文档也是中文，用起来也很顺手。但是使用这个框架的时候发现一个很奇怪的bug，描述起来就是：我
前端资源大全，大家有需要的来拿
前端代码的错误日志收集了解一下前言开发web应用程序过程中的一种常见的做法,就是集中保存错误日志,以便查找重要错误的原因. 就像数据库和服务器都会定期写入日志一样,在复杂的web应用程序中,我们同样推荐你把JavaScript错误也回写到服务器,换句话再说,我们也可以将这些错误写
Babel 7.0 带来的很酷的事情有些人可能把 Babel 看作是一个让你写 ES6 代码的工具。更准确的说，Babel 是把 ES6 代码转换为 ES5 代码的 JavaScript 编译器。当它的名字是 6to5 时，这很适合，但是我认为 Babel 已经变得不只是这些了。现在让我们聊一些背景。这一点非常必要，因为不像运行在服务器上的其他语言（甚至是 Node.js），你能运行的的…
进击的 WebRTC：我们为什么需要它？毛玉杰，声网 WebRTC 专家，WebRTC Committer 有人说 2017 年是 WebRTC 的转折之年，2018 年将是 WebRTC 的爆发之年。去年，WebRTC 1.0 标准草案出炉，并将于今年正式发布。与此同时，越来越多的浏览器和厂商都开始对它进行广泛的支持，WebRTC 即将成为互联网的基础设施了。根据《2017 年微信数据报告》显…
vue-lottie动画效果 vue-lottie动画效果之前用lottie模仿过san官网的动画效果(没有打广告QAQ) 仓库地址模仿demo blog 掘金用lottie的好处有很多(…….此处省略ｎ字) 简单来说就是简单高效的还原设计的动画效果然后在个人项目使用vue
初见React，一步一个坑说在前头：新入职公司，react还不是很熟悉，就开始了官网重构的项目，刚开始开发速度很慢，而且语法也很多不规范的地方，在这里总结一下开发中遇到的坑。No.1 React项目引入图片，less，css等报错手动搭建的webpack项目，最初你可能很多load
vue实践中的常见知识漏洞001 前言本文主要总结了vue实际开发项目当中应该如何解决一些实际的开发问题，可能你认为很简单，但短时间内也许你并没解决思路的。建议阅读时间：15-25min 更多精彩内容请关注我掘金主页或者达摩兵的空间博客常见技术解答 for循环中针对ui样式的特征性样
CSS魔法堂：Transition就这么好玩前言以前说起前端动画必须使用JS，而CSS3为我们带来transition和@keyframes，让我们可以以更简单（声明式代替命令式）和更高效的方式实现UI状态间的补间动画。本文为近期对Transition的学习总结，欢迎各位拍砖…
【20180607 前端开发日报】聊一聊前端「同构」；前端的水平线，错误处理和调试；浅入浅出前端这些技术；20180606 前端开发日报；大学没学过数学也要理解 CSS3 transform 中的 matrix；面试官: 你为什么使用前端框架?；基于chart.js绘制热力图；P…详情→
在 JavaScript 中创建数组的正确姿势每一项都可以保存任意类型的数据，数组大小可以动态调整，即可以随着数据的添加自动增长以容纳新数据数组中可能会存在空位稀疏数组具有不连续索引的数组，其 length 属性值大于元素的个数。密集数组具有连续索引的数组，其 length 属性值等于元素的个数。在 JavaScript 中，数组本质上…
从Promise来看JavaScript中的Event Loop、Tasks和Microtasks 原文 github.com/creeperyang…主题 Promise看到过下面这样一道题：(function test() { setTimeout(function() {console.log(4)}, 0); new Promise
Redux应用多人协作的思路和实现先上Demo动图，效果如下：基本思路由于redux更改数据是dispatch(action)，所以很自然而然想到以action作为基本单位在服务端和客户端进行传送，在客户端和服务端用数组来存放action，那么只要当客户端和服务端的action队列的顺序
为什么Vue不能观察到数组length的变化？官网解释如下由于 JavaScript 的限制，Vue 不能检测以下变动的数组：当你利用索引直接设置一个项时，例如：vm.items = newValue 当你修改数组的长度时，例如：vm.items.length = newL
非对称加密与 HTTPS 序：HTTPS更安全，为什么？因为HTTP协议本身毫无安全性可言。当你访问一个纯HTTP的网站（以及与这个网站有任何网络交互）时，你发出去一个请求。在这个请求到达网站服务器的路途上，不管是你家的路由器、你楼层的路由器、你小区的路由器、你当地电信的机房里，再一直到那个网站的服务器机房…
太原面经分享：如何用js实现返回斐波那契数列的第n个值的函数面试攒经验，let's go！值此高考来临之际，闲不住的我又双叒叕出发去面试攒经验了，去了公司交待一番流程后，面试官甩给了我一张A4纸，上面写着一道js算法笔试题（一开始我并不知道这是在考察js算法），上面写着“1、1、2、3、5、8……,求第n个数
用 SOLID 原则保驾 React 组件开发概述本世纪初，美国计算机专家和作者 Robert Cecil Martin 针对 OOP 编程，提出了可以很好配合的五个独立模式；后由重构等领域的专家 Michael Feathers 根据其首字母组合成 SOLID 模式，并逐渐广为人知，直至成为了公认的 OOP 开发的基础准则。 S – Single Responsibility Principle 单一…
一个 vue-cli chrome extension 开发模板，支持同步刷新与支持 crx 打包项目在这：https://github.com/kinglisky/vtemp-chrome-extension 一个 Vue-cli chrome 扩展开发模板，支持同步刷新与 crx 格式打包。使用： vue init kinglisky
Node.js cluster模块解读学习cluster之前，需要了解process相关的知识，如果不了解的话建议先阅读process模块、 child_process模块。 cluster模块最早出现在node.js v0.8版本中为什么会存在cluster模块？ Node.js是单线程的，那么如果希望利用服务器的多核的资源的话，就应该多创建几个进程，由多个进程共同提供服务。如果直接采用…
react-native-vector-icons进阶教程（自定义iconfont使用）前言 React Native大火大热，其中为了解决图标，易于修改，换颜色，高清等需求，你还是选择切多套png来适配吗？答案当然是否定的！不知从何时起，扁平化图标成为潮流，iconfont也应运而生，最先接触iconfont已是多年前的事了，那时候只知道怎么在
Promise.all处理多次reject/最多n次reject 首先，抛出我们的需求：实现一个函数，在多次异步请求全部结束之后再进行处理，即使有一次或多次失败，在失败时我们可以处理这些失败的情况，但是不会阻塞其它请求我们首先想到的是 Promise.all: function settle (p
Vue2 dist 目录下各个文件的区别 vue2 经过 2.2 版本升级后, 文件变成了 8 个:vue.common.jsvue.esm.jsvue.jsvue.min.jsvue.runtime.common.jsvue.runtime.esm.jsvue.runtime.jsvue.runti
#前端技术#【你不知道的 Vue.js – Vue.js 最佳实践（1）】详见：本篇作者将分享关于 Vue.js 代码层面优化的那些事。或许你在实际开发中遇到了，也能如此解决。