开着飞机修引擎---热更新在自己刚开始学习前端的时候,每次修改个新样式都要手动刷新一下页面。随着自己对前端的了解,开始使用了 live reload 插件进行代替,每次更改文件后,浏览器都会代替人工来刷新页面。随着后面的学习 React,发现使用 CRA 创建的东西可以在开着服务的时候进行不刷新就替换内容。 live reload使用 webpack 的 dev-server 模拟当年的 nginx+live-reload 2021-03-16 前端工程化 webpack 热更新
Redux的最佳实践本版本为个人机器翻译+渣渣翻译+个人理解写成原版见Redux的最佳实践官方文档 必须遵守的不要变异State。不改变现有state,而是去修改state的副本。 因为state可变是导致Redux出现BUG的最常见原因,而且还会破坏Redux DevTools中的time-travel debugging 功能 1234567891011121314151617181920212223242526 2021-03-12 Redux 翻译 最佳实践
手写一个Promise/A+2021/07/04 更新日志: 手写一个符合 Promise/A+规范的 Promise2021/07/05 更新日志: 完成 Promise.resolve(),Promise.reject(),Promise.race(); Promise 在日常开发中经常用到,使用频率相当的高了。为了能够更好的应用 Promise 需要对 Promise 2021-07-04 源码 手撕源码 Promise 手撕代码
(随手记录)mock方案-jsonServer前言又过了好久没更新博客了,前段时间因为工作太忙再加上学习到的都是零散的知识点,没有更新博客的想法。仔细想想,学习的过程不就是无数个小的知识点堆叠起来的吗。 所以又重拾博客,将每天学到的一点点小东西都记录下来。 JSON-SERVER之前在上一家公司工作的时候,mock 方案采用的是 Easy-mock 这种 API 托管平台,后端生成 swagger,然后前端开发再将 swagger 同步到托管 2021-06-30 前端工程化 工程化 mock
JavaScript之事件循环本文摘抄自淘宝技术 事件循环是什么?在EcmaScript的标准定义中没有提到事件循环(Event Loop)这个定义,反而是HTML的标准定义中定义了事件循环。 To coordinate events, user interaction, scripts, rendering, networking, and so forth, user agents must use event lo 2021-02-22 JavaScript Node.js JavaScript
enzyme学习记录之Shallow,Mount,render的区别render12345/** * Render react components to static HTML and analyze the resulting HTML structure. */export function render<P, S>(node: ReactElement<P>, options?: any): cheerio.Cheerio; 通过跟 2021-02-20 自动化测试 自动化测试 jest enzyme
travis-ci学习记录名词解释大部分均为机器直翻,部分稍加个人理解 名词解释 job:一个自动化的过程,克隆存储库到一个虚拟环境,然后执行一系列的phases,如编译代码,运行测试等。如果script阶段的返回代码非零,则作业失败。 phase:job的连续步骤。例如,install阶段在script阶段之前,script阶段在可选的deploy阶段之前。 build:按顺序运行的一组job。例如,一个build可能有 2021-02-15 旧博客文章 工程化 持续化集成
脚手架开发记录脚手架开发记录 输入模块 输出模块 git操作模块 初始化首先初始化项目 npm init 在 package.json中添加脚本的入口文件, 12345{ "bin":{ "acbg":'bin/init.js' //格式为“命令名”:“入口文件相对package.json的路径” }&# 2021-02-15 旧博客文章 工程化 nodejs 脚手架
《深入浅出 React 和 Redux》 读书笔记《深入浅出 React 和 Redux》 读书笔记React 与 Redux 的核心:UI=render(state) React关于 prop 与 state prop 用于定义外部接口,state 用于记录内部状态; prop 的赋值在外部世界使用组件时,state 的赋值在组件内部; 组件不应该改变 prop 的值,而 state 存在的目的就是让组件来改变的。 组件的生命周期React 2021-02-14 旧博客文章 前端 React Redux
TS学习记录TS 常用点整理[scode type=”green”]具体实践可以看github:component-with-ts本来想详细介绍组件的开发过程的,但是奈何语言组织能力比较差,脑子知道如何去做,但是不知道转换成文字怎么描述,所以就先暂时隐藏了实现过程[/scode] 原始数据类型 boolean let isOk:boolean = false number let age: number = 2021-02-14 旧博客文章 前端