摘要:
环境搭建 安装nodejs npm npm的思路大概是这样的 买个服务器作为代码仓库(repository),在里面放所有需要被共享的代码 发邮件通知 jQuery 、Bootstrap 、Underscore 的作者使用 npm publish 把代码提交到 repository 上,分别取名 j 阅读全文
摘要:
前端学习计划 1.了解前端技术栈 1. react:前端开发语言(着重学习) React是用于构建用户界面的JavaScript框架,用于构建高效、快速的用户界面。React 中一切都是组件。 虚拟dom 2. webpack:前端打包工具 一个开源的前端打包工具,将你的js、css、img、svg 阅读全文
摘要:
环境搭建 安装nodejs node_modules 搜索路径 Node将试图去当前目录的node_modules文件夹里搜索。如果当前目录的node_modules里没有找到,Node会从父目录的node_modules里搜索,这样递归下去直到根目录。(框架组件我们安装的只有源码,组件库还是依赖于 阅读全文
摘要:
作用 loader是一种打包的方案,webpack默认只识别js结尾的文件,当遇到其他格式的文件后,webpack并不知道如何去处理。此时,我们可以定义一种规则,告诉webpack当他遇到某种格式的文件后,去求助于相应的loader。 开发 新建loaders文件夹并创建三个loaders文件 入口 阅读全文
摘要:
宏任务 script(主程序代码) setTimeOut setInterVal setImmediate I/O操作 UI渲染 requestAnimationFrame 微任务 promise(原生) MutationObserver process.nextTick() mutation Ob 阅读全文
摘要:
1.vscode插件开发有什么用 每个公司、项目组、各人都有自己特殊的定制化、可公用的需求,vscode的已有插件显然不能满足我们各种各样的要求,所以开发一个适用于我们自己的定制化插件,无疑能大大提高我们的开发效率以及团队的语法规范 2.vscode插件开发、发布主要流程 插件开发前的准备:vsco 阅读全文
摘要:
1.什么是Redux Redux是js应用的 一种可预测的状态容器 (1)Web 应用是一个状态机,视图与状态是一一对应的。 (2)所有的状态,保存在一个对象里面。 2.为什么使用Redux 不使用redux:多个嵌套的父子组件消息传递只能使用一层一层向上传递的方式进行通知,使用起来比较麻烦,维护成 阅读全文
摘要:
promise Promise,我们了解到promise是ES6为解决异步回调而生,避免出现这种回调地狱,那么为何又需要Async/Await呢?你是不是和我一样对Async/Await感兴趣以及想知道如何使用,下面一起来看看这篇文章:Async/Await替代Promise的6个理由。 什么是As 阅读全文
摘要:
介绍 Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性 class方式的痛点 组件变得复杂和难以维护 class打包会有很多冗余代码,大量的class会使热重载出现不稳定的情况 class自生具有的复杂度和组件嵌套 阅读全文
摘要:
背景 随着社会的不断进步,人们慢慢从物质消费升华到了精神消费,前端也相比原来重要了许多,如何开发好一个项目,开发意识非常重要,这时候应该如何更好的开发一个前端网站的流程尤为重要。 开发阶段 1.根据公司实际情况选择框架技术 前端现在比较主流的三大框架自行选择。 例如react+webpack+es6 阅读全文