前端及开发文章及欣赏

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

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

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

阅读全文>>

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

理解 redux-thunk 源码

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

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

阅读全文>>

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

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

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

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

阅读全文>>

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

使用 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 项目配置

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

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

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

阅读全文>>

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

React 简单介绍

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

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

阅读全文>>

评论(0) 浏览(134) 标签: javascript React

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

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

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

阅读全文>>

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

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

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

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

阅读全文>>

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

Three.js 基础入门

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

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

阅读全文>>

评论(0) 浏览(164) 标签: 3D three.js

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

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

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

阅读全文>>

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

分类

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档