前端及开发文章及欣赏

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地...

阅读全文>>

React 简单介绍

前端达人 前端及开发文章及欣赏

why React? React是Facebook开发的一款JS库,那么Facebook为什么要建造React呢,主要为了解决什么问题,通过这个又是如何解决的? 从这几个问题出发我就在网上搜查了一下,有这样的解释。 Facebook认为MVC无法满足他们的扩展需求,由于他们非常巨大的代码库和庞大的组织,使得MVC很快变得非常复复杂,每当需要添加...

阅读全文>>

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

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

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

阅读全文>>

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

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

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

阅读全文>>

Three.js 基础入门

前端达人 前端及开发文章及欣赏

课程介绍 近些年,浏览器的功能越来越强大,渐渐得成为了复杂应用和图形的平台。同时,现有大多数浏览器实现了对 WebGL 的支持,但要直接使用 WebGL 相关接口进行开发,则需要学习复杂的着色器语言,且开发周期长,不利于项目的快速开发。 面对这种情况,Three.js 应运而生,它不但对 WebGL 进行了封装,将复杂的接口简单化,而且基于面向对象思维,将数据结构对象化,非常方...

阅读全文>>

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

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

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

阅读全文>>

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档