vue-router源码全解析；关于 Promise 的 9 个面试题；前端性能优化与原理实践之【webpack性能与Gzip原理】；React Hook 系列（一）：彻底搞懂react hooks 用法（万字慎点）；vuex-基础以及辅助函数的用法；前端利器之 npx 使用纪要；我的前端知识梳理-VUE篇；webpack入门指南（基于webpack v4.41.2）
-
vue-router源码全解析 最近立了一个flag，要通读 vue-router 源码。压力有点大，希望我能写完。。。 参考版本： vue-router@v3.0.1 github.com/vuejs/vue-r… 源码在 ./src 下，使用 tree 命令查看下目录结构 . |– components // 组件(view/link) | |– link.js | `– view.js |– create-matcher.js // Route…
-
关于 Promise 的 9 个面试题作者：dan levy翻译：疯狂的技术宅 原文：[链接] 未经允许严禁转载 请完成以下9个问题 1. 多个 .catch {代码…} 以上代码的输出将会是什么？请选择正确的答案： [ ] 打印一次消息 [x] 打印两次消息 [ ] Unhand…
-
前端性能优化与原理实践之【webpack性能与Gzip原理】 【网络篇】前端性能优化之 webpack 与 Gzip 原理！ 一、前端的性能优化思路 从输入 URL 到页面加载完成，这个过程进行不断的优化、反复的琢磨， 把优化做到极致： DNS 解析； TCP 连接； HTTP 请求抛出； 服务端处理请求，HTTP 响应返回； 浏览器拿到响应数据，解析响应内容，把解析的结果展示给…
-
React Hook 系列（一）：彻底搞懂react hooks 用法（万字慎点）用心阅读，跟随codesandbox demo或运行源码，你将熟悉react各种组件的优缺点及用法，彻底熟悉react hook的用法，收益应该不小
-
vuex-基础以及辅助函数的用法 组件之间的参数传递有父子之间的传值，兄弟之间的传值，祖先和孙子之间的传值在层级较少的时候比较方便使用。 但是层级数较多，嵌套较麻烦时，使用起来就会相对的繁琐且不好维护 因此想到了vuex，将组件的共享状态抽取出来，以一个全局单例模式进行管理。组件树则形成了一个巨大的”视图“。 不管树的哪个位置，任何组件都…
-
前端利器之 npx 使用纪要 前端利器之 npx 使用纪要 Node.js ，如今已经是 前端开发 不可或缺的组成部分； npm 是 Node.js 默认的、以 JavaScript 编写的软件包管理系统； 而 npx 是 npm 软件包运行器 ，使用它，能够无需显式安装即可帮助执行 npm 软件包。它有很多用处，本就从其主要使用场景角度，来介绍下该命令。 安装 更新 npm …
-
我的前端知识梳理-VUE篇 1 Vue的底层原理 当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项，Vue 将遍历此对象所有的属性，并使用 Object.defineProperty 把这些属性全部转为 getter/setter。 Object.defineProperty 是 ES5 中一个无法 shim 的特性，这也就是 Vue 不支持 IE8 以及更低版本浏览器的原因。 这里文档只推荐官…
-
webpack入门指南（基于webpack v4.41.2） 2019年12月5日初稿 ，目前webpack已经更新到v4.41.2，本文正是基于该版本，在windows8.1操作系统下进行的demo编译，适用于想入门webpack的前端开发人员。 webpack官方使用指南（ 参考1 ）： https://www.webpackjs.com/guides/getting-started/ 本文参考（ 参考2 ）： https://segmentfault.com/a/119000000…
-
Vue核心概念及特性 (一) Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。 特点: 易用，灵活，高效 渐进式框架 可以随意组合需要用到的模块 vue + components + vue-router + vuex + vue-cli 一.Vue的概念和特性 1.什么是库，什么是框架? 库是将代码集合成一个产品,库是我们调用库中的方法实现自己的功能。 …
-
前端代码重构一、代码规范化 1. 整理一套vscode中格式化配置，在页面保存时自动格式化，团队成员格式统一（搭配eslint）。 2. 整理项目中的命名（不要嫌长，但也不能过于冗长，尽量能让人一眼看明白） {代码…} 3. html嵌套…
-
JavaScript 字节单位换算函数【详解】 const byteConvert = function(bytes) { if (isNaN(bytes)) { return ”; } let symbols = ; let exp = Math.floor(Math.log(bytes)/Math.log(2)); if (exp < 1) { exp = 0; } let i = Math.floor(exp / 10);…
-
对web标准的理解 万维网联盟（World Wide Web Consortium）标准不是某一个标准，而是一些列标准的集合。 网页主要有三部分组成： 结构（Structure） 表现（Presentation） 行为（Behavior） 对应的标准也有三方面： 结构化标准主要包括XHTML和XML 表现标准语言主要包括CSS 行为标准主要包括（如W3C DOM、ECMAScript)…
-
基于 HTML5 WebGL 的 3D 科幻风机许多世纪以来，风力机同水力机械一样，作为动力源替代人力、畜力，对生产力的发展发挥过重要作用。近代机电动力的广泛应用以及二十世纪50年代中东油田的发现，使风机发电机的发展缓慢下来。
-
如何提取 obj 模型的顶点信息，适用于 Three.js 将 Obj 模型转换为 js 或 json，目的为提取模型的顶点信息。 但 Three.js 在 R94 版本移除了 convert_obj_three.py 转换器。取而代之的 obj2three.js 转换器使用更加方便，但提取顶点的时候因为没有去除 WebGL 绘制的重复点，导致顶点数量翻倍，对于制作粒子效果来说，性能也就随着粒子数量的增加而减弱了，因此旧的…
-
13个需要知道的方法：使用 JavaScript 来操作 DOMDOM 或文档对象模型是 web 页面上所有对象的根。它表示文档的结构，并将页面连接到编程语言。它的结构是一个逻辑树。每个分支结束于一个节点，每个节点包含子节点、对象。DOM API非常庞大，在本文中，咱们只讨论…
-
vue和react中循环key的作用 没用过react开发项目，但想来跟vue在循环渲染中key的作用应该原理是一样的。循环在没有使用key的时候，vue会警告。但是这个key的作用是什么。 vue官方文档： 当 Vue 正在更新使用 v-for 渲染的元素列表时，它默认使用“就地更新”的策略。如果数据项的顺序被改变，Vue 将不会移动 DOM 元素来匹配数据项的顺序，而是就…
-
如果……我想在 JSX 里面写 console.log 本文适合哪些人阅读 本文从「为什么不能直接在 JSX 里面写 console.log 」这个问题出发，分析了 React 的元素渲染机制，并介绍了几种在 JSX 执行 console.log 语句的姿势，最后还介绍了 React 项目中调试代码的其他姿势。 本文适合 React 初学者阅读，如果你已经可以熟练使用 React 开发项目，本文对于你来说可…
-
GitHub 计划登陆中国，将产生哪些影响与意义？近日，全球最大的软件开发平台 GitHub 计划在中国开设子公司。GitHub 首席运营官 Erica Brescia 在接受英国《金融时报》采访时表示，对于该公司在中国扩张的计划，中国方面「非常鼓励」。
前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多
