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,实现 iosAndroid、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前端日报 订阅精彩文章

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

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

发表评论

请登录后发表评论: