20191010 前端开发日报

Vue3.0数据响应式原理;《你不知道的 JavaScript》笔记(一);记一次vue+nuxt性能优化;深入了解强大的 ES6 「 … 」 运算符;Vue3响应式系统源码解析(上);React Hooks 你真的用对了吗?;精读《用 Babel 创造自定义 JS 语法》;webpack 系列:10 分钟搞定 style-loader

  1. Vue3.0数据响应式原理 先把vue-next仓库的代码clone下来,安装依赖然后构建一下,vue的package下的dist目录下找到构建的脚本,引入脚本即可。 下面一个简单计数器的DEMO: <!DOCTYPE html> <html lang="en"> <body> <div id=’app’></div> </body> <script src="./dist/vue.global….
  2. 《你不知道的 JavaScript》笔记(一) 用了一个星期把《你不知道的JavaScript》看完了,但是留下了很多疑惑,于是又带着这些疑惑回头看JavaScript的内容,略有所获。 第二遍阅读这本书,希望自己能够有更为深刻的理解。 词法作用域 ……如果是 有状态 的解析过程,还会赋予单词语义…… 这本书是以编…
  3. 记一次vue+nuxt性能优化 硬件环境: MacPro2018 i7+512G硬盘 16g内存+100M带宽 wifi连接 网站是一个电商网站,这次主要针对优化的是网站的首页 这次优化的网站是基于vue+nuxt开发的,nuxt是一个vue的SSR框架(它也可以生成一些纯静态的SPA),得益于nuxt本身框架的优化加上服务器端渲染,基于nuxt开发的网站性能已经能达到不错的水平,在正常的WiF…
  4. 深入了解强大的 ES6 「 … 」 运算符我没有上班摸鱼,假期还没结束,明天才上班。 在家写了一篇比较基础的文章,花了好几个小时, 在这分享给大家。
  5. Vue3响应式系统源码解析(上) 注意:在我写文章的时候,可能代码已有变更。在您读文章的时候,代码更有可能变更,如有不一致且有会对源码实现或理解产生重大不一致,欢迎指出,万分感谢。 10.5号,国庆佳节,小右男神发布了vue@3.0.0的alpha版代码。反正也没啥事干,最近也在学TypeScript,正好看看男神的代码,学习一下。 从入口文件packages/…
  6. React Hooks 你真的用对了吗?从 React Hooks 正式发布到现在,我一直在项目使用它。但是,在使用 Hooks 的过程中,我也进入了一些误区,导致写出来的代码隐藏 bug 并且难以维护。这篇文章中,我会具体分析这些问题,并总结一些好的实践,以供…
  7. 精读《用 Babel 创造自定义 JS 语法》前端精读已经写到第 123 篇了,大家已经不必担心它突然停止更新,因为我已养成每周写一篇文章的习惯,而读者也养成了每周看一篇的习惯。所以我想说的其实是一种更有生命力的自媒体运作方式,定期更新。一个定期更…
  8. webpack 系列:10 分钟搞定 style-loader原文地址 前言 webpack loaders 系列文章: 10 分钟搞定 file-loader 10 分钟搞定 url-loader 搞定 style-loader 什么是 style-loader style-loader 的功能就一个,在 DOM 里插入一个 <style> 标签,并且将…
  9. 《深入浅出webpack》有感对于前端仔来说,相信大家对webpack都再熟悉不过了,但是你对webpack的了解程度又有多深呢,笔者花了几天时间看了一下《深入浅出webpack》,虽然说书中大部分介绍的是配置和使用相关的,但是如果你对webpack的配…
  10. 教你用开源 JS 库快速画出 GitHub 章鱼猫 本文作者:HelloGitHub-kalifun 文中涉及的示例代码,已同步更新到 HelloGitHub-Team 仓库 点击本文最下方的“阅读原文”即可获取 在上一篇文章我们介绍了 Zdog 如何使用,接下来这篇文章我将带领各位利用 Zdog 画出一个 GitHub 章鱼猫(和官方的还是有些差别的)。 …
  11. JavaScript 模块化探索 前端模块化的实现意味着要将一个模块中的数据,逻辑和渲染合并在一个单元中,往往这个单元是一个 JS 文件。本文采用的方法也是如此。 React.js 的实现 React.js 采用单向的数据流:通过 mudule 层上的数据更新,触发 view 层的更新。使用state保存数据状态。React.js 会算出那些 view 需要重新渲染,然后再…
  12. 浅析公共 GitHub 存储库中的秘密泄露 笔记作者:CDra90n@SecQuan 原文作者:Michael Meli,Matthew R. McNiece,Bradley Reaves 原文标题:How Bad Can It Git? Characterizing Secret Leakage in Public GitHub Repositories 原文来源:NDSS 2019 原文链接:https://www.ndss-symposium.org/wp-content/uploads/2019/0…
  13. vue.js快速上手开发知识梳理 再此之前先扫盲一下 区分框架和类库等 类库 jQuery、Zepto、underscore… 类库提供的是真实项目中常用到的方法,它是一个工具包,基于这个工具包可以快速开发任何的项目 插件 TAB选项卡插件、BANNER轮播图插件、DIALOG模态框插件、DRAG拖拽插件… iscroll局部滚动插件、jquery中有很多的插件 插…
  14. JavaScript中常用的数组操作方法 concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组,仅会返回被连接数组的一个副本。 var arr1 = ; var arr2 = ; var arr3 = arr1.concat(arr2); console.log(arr1); // console.log(arr3); // 复制代码 二、join() join() 方法用于把数组中的所有元素放入一个字…

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

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


关注我

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

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

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