博客园 - 八bug哥哥
uuid:24b78886-0ed1-41c2-8670-e3f31dcf42c4;id=18794
2022-06-07T06:47:09Z
八bug哥哥
https://www.cnblogs.com/null11/
feed.cnblogs.com
https://www.cnblogs.com/null11/p/7711069.html
html5的新通讯技术socket.io,实现一个聊天室 - 八bug哥哥
后台node
2017-10-22T11:01:00Z
2017-10-22T11:01:00Z
八bug哥哥
https://www.cnblogs.com/null11/
【摘要】后台node <a href="https://www.cnblogs.com/null11/p/7711069.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/null11/p/7647626.html
通过一个用户管理实例学习路由react-router-dom知识 - 八bug哥哥
我们通过一个用户管理实例来学习react-router-dom 这个实例包括9个小组件 App.js 引入组件 Home.js 首页组件 User.js 用户管理组件 - UserList.js 用户列表组件 - UserAdd.js 用户添加组件 - UserDetail.js 用户详情组件 Pr
2017-10-10T12:17:00Z
2017-10-10T12:17:00Z
八bug哥哥
https://www.cnblogs.com/null11/
【摘要】我们通过一个用户管理实例来学习react-router-dom 这个实例包括9个小组件 App.js 引入组件 Home.js 首页组件 User.js 用户管理组件 - UserList.js 用户列表组件 - UserAdd.js 用户添加组件 - UserDetail.js 用户详情组件 Pr <a href="https://www.cnblogs.com/null11/p/7647626.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/null11/p/7600553.html
javascript 保护变量不被随意修改------优雅的编程 - 八bug哥哥
/* * 1.如果在renderTitle,renderContent里面,这样总数据谁都能修改,不安全 * 改进 * 1.规定一个专门修改数据的方法,如果想修改数据只能走这个方法 * * action代表一个命令对象,就是一个普通的js对象,起码需要一个字段控制命令类型type,其他字段随意 * * */ const CHANGE_FONT_SILE='CHANGE_FONT_SILE'; /...
2017-09-27T02:51:00Z
2017-09-27T02:51:00Z
八bug哥哥
https://www.cnblogs.com/null11/
【摘要】/* * 1.如果在renderTitle,renderContent里面,这样总数据谁都能修改,不安全 * 改进 * 1.规定一个专门修改数据的方法,如果想修改数据只能走这个方法 * * action代表一个命令对象,就是一个普通的js对象,起码需要一个字段控制命令类型type,其他字段随意 * * */ const CHANGE_FONT_SILE='CHANGE_FONT_SILE'; /... <a href="https://www.cnblogs.com/null11/p/7600553.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/null11/p/7597890.html
react.js 高阶组件----很简单的实例理解高阶组件思想 - 八bug哥哥
调试代码之前,我设置了两个缓存 分别是username和content 在控制台console设置两个缓存代码 localStorage.setItem('username','老王')localStorage.setItem('content','类容') 运行下面代码一定要先设置这两个缓存,因为
2017-09-26T09:27:00Z
2017-09-26T09:27:00Z
八bug哥哥
https://www.cnblogs.com/null11/
【摘要】调试代码之前,我设置了两个缓存 分别是username和content 在控制台console设置两个缓存代码 localStorage.setItem('username','老王')localStorage.setItem('content','类容') 运行下面代码一定要先设置这两个缓存,因为 <a href="https://www.cnblogs.com/null11/p/7597890.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/null11/p/7582460.html
vue.js基础知识总结 - 八bug哥哥
初始化一个项目 npm init -y npm init -y 安装一些依赖 npm install 名称 --save 例如 npm install vue axios bootstrap --save --save 表示开发和上线都要用 --save dev 表示开始时候用,上线丢掉 npm i
2017-09-23T12:37:00Z
2017-09-23T12:37:00Z
八bug哥哥
https://www.cnblogs.com/null11/
【摘要】初始化一个项目 npm init -y npm init -y 安装一些依赖 npm install 名称 --save 例如 npm install vue axios bootstrap --save --save 表示开发和上线都要用 --save dev 表示开始时候用,上线丢掉 npm i <a href="https://www.cnblogs.com/null11/p/7582460.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/null11/p/7582298.html
react.js 给标识ref,获取内容 - 八bug哥哥
import React,{Component} from 'react' import ReactDOM from 'react-dom' class App extends Component{ //给一个初始化状态 constructor(){ super(); this.state={ result:0 ...
2017-09-23T11:49:00Z
2017-09-23T11:49:00Z
八bug哥哥
https://www.cnblogs.com/null11/
【摘要】import React,{Component} from 'react' import ReactDOM from 'react-dom' class App extends Component{ //给一个初始化状态 constructor(){ super(); this.state={ result:0 ... <a href="https://www.cnblogs.com/null11/p/7582298.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/null11/p/7581565.html
react.js 父子组件数据绑定实时通讯 - 八bug哥哥
import React,{Component} from 'react' import ReactDOM from 'react-dom' class ChildCounter extends Component{ render(){ return( {this.props.count} ...
2017-09-23T08:21:00Z
2017-09-23T08:21:00Z
八bug哥哥
https://www.cnblogs.com/null11/
【摘要】import React,{Component} from 'react' import ReactDOM from 'react-dom' class ChildCounter extends Component{ render(){ return( {this.props.count} ... <a href="https://www.cnblogs.com/null11/p/7581565.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/null11/p/7570814.html
前端知识部分整理 - 八bug哥哥
web标准的理解 web标准是由网页有结构,表现,行为构成! 结构的标准 XML+XHTML到目前的html5都有差异 表现的标准行为 css2标准到现在css3的新属性,兼容 dom+javascript css2标准到现在css3的新属性,兼容 浏览器的内核差异 目前市场上基本有4大内核 Tri
2017-09-21T12:19:00Z
2017-09-21T12:19:00Z
八bug哥哥
https://www.cnblogs.com/null11/
【摘要】web标准的理解 web标准是由网页有结构,表现,行为构成! 结构的标准 XML+XHTML到目前的html5都有差异 表现的标准行为 css2标准到现在css3的新属性,兼容 dom+javascript css2标准到现在css3的新属性,兼容 浏览器的内核差异 目前市场上基本有4大内核 Tri <a href="https://www.cnblogs.com/null11/p/7570814.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/null11/p/7551195.html
react.js 渲染一个列表的实例 - 八bug哥哥
//引入模块 import React,{Component} from 'react'; import ReactDOM from 'react-dom'; //定义一个要渲染的数组 let users=[ {id:1,name:'老王1',age:31}, {id:2,name:'老王2',age:32}, {id:3,name:'老王3',age:33} ] //定...
2017-09-19T04:18:00Z
2017-09-19T04:18:00Z
八bug哥哥
https://www.cnblogs.com/null11/
【摘要】//引入模块 import React,{Component} from 'react'; import ReactDOM from 'react-dom'; //定义一个要渲染的数组 let users=[ {id:1,name:'老王1',age:31}, {id:2,name:'老王2',age:32}, {id:3,name:'老王3',age:33} ] //定... <a href="https://www.cnblogs.com/null11/p/7551195.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/null11/p/7550629.html
react.js 组件之间的数据传递props - 八bug哥哥
/* *属性 * 1.如何传递属性 * 2.属性和状态区别和联系 * * 3.子组件都有一个props属性对象 * * 4.单线数据流(只能从父组件流向子组件,就是在父组件定义一个属性,子组件可以通过this.props.属性名 接收) * 5.子组件可以读取父组件传递的属性,但是不能直接改 * */ import React,{Component} from 'react' import R...
2017-09-19T02:51:00Z
2017-09-19T02:51:00Z
八bug哥哥
https://www.cnblogs.com/null11/
【摘要】/* *属性 * 1.如何传递属性 * 2.属性和状态区别和联系 * * 3.子组件都有一个props属性对象 * * 4.单线数据流(只能从父组件流向子组件,就是在父组件定义一个属性,子组件可以通过this.props.属性名 接收) * 5.子组件可以读取父组件传递的属性,但是不能直接改 * */ import React,{Component} from 'react' import R... <a href="https://www.cnblogs.com/null11/p/7550629.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/null11/p/7542166.html
从一个简单的组件化封装写优化DOM操作 - 八bug哥哥
/* *缺点 * 1. 还需要我们自己手工维护dom状态,以数据的思想去思考 *2. 数据改变后,还需要我们自己手动改变dom *3. * */ class LikeButton{ constructor(){ //定义一个状态 this.state={ liked:false } } createD...
2017-09-18T03:23:00Z
2017-09-18T03:23:00Z
八bug哥哥
https://www.cnblogs.com/null11/
【摘要】/* *缺点 * 1. 还需要我们自己手工维护dom状态,以数据的思想去思考 *2. 数据改变后,还需要我们自己手动改变dom *3. * */ class LikeButton{ constructor(){ //定义一个状态 this.state={ liked:false } } createD... <a href="https://www.cnblogs.com/null11/p/7542166.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/null11/p/7532882.html
node框架express里面静态文件中间件express.static,根据路径名查找文件 - 八bug哥哥
- 是express框架下的一个方法,可以根据请求路径名查找某个文件下文件名字和路径名相同的文件 - 3.X里面有20多个中间件,但是在4.X里面 只保留了express.static - 语法 express.static('/设置一下请求路径/路径名','要被查找文件夹的绝对路径') 请求路径后
2017-09-16T12:49:00Z
2017-09-16T12:49:00Z
八bug哥哥
https://www.cnblogs.com/null11/
【摘要】- 是express框架下的一个方法,可以根据请求路径名查找某个文件下文件名字和路径名相同的文件 - 3.X里面有20多个中间件,但是在4.X里面 只保留了express.static - 语法 express.static('/设置一下请求路径/路径名','要被查找文件夹的绝对路径') 请求路径后 <a href="https://www.cnblogs.com/null11/p/7532882.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/null11/p/7532567.html
node的express框架,核心第三方模块body-parser 获取我们所有post请求传过来数据 - 八bug哥哥
- 安装 body-parser模块- npm install body-parser -S- 调用- let bodyParser=require('body-parser');- 设置中间件- app.use(bodyParser.urlencoded({extended:true}));- 判
2017-09-16T12:07:00Z
2017-09-16T12:07:00Z
八bug哥哥
https://www.cnblogs.com/null11/
【摘要】- 安装 body-parser模块- npm install body-parser -S- 调用- let bodyParser=require('body-parser');- 设置中间件- app.use(bodyParser.urlencoded({extended:true}));- 判 <a href="https://www.cnblogs.com/null11/p/7532567.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/null11/p/7532080.html
利用express启一个server服务 - 八bug哥哥
安装express $ npm install express --save 在node.js中,我们最常用的框架就是express Express 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架,它提供一系列强大的特性,帮助你创建各种 Web 和移动设备应用。 第一步 我们要
2017-09-16T10:08:00Z
2017-09-16T10:08:00Z
八bug哥哥
https://www.cnblogs.com/null11/
【摘要】安装express $ npm install express --save 在node.js中,我们最常用的框架就是express Express 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架,它提供一系列强大的特性,帮助你创建各种 Web 和移动设备应用。 第一步 我们要 <a href="https://www.cnblogs.com/null11/p/7532080.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/null11/p/7517289.html
vue2.0一个书城实例 - 八bug哥哥
gitHub克隆地址 git clone https://github.com/Webxiaoyaun/vue-book.git 点击去Github下载 ## 一个书城## 有增加,修改,缓存,懒加载,node.js写的后台,动画过渡,轮播图 等功能
2017-09-13T11:13:00Z
2017-09-13T11:13:00Z
八bug哥哥
https://www.cnblogs.com/null11/
【摘要】gitHub克隆地址 git clone https://github.com/Webxiaoyaun/vue-book.git 点击去Github下载 ## 一个书城## 有增加,修改,缓存,懒加载,node.js写的后台,动画过渡,轮播图 等功能 <a href="https://www.cnblogs.com/null11/p/7517289.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/null11/p/7509467.html
es6异步编程 Promise 讲解 --------各个优点缺点总结 - 八bug哥哥
//引入模块 let fs=require('fs'); //异步读文件方法,但是同步执行 function read(url) { //new Promise 需要传入一个executor 执行器 //executor需要传入两个函数 resolve reject return new Promise((resolve,reject)=>{ fs.re...
2017-09-12T04:05:00Z
2017-09-12T04:05:00Z
八bug哥哥
https://www.cnblogs.com/null11/
【摘要】//引入模块 let fs=require('fs'); //异步读文件方法,但是同步执行 function read(url) { //new Promise 需要传入一个executor 执行器 //executor需要传入两个函数 resolve reject return new Promise((resolve,reject)=>{ fs.re... <a href="https://www.cnblogs.com/null11/p/7509467.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/null11/p/7509420.html
js重新讲解继承,es5的一些继承,es6继承的改变 ----------由浅入深 - 八bug哥哥
es5 利用原型公有私有继承 es5 私有继承,改变this指向,公有不继承 function Parent(name) { this.name = name}//父类的公有属性Parent.prototype.home = '北京'; function Child(name) { this.age
2017-09-12T03:55:00Z
2017-09-12T03:55:00Z
八bug哥哥
https://www.cnblogs.com/null11/
【摘要】es5 利用原型公有私有继承 es5 私有继承,改变this指向,公有不继承 function Parent(name) { this.name = name}//父类的公有属性Parent.prototype.home = '北京'; function Child(name) { this.age <a href="https://www.cnblogs.com/null11/p/7509420.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/null11/p/7509352.html
node.js里的buffer常见操作,copy,concat等实例讲解 - 八bug哥哥
//通过长度构建的buffer内容是随机的 var buffer=new Buffer(100); console.log(buffer); //手动清空buffer,一般创建buffer不会清空 buffer.fill(0); //通过字符串创建buffer //字符串具有不变性 var str="阿尼"; var buffer=new Buffer(str); console.log(bu...
2017-09-12T03:46:00Z
2017-09-12T03:46:00Z
八bug哥哥
https://www.cnblogs.com/null11/
【摘要】//通过长度构建的buffer内容是随机的 var buffer=new Buffer(100); console.log(buffer); //手动清空buffer,一般创建buffer不会清空 buffer.fill(0); //通过字符串创建buffer //字符串具有不变性 var str="阿尼"; var buffer=new Buffer(str); console.log(bu... <a href="https://www.cnblogs.com/null11/p/7509352.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/null11/p/7509312.html
node.js 写流 createWriteStream----由浅入深 - 八bug哥哥
createWriteStream 写流 基于fs模块 let fs=require("fs"); createWriteStream创建一个写流 我们先创建一个2.txt要写入的文件 let ws=fs.createWriteStream('./2.txt'); 文件不存储会创建 如果存在会先清空
2017-09-12T03:41:00Z
2017-09-12T03:41:00Z
八bug哥哥
https://www.cnblogs.com/null11/
【摘要】createWriteStream 写流 基于fs模块 let fs=require("fs"); createWriteStream创建一个写流 我们先创建一个2.txt要写入的文件 let ws=fs.createWriteStream('./2.txt'); 文件不存储会创建 如果存在会先清空 <a href="https://www.cnblogs.com/null11/p/7509312.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/null11/p/7509255.html
node.js 读取文件--createReadStream - 八bug哥哥
createReadStream 是fs模块里面读流的一个方法 这个方法基于fs模块的,所以我们先要引进fs模块 let fs=require("fs"); createReadStream 读取文件,有两个参数 第一个参数,读取文件的路径 第二个参数 highWaterMark 最高水位线,默认最
2017-09-12T03:37:00Z
2017-09-12T03:37:00Z
八bug哥哥
https://www.cnblogs.com/null11/
【摘要】createReadStream 是fs模块里面读流的一个方法 这个方法基于fs模块的,所以我们先要引进fs模块 let fs=require("fs"); createReadStream 读取文件,有两个参数 第一个参数,读取文件的路径 第二个参数 highWaterMark 最高水位线,默认最 <a href="https://www.cnblogs.com/null11/p/7509255.html" target="_blank">阅读全文</a>