摘要：
一个实际项目(OA系统)中的部分功能。这个demo中引入了数据库，数据库使用了mongodb。安装mongodb才能运行完整的功能。要看完整的项目可以移步我的github 技术栈 React v15.6.2 react-redux redux react-router-dom webpack nod 阅读全文
摘要：
在React——组件中介绍过组件有两种定义方式：函数形式以及类形式。但是要想在组件中使用state，就必须使用类形式定义组件。 组件中的state是组件私有的，完全由组件自己控制。 使用类形式定义一个Clock组件 上面的代码中，在构造函数中初始化state 构造函数应该以props作为参数 将Cl 阅读全文
摘要：
最近做了一个项目，这个项目中需要实现的一个功能是：用户自定义头像（用户在本地选择一张图片，在本地将图片裁剪成满足系统要求尺寸的大小）。这个功能的需求是：头像最初剪切为一个正方形。如果选择的图片小于规定的头像要求尺寸，那么这整张图片都会作为头像。如果大于规定的尺寸，那么用户可以选择要裁剪的区域。用户点 阅读全文
摘要：
前言 在一个应用中，通常会有很多图片，众所周知，加载图片需要时间，在图片没有加载出来之前，页面会是空白，为了提升用户体验，应用的开发人员使出浑身解数，其中最为常见的就是在图片没有加载完成之前，有一个加载动画。这里用到的技术主要是图片预加载。图片预加载的原理并不难，当给一个Image对象设置src属性 阅读全文
摘要：
通过jquery可以很容易实现CP端的拖拽。但是在移动端却不好用了。于是我自己写了一个在移动端的拖拽demo，主要用到的事件是触摸事件（touchstart，touchmove和touchend）。 这个demo实现的功能是：可以拖拽的元素（在这里是图片）位于列表中，这些元素可以被拖到指定区域，到达 阅读全文
摘要：
一.webpack基础 1.在项目中生成package.json：在项目根目录中输入npm init，根据提示输入相应信息。（也可以不生成package.json文件，但是package.json是很有用的，所有建议生成） 2.安装webpaack a.在全局中安装webpack：npm insta 阅读全文
摘要：
在webpack中支持的模块语法风格有：ES6，commonJS和AMD ES6风格(推荐) 在webpack2中，webpack支持ES6模块语法。这意味着在没有babel等工具处理的情况下你就可以使用import和export。下面的方法在webpack中被支持： import 静态地导入其他模 阅读全文
摘要：
在nodejs中引入模块需要经历如下3个步骤 1.路径分析 2.文件定位 3.编译执行 在nodejs中模块分为两类，一类是nodejs提供的模块，称为核心模块，另一类的用户编写的模块，称为文件模块。 1.核心模块在nodejs源代码的编译过程中，编译进了二进制执行文件，在nodejs进程启动时，部 阅读全文
摘要：
1.新建一个文件，如果没有使用git add 命令将它提交到暂存区，那么这个文件就还没有被跟踪。 2.通过配置.gitignore文件可以指定要忽略的文件，被忽略的文件夹是不会被提交到暂存区的。所以这只对未跟踪的文件有效。 3.git rm --cached <file>：将文件从暂存区中删除 4. 阅读全文
摘要：
通过使用缓存web网站和web应用的性能能够得到显著的提升。Web caches能够减小延迟和网络流量，从而缩短展示资源所花费的时间。 在http中控制缓存行为的首部字段是Cache-Control，Cache-Control可以有多个指令，指令之间用逗号分割。Cache-Control是通用首部字 阅读全文
摘要：
http是无状态的，所以引入了cookie来管理服务器与客户端之间的状态 与cookie相关的http首部字段有： 1.Set-Cookie:它一个响应首部字段，从服务器发送到客户端，当服务器想开始通过cookie进行状态管理，它就会向客户端发送Set-Cookie字段。 2.Cookie:它是一个 阅读全文
摘要：
1.创建排序二叉树的构造函数 2.向排序二叉树中插入节点 3.中序遍历 4.前序遍历 5.后序遍历 6.获取最小值 7.获取最大值 8.查找给定的值 9.删除节点 10.使用上面的方法 阅读全文
摘要：
//num为小写金额，单位元 changeMoney(num) { if(isNaN(num))return ""; var strPrefix=""; if(num=1000000000000)return ""; var strOutput = ""; var strUnit = '仟佰拾亿仟佰拾万... 阅读全文
摘要：
每一个组件都有一些生命周期函数。 当组件实例被创建并且会插入到DOM中，下面这些函数会被调用 constructor componentWillMount render componentDidMount 改变组件的state或props会导致更新，当重新渲染组件时会调用下面这些方法 compone 阅读全文
摘要：
1.在React中higher-order component (HOC)是一种重用组件逻辑的高级技术。HOC不是React API中的一部分。HOC是一个函数，该函数接收一个组件并且返回一个新组件。在React中，组件是代码复用的基本单位。 2.为了解释HOCs，举下面两个例子 接下来是BlogP 阅读全文