文章分类 - JavaScript
摘要：react Hooks Hooks是什么？ functional component在使用的时候有一些限制，比如需要生命周期、state的时候就不能用functional component。 而有了Hooks，你就可以在funtional component里，使用class component的
阅读全文
摘要：16.0 一、render 支持返回这五类：React elements, 数组,Fragments，Portal，String/numbers,boolean/null。 二、Error boundary（错误边界） 用于捕获子组件树的JS异常。 捕获范围： 渲染期间 生命周期内 整个组件树构造函
阅读全文
摘要：配置管理 安全HTTP头 Strict Transport Security 强制实施与服务器的安全（HTTP over SSL / TLS）连接 X Frame Options 提供点击劫持保护 X XSS Protection 支持在最新的Web浏览器中内置的跨站点脚本（XSS）过滤器 X Co
阅读全文
摘要：1 Web前端技术基础 1.1 现代Web前端技术发展概述 前端项目代码越来越多，结构越来越复杂，如何实现项目的管理将直接决定后期的维护成本。所以我们必须考虑用模块化和组件化的思路来管理. 所谓的模块化和组件化是指采用代码管理中分治的思想，将复杂的代码结构拆分成多个独立、简单、解耦合的结构或文件分开
阅读全文
摘要：getting started 以上版本提供的 npx 命令，可以运行在初始安装的 webpack 包(package)的 webpack 二进制文件（ ）. 相当于 默认支持ES2015 中的 import 和 export. Asset Management "MiniCssExtractPlu
阅读全文
摘要：使用相关 css pixel point(PT)代表的是逻辑像素而不是实际像素. 可以通过Dimensions 来获取宽高，PixelRatio 获取密度。 React Native中的Flexbox的工作原理和web上的CSS基本一致，当然也存在少许差异。 首先是默认值不同：flexDirecti
阅读全文
摘要：拓展阅读 "javascript module systems showdown" "predictable long term caching with webpack" "separating manifest" "Module Methods" "Writing a Loader" "tapa
阅读全文
摘要：webpack4 changelog 翻译webpack4的主要功能变更,bugfixes之类的如果不重要会略过 V4.0.0 大的变更 环境 不再支持Node.js 4。源代码已升级为更高的ecmascript版本。 用法 现在必须在两种模式之间选择 ( or )： or 生产支持所有类型的优化以
阅读全文
摘要：(高阶)函数 高阶函数 高阶函数(higher order function)指操作函数的函数 1. 函数可以作为参数被传递 2. 函数可以作为返回值输出 常见的 sort,reduce 等函数也算。 AOP AOP（面向切面编程）的主要作用是把一些跟核心业务逻辑模块无关的功能抽离出来，这些跟业务逻
阅读全文
摘要：该文章目前对应的是 webpack 4.12.1 "v4.0.0 changelog" 新增webpack cli 需要多安装一个 "webpack cli" . 现在可以不需要webpack.config.js文件也能简单打包文件, 会默认打包 , 输出到 中. 相当于默认载入了这个配置 可以使用
阅读全文
摘要：React Fiber是对React核心算法的重构，2年重构的产物就是Fiber Reconciler。 1 为什么需要React Fiber 在React Fiber之前的版本,当React决定要加载或者更新组件树时，会做很多事，但主要是两个阶段: 1. 调度阶段(Reconciler)。这个阶段
阅读全文
摘要：js的内存生命周期 不管什么程序语言，内存生命周期基本是一致的： 1. 分配你所需要的内存 2. 使用分配到的内存（读、写） 3. 不需要时将其释放\归还 在所有语言中第一和第二部分都很清晰。最后一步在底层语言中很清晰，但是在像JavaScript 等上层语言中，这一步是隐藏的、透明的。 JavaS
阅读全文
摘要：官方文档基本没怎么说,很迷, 可以参考这个 "babel plugin transform vue jsx" . 还有react的 "JSX" "vnode似乎也需要了解" 如果用了jsx，那么内置的指令都不会生效 (除了v show). 自定义指令可以使用 语法，如果要支持指令参数和modifie
阅读全文
摘要：window.onload 在文档装载完成后会触发 load 事件。此时，在文档中的所有对象都在DOM中，所有图片，脚本，链接以及子框都完成了装载。 DOMContentLoaded IE9+ 当初始的 HTML 文档被完全加载和解析完成之后，DOMContentLoaded 事件被触发，而无需等待
阅读全文
摘要："随书代码" 略的部分为个人觉得没什么记录价值的部分. 1. 初始Vue.js MVVM(Model View View Model):当View(视图层)变化时，会自动更新到ViewModel(视图模型)，反之亦然。View 和ViewModel 之间通过双向绑定(data binding)建立联
阅读全文
摘要：call、apply 、函数执行的本质 严格模式下,fn 里的 this 就是 call 的第一个参数，也就是 undefined。 在非严格模式下， call 传递的第一个参数如果是 undefined 或者 null， 那 this 会自动替换为 Window 对象 more xx.yy可以理解
阅读全文
摘要："随书代码" 1 React 新的前端思维方式 react的理念 2 设计高质量的React组件 当 prop 的值不是字符串类型时，在 JSX 中必须用花括号 {} 包住， 所以 style 的值有两层花括号，外层花括号代表是 JSX 的语法，内层的花括号代表这是一个对象常量。 可以使用 babe
阅读全文
摘要："个人示例" "官方示例" 编写通用代码 编写通用代码 "通用"代码 即运行在服务器和客户端的代码。由于用例和平台 API 的差异，当运行在不同环境中时，代码将不会完全相同。 服务器上的数据响应 在纯客户端应用程序(client only app)中，每个用户会在他们各自的浏览器中使用新的应用程序实
阅读全文
摘要："官方示例examples" 状态管理模式 new Vue({ // state data () { return { count: 0 } }, // view template: ` {{ count }} `, // actions methods: { increment () { this
阅读全文
摘要："官方示例examples" $route可以获取到路由相关的数据。 $router可以使用路由相关的方法。 动态路由匹配 路由匹配规则是restful的， 当使用如 的params时， 例如从 导航到 ，原来的组件实例会被复用。因为两个路由都渲染同个组件，比起销毁再创建，复用则显得更加高效。不过，
阅读全文
浙公网安备 33010602011771号