20191009 前端开发日报

Vue 使用中需要注意回避的地方;JavaScript类型转换的有趣应用;前端面试每日 3+1 —— 第174天;2019.10 / JavaScript 月刊 – W3C 生日快乐;javascript 中 AOP 那些事;实践实现纯前端下的音频剪辑处理;解决webapck多页面内存溢出;使用 Proxy 实现 Vue.js 3 中的响应式思想

  1. JavaScript类型转换的有趣应用 背景 可以访问这个网站提前预览: https://knightyun.github.io/magic-expression/ 先来看一串代码: (!(~+ ]* ]+~~!+ +({}+ ]*~+ 也许你在其他地方看见过这种黑科技操作,那么不妨猜一下上面的代码的值等于多少,实在猜不到可以复制它粘贴到浏览器 console 中回车看看; …
  2. 前端面试每日 3+1 —— 第174天今天的知识点 (2019.10.07) —— 第174天 [html] img、input标签它们是行内元素还是块级元素? [css] css3和css2的区别是什么? [js] 你知道断点续传的原理吗?用js怎么实现? [软技能] 你想当技术总监吗?你觉得技…
  3. 2019.10 / JavaScript 月刊 – W3C 生日快乐
  4. javascript 中 AOP 那些事 最近在忙着阅读 megalo 的代码 (未来会出一个系列专门讲 megalo 的源码,还是挺有意思的,大家可以期待一下)。感觉 megalo 、 mpvue 等小程序的跨端框架也好, weex 跨平台框架也好,本质都差不多,都是 fork 了一份 vue 过来改了改,借助了 vue 的能力,在平台具体的 api 上换成了自己的。 其中,有一段代码…
  5. 实践实现纯前端下的音频剪辑处理最近在做一个项目,需要对webRTC录制的音频进行处理,包括音频的裁剪、多音频合并,甚至要将某个音频的某一部分替换成另一个音频。
  6. 解决webapck多页面内存溢出 因为自己的项目是基于 vue-cli3 进行开发,所以这里只讨论这种情况下的解决办法 在进行多页面开发的时候,项目刚开始阶段,因为文件较少,所以代码编译速度还行,但是随着项目逐渐增大, webpack 编译的速度越来越慢,并且经常出现内存溢出的情况。 下面就是几种尝试的方法,加快编译的速度 增加 Node …
  7. 使用 Proxy 实现 Vue.js 3 中的响应式思想 我们知道,Vue.js 2 是通过 Object.defineProperty() 函数来实现的响应式。这个月 5 号尤大发布了 Vue.js 3 的源码,社区马上出现了很多源码分享的文章。 大家早就得知新版的响应式是用 Proxy 实现的,现在我们来利用 Proxy 实现一个基本的响应式骨架。 基础 关于 Proxy 的基础知识,可以去MDN学习直达链接。 …
  8. 如何编写高质量的 JS 函数(3) –函数式编程[理论篇]《如何编写高质量的 JS 函数(1) — 敲山震虎篇》介绍了函数的执行机制,此篇将会从函数的命名、注释和鲁棒性方面,阐述如何通过 JavaScript 编写高质量的函数。
  9. webpack常用加载器、插件总结,看这一篇就够了webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块…
  10. JavaScript 数组计数排序 计数排序是一个非基于比较的排序算法,它的优势在于在对一定范围内的整数排序时,快于任何比较排序算法 计数排序实现图 目录 第一版 思路 代码实现 第二版 思路 代码实现 第一版 思路 例如我现在有 一组 5 个数的数组需要进行排序 let arr = [2,6,3…
  11. es6-认识Set和Map 在es5中经常用对象来实现集合 set 和映射 map 的数据结构,但是这种方式有一些弊端。比如实现集合时,我们不能用 if(set.count) 判断某个元素是否确切存在。在集合中,属性5和’5’会被当作同一个键,还有不能使用对象作为键,因为会转为 。所以,es6提供了两种新的数据解构: Set 集合和 Map 映射…
  12. vue-v-xxx基于 Vue拓展的 v-xxx 库作为vue轻车熟路的老司机,经常会用到一些指令,vue官方提供的指令又太少,无法满足旺盛的欲望,而每次要写一遍,终日郁郁寡欢,从小就教育我们乐于助人,为了将奉献精神贯彻始终,用了这个库,空下来大把时间陪…
  13. JavaScript工作原理:V8编译器的优化 原文链接: https://blog.logrocket.com/ho… 原文标题:How JavaScript works: Optimizing the V8 compiler for efficiency 本文首发于公众号:符合预期的CoyPan 理解JavaScript的工作原理是写出高效JavaScript代码的关键。 忘记那些无关紧要的毫秒级改进:错误地使用对象属性可能导致简单的一行代码…
  14. 初探Cordova结合Vue cordova : 可以把 html css js 写的代码打包成 app ,还可以让 js 调用原生的 api 。 cordova 非常成熟、插件也非常多、扩展性也强,10年的历史 打包App有几个方案 ionic reactNative weex flutter cordova+vue cordova+react cordova+angular 二、环境搭建 2.1 用cordova开发android 应用 安装jdk 、…
  15. Vuex – Module 由于 Vuex 使用 单一状态树 , 导致应用的所有状态都会集中存储在一个比较大的对象里. 当应用变得非常复杂时, store 对象就有可能变得相当臃肿. 为了解决以上问题, Vuex 允许我们将 store 分割成 模块( Module ) . 每个模块拥有自己的 [ state …
  16. es6-对象和数组解构 我们经常需要在对象和数组内提取相关的数据,往往我们需要遍历才能完成。而在es6添加了简化这种任务的新特性:解构。解构是一种打破数据解构,将其拆分成更小部分的过程。 对象解构 基本用法: let node = { type: ‘Identifier’, name: ‘foo’ }; let { type, name } = node; console.log(type, name); // Identi…
  17. 详解 http 报文 总算在节前晚上完成了,祝大家国庆快乐! 摘要 作为一个web开发者,每天都在使用者Http协议,却总是一知半解。本文参看Http RFC7230规范,梳理了http报文部分。 http 报文构成 start-line: 起始行,描述请求或响应的基本信息 *( header-field CRLF ): 头 CRLF header …
  18. es6-生成器Generator 迭代器是es6中一个重要的概念,很多新特性都是基于迭代器概念而铺开的。为了更加方便的创建自定义的迭代器,es6引入了生成器 (Generator) 的概念。它是一种可以返回迭代器的特殊函数。有了生成器及它的特性可以让我们创建更加简洁的异步代码。 基本概念 通过 function 关键字后面的星号 (*) 来表示,函数体用 yiel…

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

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


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流