释然 - 蓝蓝设计每日一贴

072020-6

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

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

阅读全文>>

评论(0) 浏览(107) 标签: VUE 数据更新了但页面没有更新的 7 种情况汇总及延伸总结

052020-6

理解 redux-thunk 源码

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

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

阅读全文>>

评论(0) 浏览(98) 标签: 理解 redux-thunk 源码

042020-6

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

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

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

阅读全文>>

评论(0) 浏览(92) 标签: TypeScript 内置的模块导入兼容方式

032020-6

使用 VSCode 开发 Gatsby 项目配置

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

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

阅读全文>>

评论(0) 浏览(91) 标签: 开发使用 VSCode Gatsby 项目配置

022020-6

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

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

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

阅读全文>>

评论(0) 浏览(91) 标签: 日常开发中一些常用的工具

012020-6

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

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

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

阅读全文>>

评论(0) 浏览(84) 标签: 闭包 JavaScript必须掌握的基础 ---

302020-5

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

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

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

阅读全文>>

评论(0) 浏览(117) 标签: this JavaScript必须掌握的基础 --->

292020-5

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

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

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

阅读全文>>

评论(0) 浏览(93) 标签: JavaScript的padStart()和padEnd()格式化字符串使用技巧

272020-5

认识 ESLint 和 Prettier

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

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

阅读全文>>

评论(0) 浏览(94) 标签: 和认识 ESLint Prettier

252020-5