这是一个mini-project，主要是基于vue2.0的一个移动端的机器自动回复小项目，下面是我的一个回顾总结https://github.com/xuweikang/rebotChat 1. 项目搭建 在开始该项目之前，使用vue-cli脚手架搭建整个projec //安装vue-cli npm install vue-cli //初始化项目 rebotChat是我的项目名称 vue init webpack-simple rebotChat 这样我的项目结构就出来了，如下：2. 模拟数据，命名为mockdata.json，该数据包括用户基本信息数据和聊天记...
这篇文章主要是写关于学习react中的一些自己的思考：1.setState到底是同步的还是异步的？ 2.如何在子组件中改变父组件的state 3.context的运用，避免“props传递地狱” 4.组件类里有私有变量a，它到底改放在this.a中还是this.state对象中（作为属性a）呢？1.setState到底是同步的还是异步的？ class MyComponent extends React.Component{constructor(props) {super(props)this.state ={value:0}} handleClick = () => {this.setSt...
本文实例为大家分享了layui-日期控件的实现代码，供大家参考，具体内容如下 <!DOCTYPE html> <html><head><meta charset="UTF-8"><title>日期</title><link rel="stylesheet" href="layui/css/layui.css"></head><body><blockquote class="layui-elem-quote">目前Layui中的日期组件还是layDate 1.1的改良版，它后续将会进行一次重写。</blockquote><fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;...
koa2里面使用ES7的语法，如async、await所以需要运行在node7.6之后；但在node7.6之前也可以利用babel是的koa2可以运行。首先项目中安装babel，和babel的几个模块：npm install babel babel-register babel-preset-env --save然后在入口文件中引入‘babel-register模块require(babel-register);而后引入业务代码：require(./server.js);在配置.babelrc文件： {"presets": [["env", {"targets": {"node": true}}]] }示例：app.js:req...
多值运动，也就是对于某个对象来说，不仅仅只是其中一个属性值在变化，而是好多个，比如宽，高，字体，透明度等等同时变化当然了，多值运动会产生一个问题，就是定时器何时关闭的问题！当然是所有的属性值都运动到目标值了才能清理定时器，也就是等最慢的。就好比十个人一起聚餐，不能等到来一个人就开吃！前几篇讲的都是一个元素对象中某一个属性的运动，这次讲同一个元素对象中多个属性值的缓冲运动，那么每个属性都有个终点（目...
基于前几篇的运动框架基础，本文主要讲解一下链式运动，就是运动完后接着再运动，比如很多网站中，一个方框的出现和退出：出现时先变宽再变高，退出时先变矮再变窄退出！ 之前的模型是：startMove(obj, json);现在改为： startMove(obj, json, fn);也就是在第一次运动结束的时候执行fn(); fn是传过来的一个参数，这个参数是个函数，定时器清理之后手动运行fn();如果想采用链式运动，那就是在fn中再调用startMove(obj, json, fn)，...
前面两篇都是单物体的运动，本文开始讲多物体的运动，比如多个div的各自不同的属性如宽，高，字体大小，透明度的缓冲运动变化。 从本文起，就不再使用offsetWdith,offsetHeight了等等，因为会出现问题，比如加个border，offsetWidth就会出现严重问题，参见我个人的博客JavaScript中offsetWidth的bug及其对策解决方案就是封装getStyle(obj, attr) 函数，用了获取运动中的当前值！ function getStyle(obj, name) {if(obj.currentStyl...
这里说的运动是指缓冲运动，缓冲运动会使物体逐渐‘着陆，而不是‘硬着陆，到达目标位置的过程中速度越来越慢，看起来很舒服。 缓冲的特点： 速度随着距离的缩短而降低速度 = （目标值 - 当前值） / 缩放系数；速度一定要是整数比如，一个div从最左边运动到left等于400的位置停下，可以如下实现： <!DOCTYPE html> <html> <head><meta charset="utf-8"><title>运动框架（一）</title><style type="text/css">* {padding: 0;margin:...
本文实例是对JavaScript运动框架（一）的应用 scrollTop：有时候网页很长，其高度大于显示器高度，会产生滚动，那么在高度方向上，“滚走”的部分就是scrollTop var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; offsetTop：此属性可以获取元素的上外缘距离最近采用定位父元素内壁的距离，如果父元素中没有采用定位的，则是获取上外边缘距离文档内壁的距离。所谓的定位就是position属性值为relati...
本文为大家分享了vue.js中mint-ui框架的使用方法，具体内容如下 1.安装vue2.0的mint-ui框架 npm install mint-ui -save 2.引用和使用框架，我用的是全部组件，也可以按需选择加载相应的组件，不过要使用babel-plugin-component import Mint from mint-ui; Vue.use(Mint);3.创建一个header.vue组件，里面写入mint-ui的头部组件 <template> <mt-header title="问答"> <router-link to="/search" slot="left"> <mt-button icon="sear...
Express是一个轻量级的Web框架，简单、灵活 也是目前最流行的基于Nodejs的Web框架 通过它我们可以快速搭建功能完整的网站 （express 英文意思：特快列车） Express现在是4.x版本，更新很快，并且不兼容旧版本，导致现在市面上很多优秀的Node书籍过时 这篇文章是一篇入门级的Express使用，需要一定Node.js的基础 Web应用创建 首先要做的是下载express并引用 npm install express --save全局安装就+个-g 引用express var express = r...
Socket.IO是一个基于WebSocket的实时通信库，在主流平台都有很好的支持，此文主要是通过一个小例子来演示Socket.IO的使用。基础环境搭建 新建一个文件夹（JS工程），创建一个package.json，复制以下内容并保存。 {"name": "socket-chat-example","version": "0.0.1","description": "my first socket.io app","dependencies": {} }然后执行npm命令，安装我们需要的依赖（Express和Socket.IO）， 请确保你电脑已经有node环境 在项目...
今天来介绍一下ElementUI的使用，在Vue2.0更新之后，很多UI框架也应运而生，这个框架是饿了么团队开发的一款适用于PC的一个UI框架，体验之后给我的个人感觉确实是有助于快速开发的一款UI框架，在饿了么GitHub中我下载了一个团队开发的官方Demo（GitHub链接为：https://github.com/taylorchen709/vue-admin）感觉可以应对初期团队项目为管理系统的开发这一类的网站，下面我就来仔细讲解下如何让官方的Demo运行起来 首先我们使用wind...
本文实例讲述了Node.js基于connect和express框架的多页面实现数学运算。分享给大家供大家参考，具体如下： 1、使用connect框架 .use方法用于绑定中间件到connect服务器，它会配置一系列在接到请求时调用的中间件模块，此例中我们要配置的中间件有favicon logger static router app.get/post/put 写法：app.requestName(path, function(req, res, next){}); app-connect.jsvar connect = require(connect); //npm install c...
NodeJS里最常用的测试框架估计就是mocha了。它支持多种node的assert libs， 同时支持异步和同步的测试，同时支持多种方式导出结果，也支持直接在browser上跑Javascript代码测试。 本文示例大多源于官网示例，部分示例结合需要或自己的感想有所改动。更多介绍请看 官方网址：Mocha on Github Installation： 当你成功安装nodejs v0.10 和 npm后执行下面这条命令。 # npm install -g mochap.s. Ubuntu的注意apt源里的nodejs版本会比较...