首页

Vue 数据更新了但页面没有更新的 7 种情况汇总及延伸总结

释然 前端及开发文章及欣赏

1. Vue 无法检测实例被创建时不存在于 data 中的 property 原因:由于 Vue 会在初始化实例时对 property 执行 getter/setter 转化,所以 property 必须在 data 对象上存在才能让 Vue 将它转换为响应式的。 场景: var vm = new Vue({  data:{}...

阅读全文>>

理解 redux-thunk 源码

释然 前端及开发文章及欣赏

前言 前面几篇我们就 Redux 展开了几篇文章,这次我们来实现 react-thunk,就不是叫实现 redux-thunk 了,直接上源码,因为源码就11行。如果对 Redux 中间件还不理解的,可以看我写的 Redux 文章。 实现一个迷你Redux(基础版) 实现一个Redux(完善版) 浅谈React的Context API ...

阅读全文>>

Typescript 内置的模块导入兼容方式

释然 前端及开发文章及欣赏

一、前言 前端的模块化规范包括 commonJS、AMD、CMD 和 ES6。其中 AMD 和 CMD 可以说是过渡期的产物,目前较为常见的是commonJS 和 ES6。在 TS 中这两种模块化方案的混用,往往会出现一些意想不到的问题。 二、import * as 考虑到兼容性,我们一般会将代码编译为 es5 标准,于是 tsconfig.jso...

阅读全文>>

使用 VSCode 开发 Gatsby 项目配置

释然 前端及开发文章及欣赏

初始化 使用 https://github.com/XYShaoKang... 作为基础模板 gatsby new gatsby-project-config https://github.com/XYShaoKang/gatsby-hello-world Prettier 配置 安装 VSCode 扩展 按 Ctrl + P (MAC ...

阅读全文>>

日常开发中一些常用的工具

释然 前端及开发文章及欣赏

收集了一些工作中常用的工具。 如果你有好用的工具或者有意思的工具网站,要留言哦! GitHub地址 图片 在线图片压缩 | 在线图片压缩 生成随机图片 移除图片背景 开发 地图数据 在线写代码 各种库的在线CDN地...

阅读全文>>

JavaScript必须掌握的基础 --- 闭包

释然 前端及开发文章及欣赏

闭包(Closure)的定义 闭包是一个让初级JavaScript使用者既熟悉又陌生的一个概念。因为闭包在我们书写JavaScript代码时,随处可见,但是我们又不知道哪里用了闭包。 关于闭包的定义,网上(书上)的解释总是千奇百怪,我们也只能“取其精华去其糟粕”去总结一下。 即使函数在当前作用域外调用,但是还能访问当前作用域中的变量和函数 ...

阅读全文>>

JavaScript必须掌握的基础 ---> this

释然 前端及开发文章及欣赏

this this是我们在书写代码时最常用的关键词之一,即使如此,它也是JavaScript最容易被最头疼的关键词。那么this到底是什么呢? 如果你了解执行上下文,那么你就会知道,其实this是执行上下文对象的一个属性: executionContext = {    scopeChain:[ ......

阅读全文>>

JavaScript的padStart()和padEnd()格式化字符串使用技巧

释然 前端及开发文章及欣赏

用例 让我们从介绍几种不同的填充用例开始。 标签和值 假设你在同一行上有标签和值,例如 name:zhangsan 和 Phone Number:(555)-555-1234。如果把他们放在一起看起来会有点奇怪,会是这样: Name: zhangsan Phone Number: (555)-555-1234 ...

阅读全文>>

认识 ESLint 和 Prettier

释然 前端及开发文章及欣赏

ESLint 先说是什么:ESLint 是一个检查代码质量与风格的工具,配置一套规则,他就能检查出你代码中不符合规则的地方,部分问题支持自动修复。 使用这么一套规则有什么用呢?如果单人开发的话倒是没什么了,但是一个团队若是存在两种风格,那格式化之后处理代码冲突就真的要命了,统一的代码风格真的很重要! (其实以前自己做一个项目的时候,公...

阅读全文>>

JavaScript中的Event Loop(事件循环)机制

释然 前端及开发文章及欣赏

事件循环 JavaScript是单线程,非阻塞的 浏览器的事件循环 执行栈和事件队列 宏任务和微任务 node环境下的事件循环 和浏览器环境有何不同 事件循环模型 宏任务和微任务 经典题目分析 1. JavaScript是单线程,非阻塞的 ...

阅读全文>>

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档