Vue中使用 Vuex

安装Vuex前段代码中执行 ` npm i vuex`配置Vuex在Client根目录下新建store.jsimport Vue from "vue"; import Vuex from "vuex"; Vue.use(Vuex); const types = { SET_USER:"SET_USER"//用户信息 } cons

- 阅读全文 -

前端实现图片懒加载(lazyload)

cid=89 本文章当初是为了给父亲讲述一下政务网站新闻发布,细心的老爹竟然看得出来大部分烟台地区的政务网站都是一套系统,其实这合情合理,毕竟不能每个市,区,县的网站独立开发,不利于对数据的维护。正好博客有后台,其实也就跟父亲展示了一下后台发布文章的功能,这也是我没有选择ghost .hexo的原因,我可以随时随地的写文章,而不需要去git,node 告诉他其实政府新闻办宣传部什么的只是把文章复

- 阅读全文 -

Redux 思想

感想近期一直在研究Redux,搞得一头雾水,上周看了很多文档,多数讲的是数据之间的传递和使用方法,感觉机械搬copy相关代码并无大用,万一遇到什么奇葩的项目,还是得另寻道路上周搞了一直的redux,反复架构实验最后都没有得到太多有用的东西,跟着教程一步一步来,却没有搞明白他的核心思想到底是什么,一直到27号,找到了一些能够引起我注意的东西,也许不是redux最核心的思想,但值得肯定的是,他在某些R

- 阅读全文 -

React生命周期的管理艺术

最近看了很多关于React生命周期的文章,也收集很多关于React生命周期的资料,对于React组件,生命周期是他的核心概念之一,React的主要核心思想是通过构建可复用的组件来构建用户界面。所谓组件,其实就是有限状态机(FSM)通过渲染对应的界面,且每个组件都有自己的生命周期,它规定了组件的状态和方法需要在哪个阶段改变和执行有限状态机,表示有限个状态及在这些状态之间的转移和动作等行为的模型,一般

- 阅读全文 -

如何用最短的JavaScript代码消耗最多的时间?

在V2上看到了这样一个问题如何用最短的JavaScript代码消耗最多的时间?让函数 f 运行 10s 以上,最终输出 true,代码越短越好。(不能有交互。)// 挑战目标:让函数 f 运行 10s 以上,代码越短越好 function f() { // 在此写入你的代码: // ... } (function() { var now = Date.now; var t

- 阅读全文 -

下载Redux调试插件

import { createStore, applyMiddleware,compose } from "redux"; import thunk from "redux-thunk"; import rootReducer from "./reducers/index"; const initialState = {}; const

- 阅读全文 -

React生命周期方法

componentWillReceiveProps()该方法会接受新属性对象,让你可以根据新属性设置state,还可以进行其他工作以确保组件状态保持正常。componentWillUpdate()当你的组件再次渲染时,在render()方法前调用(在组件的props或者state发生改变时触发该方法)。componentDidUpdate()在render()函数执行完毕,并且更新的组件已经被同步

- 阅读全文 -

深入理解javascript原型和闭包(5)——instanceof

对于值类型,你可以通过typeof判断,string/number/boolean都很清楚,但是在typeof在判断引用类型的时候,返回值只有object/function你不知道他到底是一个object还是一个数组,还是new Number这是就需要用到instancceofexfunction Foo(){} var f1=new Foo(); console.log(f1 instance

- 阅读全文 -

js中const,var,let区别

const定义的变量不可以修改,而且必须初始化。const b = 2;//正确 // const b;//错误,必须初始化 console.log('函数外const定义b:' + b);//有输出值 // b = 5; // console.log('函数外修改const定义b:' + b);//无法输出 var定义的变量可以修改,如果不初始化会输出undefined,不会报错。var a

- 阅读全文 -

React关于Value值警告的问题

index.js:1452 Warning: Failed prop type: You provided a value prop to a form field without an onChange handler. This will render a read-only field. If the field should be mutable use defaultValue. Oth

- 阅读全文 -

重排序的两个方法

reverse()方法会反转数组项的顺序exvar values = [1, 2, 3, 4, 5]; values.reverse(); alert(values);这里的初始值是1,2,3,4,5。而调用数组的reverse方法后,其值的顺序变成了5,4,3,2,1 sort()方法在默认情况下,sort()方法按升序排列数组项——即最小的位置位于最前面,最大的值排在最后面,sort()方法

- 阅读全文 -