20190611 前端开发日报

前端进阶之setTimeout 倒计时为什么会出现误差？；2020 年你应该知道的 8 种前端 JavaScript 趋势和工具；Javascript中数组方法reduce的妙用之处；[PPT] 尤雨溪：State of Vue；vue通信方法EventBus的实现；JS 里的数据类型转换；node.js url模块；RN 通信原理（for 前端）

1. 前端进阶之setTimeout 倒计时为什么会出现误差？ 讲到线程，那么肯定也得说一下进程。其实在本质上，两个名词都是 CPU 工作时间片 的一个描述。 进程(process)指的是CPU 在 运行指令及加载和保存上下文所需的时间 ，放在应用上是指计算机中已运行的程序。 线程(thread)是操作系统能够进行运算的最小单位。它被包含在 进程 之中，描述了执行一段指令所需的时间。…
2. 2020 年你应该知道的 8 种前端 JavaScript 趋势和工具 前端开发人员和技术人员的数量逐年增加，而整个生态系统渴望实现标准化。新技术和工具的出现已经改变了游戏规则。可以肯定地说，总体趋势将是 UI 标准化、基于组件的模块化和组合，这将影响从样式到测试甚至状态管理的所有方面，并在总体上实现更好的模块化。 JavaScript 世界日新月异。 前端开发（和 web 开发）的…
3. Javascript中数组方法reduce的妙用之处 Javascript数组方法中，相比 map 、 filter 、 forEach 等常用的迭代方法， reduce 常常被我们所忽略，今天一起来探究一下 reduce 在我们实战开发当中，能有哪些妙用之处，下面从 reduce 语法开始介绍。 语法 array.reduce(function(accumulator, arrayElement, currentIndex, arr), initialValue) 若传入初始值…
4. [PPT] 尤雨溪：State of Vue 今天有去参加第三届Vue.js开发者大会吗？ 没去参加的童鞋可以先睹@尤大关于Vue的PPT。 本PPT由@尤雨溪授权分享。 …
5. vue通信方法EventBus的实现   vue通信方式有很多，项目中用的比较多的的有 pros、vuex、$emit/$on 这3种，还有 provide/inject (适合高阶组件)、 $attrs和$listeners (适合高阶组件)以及 $parent/$child/ref、eventBus 等这3种方式。很多时候我们都是只会使用api，而懂得原理以及实现，但我就觉得懂得原理以及实现跟一个只会调用api的开发人员…
6. JS 里的数据类型转换 之前的博客介绍了JS中的各种数据类型，那么在js当中，不同的数据类型怎么相互转换呢，以下是常见的不同数据类型转换的用法。 任意类型转字符串 x.toString() (1).toString() // ‘1’ true.toString() // ‘true’ null.toString() // 报错 undefined.toString() // 报错 ({}).toString() // "[objec…
7. node.js url模块 url模块目前提供三个方法url.parse(),url.format(),url.resolve(); url.parse(urlStr, , ) 接口作用:解析一个url地址,返回一个url对象 参数:第一个参数 url地址字符串,第二个参数 为布尔值,默认false,当值为true,返回的url对象中query属性返回的是一个对象,第三个参数 为布尔值,默认false,如果设为 …
8. RN 通信原理（for 前端） 随着后起之秀 Flutter 的火热，RN 渐渐失去光环。站在客户端原生跨平台的角度来看，Flutter 的确更胜一筹，但是如果要加上 Web，实现 iOS、Android、Web(小程序）三端统一，RN 方案依然是最佳方案。 即使有一天 RN 退出历史的舞台，它带来 JavaScript 与 Native 交互的思想依然会流传下去。小程序就是一个很好的代表作…
9. 一次和前端的相互甩锅的问题记录我们在APP上有个功能，需要获取用户当前定位，然后当用户关闭了GPS后，没有获取到用户定位，会触发一个bug,弹窗内容如下。
10. 使用Web Audio API实现简单的音频可视化 之前刚好看到Web Audio API方面的内容，因此用了相关api做了个音频可视化的页面。实现： 音频播放/暂停 音频声量控制 音频立体声控制 音频频率可视化 音频切换 预备知识 Web Audio API中一个关键的对象就是 音频上下文(AudioContext) ，可以类比canvas context，在AudioContext我们进行相关的…
11. ES6 —项目综合实战（完结篇）最好的学习方法就是实践，所以这节课结合实际项目，来更好的理解和掌握ES6的用途和使用场景，达到灵活运用的目的。
12. JavaScript红宝书笔记（四）—变量、作用域和内存问题2.当从一个变量向另一个变量复制引用类型的值时，两个变量实际上将引用同一个对象，因此，改变其中一个变量，就会影响另一个变量。
13. JavaScript混淆安全加固在安全攻防战场中，前端代码都是公开的，那么对前端进行加密有意义吗？可能大部分人的回答是，毫无意义，不要自创加密算法，直接用HTTPS吧。但事实上，即使不了解密码学，也应知道是有意义的，因为加密前和解密后…
14. npm script 复杂场景的应用 随着功能和业务的不断复杂，npm script 将不断增加和改写，package.json 中 script 会越发臃肿和嘈乱，也不便于阅读。这个时候，我们就会想到把 npm script 抽到文件当中。 scripty 解决方案 npm 社区中有 scripty 就能助我们一臂之力。看看怎么做的 安装依赖包 npm install scripty -D // 或 yarn add script…
15. 谈一谈Vuex官方文档说道：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化
16. 从 React Hooks 看 React 的本质 后jQuery时代的前端革命是由AngularJs发起的，它最初的一个想法是将后台的技术架构复制到前台来。后端的一个核心技术是所谓的模板技术(template)。它可以用一个公式来描述 html = template(vars) 这是一个特别直观的想法：模板就是一个普通函数，它根据传入的变量信息（无特殊要求）拼接得到字符串（无特殊结…
17. 压测 swoole_websocket_server 性能 第 86 篇文章 这是关于 Swoole 入门学习的第十篇文章：压测 swoole_ websocket_ server 性能。 第九篇：Swoole Redis 连接池的实现 第八篇：Swoole MySQL 连接池的实现 第七篇：Swoole RPC 的实现 第六篇：Swoole 整合成一个小框架 第五篇：Swoole 多协议 多…
18. 如何，以及何时使用CSS多列布局当我们把注意力都放在 CSS Grid 布局和 CSS Flexbox 布局的时候，经常忽略了另一种布局方法。在本文中，我将介绍多列布局 – 通常称为 multicol 或者 “CSS Columns” 。通过这篇文章，你了解到使用 columns 的最佳…
19. 创建react应用（一）虽然已经有了create-react-app这种非常方便的工具，但是封装了太多，对于里面的一些细节不是很了解，所以很有必要手动创建。
20. Node.js运行原理、高并发性能测试对比及生态圈汇总 —— [全栈工程师入门]Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好
21. 前端路由&webpack基础配置 SPA是单页面应用程序(single page application),通俗来讲就是在一个页面开发一个完整网站的功能 优点: 不需要跳转页面,局部更新页面内容 前端组件化 缺点: 首屏加载慢(第一次访问慢,按需加载) 开发复杂(所有的功能都在一个页面完成,可使用webpack模块化开发) 不利于SEO搜索引擎…
22. 【豆瓣评分8.5！世界顶级黑客写的这本Web安全指南一定要看《Web之困：现代Web应用安全指南》】于网络技术日趋成熟，黑客们也将注意力从以往对网络服务器的攻击逐步转移到了对Web应用的攻击。对于web攻击也是非常简单的，随着各大企业对安全的重视，Web安全也就越来越重要了。详见
23. 前端解决第三方图片防盗链的办法 – html referrer 访问图片资源403问题笔者网站的图片都是上传到第三方网站上的，比如 简书、掘金、七牛云上的，但是最近简书和掘金都开启了 防盗链，防止其他网站访问他们网站上的图片了，导致笔者的网站存在他们网站上的图片全挂了。

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

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