JS案例：继承和深复制 继承：// 寄生式继承(圣杯) Father.prototype.name = 'Hello' //在Father类中添加一个name属性 function Father() {} //构造Father类 function Son() {} //构造Son类 var inherit = (function () { //新...
React（二）组件通信 组件通信：(react版本是15版本，可能和16版本的操作有部分差异)父子组件：父=>子用props：通过ref进行标记1.用props<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8">...
React（三）TableBar，ToDoList，Redux案例 直接上代码：TableBar:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />...
Vue（二）进阶 Vue脚手架：vue-cli：全局安装：npm install -g vue-cli查看版本：vue -V 初始化脚手架：vue init webpack + 项目的名字运行项目：npm run dev打包项目：npm run build文件及文件夹的信息：开发依赖： 开发编译打包需要的...
React（一）起步 轻量级的视图层框架React不是一个完整的MVC框架，最多可以认为是MVC中的V（View），甚至React并不非常认可MVC开发模式React高性能的原理：减少对DOM进行操作，引入了虚拟DOM，如：先将节点内容从A-B,B-A，React会认为A变成B，然后又从B变成A ，不发生任何变化。特点：虚拟DOM组件系统单向数据流JSX 语法起步：引入...
Vue（三）两个案例（todolist，tableBar） 待办事项：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s...
Vue（一）初识 Vue的意义：将开发者的精力从dom操作解脱，更加专注于数据的操作，数据驱动，界面的渲染 随着数据的变化自动变化 1.将开发者的精力从dom中解除， 极少做dom操作 2.通过指令（directive）将元素和数据进行绑定 3.数据变化元素界面变化 4.开发者关注数据的变化配置：Vue官网下载；或npm ins...
Node（十二）加密解密 token：（引入jsonwebtoken模块）对称加密，一个秘钥进行加密解密const crypto = require('crypto');// 产生tokenlet obj = { a: 1, b: 2,};let sec = 'HelloWorld'let res = jwt.sign(obj, ...
JS案例：轮播图（面向对象），最终版（注释全面） Html：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"...
JS案例：轮播图（第一代） 初级版轮播图，实现左右按钮切换图片，下方小点切换图片，简单的自动轮播代码：（缺点，固定图片张数和宽度高度，每次用时都需要复制，代码累赘，多处功能不完善）Html：<!DOCTYPE html><html> <head> <meta charset="utf-8" />...
JS案例：轮播图（第二代） 较上个版本功能全面，函数模块化，降低联系，bug减少，附上代码：Html：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" cont...
JS案例：Jq中的fadeOut和fadeIn实现简单轮播（没完善，简单实现） 代码：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sca...
Node（十一）mongoose配合Node实现注册登录(注册上传头像，登录成功后显示用户信息)... 需要引入的模块和框架：JQ，monogoDB，mongoose模块，express模块，nodemailer模块，cors模块，multer模块，body-parser模块。文件夹（大致）结构如下：css：主页样式；get_pic： 临时文件存放；img：默认头像路径；js：首页的js；main：入口server文件（终端执行...
JS案例：购物车操作（简单实现） Html：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"...
JS瀑布流懒加载案例 代码附上：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s...
JS案例：小球拖动，记录轨迹，并原路返回 附上代码：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s...
JS表格小案例 创建一个表单，根据表单填写内容，创建表格行内容，每行后面有删除按钮，删除后可以删除该行一个搜索文本框，输入内容，点击按钮显示当前模糊查找到所有内容，显示在表格内<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>...
Node（六）其他常用内置模块 HTTP模块跨域：用代理的方式跨域，打个比方，我自己有一个前端，一个后台，小明有一个后台。我的前端需要访问小明的后台就是所谓的跨域，但是如果用我自己的后台使用http请求访问小明的后台，就不用跨域，于是我就可以通过自己的前端用ajax访问自己的后端完成数据请求。·创建服务器：通过ajax的post传至data中//加载库中http.js，加载...
Node(十)之Mongoose配合Node路由实现邮箱注册登录（Post版） 首先新建一个HTML：（引入jq）<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initi...
Node(九)之Node配合MongoDB实现简单的注册登录 附上代码：（较之前的用txt实现的没有什么区别，只是后端用数据库实现了接口功能）Html：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" cont...
关注
