javascript教程
-
Redux中间件之redux-thunk使用详解
Redux的核心概念其实很简单:将需要修改的state都存入到store里,发起一个action用来描述发生了什么,用reducers描述action如何改变state tree 。创建store的时候需要传入reducer,真正能改变store中数据的是store.dispatch API。...
-
React之ref属性
React提供的这个ref属性,表示为对组件真正实例的引用,其实就是ReactDOM.render()返回的组件实例;ReactDOM.render()渲染组件时返回的是组件实例;渲染dom元素时,返回是具体的dom节点。...
-
React的类型检测PropTypes
随着应用的日益变大,保证组件的正确使用显得日益重要,为此引入React.propTypes:React.PropTypes 提供很多验证器来验证传入数据的有效性,当向props传入无效数据时,JavaScript 控制台会抛出警告。...
-
react中配置less
首先安装less语言所需要的相关依赖 pm i less less-loader --save 然后打开项目中 config/webpack.config.js 一共修改了三处 //添加less配置 const lessRegex = /\.less$/; const lessModuleRegex = /\.module\.less...
-
vue组件的设计原则的理解
vue组件的设计原则,第一: 容错处理, 这个要做好, 极端场景要考虑到, 不能我传错了一个参数你就原地爆炸,第二: 缺省值(默认值)要有, 一般把应用较多的设为缺省值...
-
Vue中$attrs和$listeners的用法
首先我们来看下面的一张图,图中表示一个多级组件嵌套的情形。 现在我们来讨论一种情况,A组件与C组件怎么通信,我们有多少种解决方案? 我们使用VueX来进行数据管理,但是如果...
-
Vue中mixin的用法详解
vue中提供了一种混合机制--mixins,用来更高效的实现组件内容的复用。单纯组件引用:父组件 + 子组件 >>> 父组件 + 子组件。mixins:父组件 + 子组件 >>> new父组件...
-
vue-devtools安装教程
vue-devtools是一款基于chrome游览器的插件,用于调试vue应用,这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装。...
-
Web性能优化-首屏和白屏时间
白屏时间是指浏览器从响应用户输入网址地址,到浏览器开始显示内容的时间。首屏时间是指浏览器从响应用户输入网络地址,到首屏内容渲染完成的时间。...
-
js面向对象的公有、私有、静态属性和方法实现
要了解js面向对象,就必需先了解js中什么是公有方法、特权方法、静态方法。本文介绍了相关实现方法...
-
js数组reduce()用法详解
js数组reduce用法详解,reduce的方法的含义是接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。...
-
js里bind函数详解
js中的call(), apply()和bind()是Function.prototype下的方法,都是用于改变函数运行时上下文。当你希望改变上下文环境之后并非立即执行,而是回调执行的时候,使用 bind() 方法。而 apply/call 则会立即执行函数。...
-
vue.sync的用法
vue提供了.sync修饰符,说白了就是一种简写的方式,我们可以将其当作是一种语法糖,比如v-on: click可以简写为@click。sync修饰符,与我们平常使用$emit实现父子组件通信没有区别,只不过是写法上方便一些。...