- 博客(28)
- 收藏
- 关注
RSS订阅转载 JS案例：继承和深复制
继承：// 寄生式继承(圣杯) Father.prototype.name = 'Hello' //在Father类中添加一个name属性 function Father() {} //构造Father类 function Son() {} //构造Son类 var inherit = (function () { //新...
2018-12-30 16:54:00
110
转载 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" />...
2018-12-27 23:57:00
101
转载 React（二）组件通信
组件通信：(react版本是15版本，可能和16版本的操作有部分差异)父子组件：父=>子用props：通过ref进行标记1.用props<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8">...
2018-12-27 15:48:00
114
转载 React（一）起步
轻量级的视图层框架React不是一个完整的MVC框架，最多可以认为是MVC中的V（View），甚至React并不非常认可MVC开发模式React高性能的原理：减少对DOM进行操作，引入了虚拟DOM，如：先将节点内容从A-B,B-A，React会认为A变成B，然后又从B变成A ，不发生任何变化。特点：虚拟DOM组件系统单向数据流JSX 语法起步：引入...
2018-12-25 21:24:00
97
转载 Vue（二）进阶
Vue脚手架：vue-cli：全局安装：npm install -g vue-cli查看版本：vue -V 初始化脚手架：vue init webpack + 项目的名字运行项目：npm run dev打包项目：npm run build文件及文件夹的信息：开发依赖： 开发编译打包需要的...
2018-12-24 10:31:00
91
转载 Vue（一）初识
Vue的意义：将开发者的精力从dom操作解脱，更加专注于数据的操作，数据驱动，界面的渲染 随着数据的变化自动变化 1.将开发者的精力从dom中解除， 极少做dom操作 2.通过指令（directive）将元素和数据进行绑定 3.数据变化元素界面变化 4.开发者关注数据的变化配置：Vue官网下载；或npm ins...
2018-12-14 20:56:00
74
转载 Vue（三）两个案例（todolist，tableBar）
待办事项：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s...
2018-12-11 11:57:00
133
转载 JS案例：轮播图（面向对象），最终版（注释全面）
Html：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"...
2018-12-08 21:46:00
104
转载 Node（十二）加密解密
token：（引入jsonwebtoken模块）对称加密，一个秘钥进行加密解密const crypto = require('crypto');// 产生tokenlet obj = { a: 1, b: 2,};let sec = 'HelloWorld'let res = jwt.sign(obj, ...
2018-12-05 18:01:00
94
转载 JS案例：轮播图（第二代）
较上个版本功能全面，函数模块化，降低联系，bug减少，附上代码：Html：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" cont...
2018-12-04 20:09:00
60
转载 JS案例：轮播图（第一代）
初级版轮播图，实现左右按钮切换图片，下方小点切换图片，简单的自动轮播代码：（缺点，固定图片张数和宽度高度，每次用时都需要复制，代码累赘，多处功能不完善）Html：<!DOCTYPE html><html> <head> <meta charset="utf-8" />...
2018-12-04 14:53:00
116
转载 Node（十一）mongoose配合Node实现注册登录(注册上传头像，登录成功后显示用户信息)...
需要引入的模块和框架：JQ，monogoDB，mongoose模块，express模块，nodemailer模块，cors模块，multer模块，body-parser模块。文件夹（大致）结构如下：css：主页样式；get_pic： 临时文件存放；img：默认头像路径；js：首页的js；main：入口server文件（终端执行...
2018-12-03 17:35:00
285
转载 JS案例：购物车操作（简单实现）
Html：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"...
2018-12-02 20:14:00
229
转载 JS案例：Jq中的fadeOut和fadeIn实现简单轮播（没完善，简单实现）
代码：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sca...
2018-12-02 19:33:00
146
转载 JS案例：小球拖动，记录轨迹，并原路返回
附上代码：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s...
2018-12-02 16:57:00
188
转载 Node(十)之Mongoose配合Node路由实现邮箱注册登录（Post版）
首先新建一个HTML：（引入jq）<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initi...
2018-12-02 15:36:00
245
转载 Node(九)之Node配合MongoDB实现简单的注册登录
附上代码：（较之前的用txt实现的没有什么区别，只是后端用数据库实现了接口功能）Html：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" cont...
2018-12-01 16:47:00
176
转载 Node（八）之MongoDB简单应用
初始：下载mongodb的安装包，https://www.mongodb.com/download-center/community 安装 安装完成后在data文件夹下新建一个db文件夹 加入环境变量：复制安装目录下bin文件夹的目录，右击我的电脑=>属性（见下图）在环境变量中粘贴bin文件路径，用分号 隔开环境变量 打开控制台输入：...
2018-11-30 20:38:00
66
转载 JS案例：Ajax实现简单局域网聊天室
利用Ajax将数据提交到后台，再由后台发送到前端，渲染内容代码如下：HTML：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" ...
2018-11-30 10:59:00
123
转载 JS瀑布流懒加载案例
代码附上：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s...
2018-11-29 20:33:00
74
转载 JS表格小案例
创建一个表单，根据表单填写内容，创建表格行内容，每行后面有删除按钮，删除后可以删除该行一个搜索文本框，输入内容，点击按钮显示当前模糊查找到所有内容，显示在表格内<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>...
2018-11-29 19:47:00
82
转载 Node（七）之express框架，简单的邮箱注册小案例（Get方式）
附上代码：HTML部分（需要用到Jq）<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, in...
2018-11-29 17:13:00
196
转载 Node（六）其他常用内置模块
HTTP模块跨域：用代理的方式跨域，打个比方，我自己有一个前端，一个后台，小明有一个后台。我的前端需要访问小明的后台就是所谓的跨域，但是如果用我自己的后台使用http请求访问小明的后台，就不用跨域，于是我就可以通过自己的前端用ajax访问自己的后端完成数据请求。·创建服务器：通过ajax的post传至data中//加载库中http.js，加载...
2018-11-28 16:28:00
63
转载 Node（五）File System小案例（删除文件夹及下面的所有文件）
附上代码，注释已加上（注意：要用同步的方式写，由于文件夹数不确定，所以需要所有的文件删除后才能删除文件夹，亲身经历，就是因为这个小问题，整了很久）const fs = require('fs');//封装一个立即执行函数，返回对象let delDir = (() => { return {//入口函数 init: ...
2018-11-28 10:33:00
75
转载 Node（四）内置模块之File System
文件和文件夹的操作（fs模块）下面是fs的几种功能：首先在js文件最上方引入模块const fs = require("fs");对文件夹操作：1.新建文件夹//mkdirSync里的参数是文件路径和回调函数，Sync表示同步执行，若无Sync，则表示异步执行（下同）fs.mkdirSync('./files/third',...
2018-11-28 09:06:00
83
转载 Node.js(三)发送邮件模块（第三方模块）
模块文件：首先用Npm下载一个由Andris Reinman大佬的第三方模块nodemailer修改了一下他的模块生成一个js文件：//引入模块const nodemailer = require("nodemailer");//新建对象let obj = {transporter: nodemailer.createTransp...
2018-11-27 16:15:00
77
转载 Node.js（二）模块使用
节点有三种模块：内置模块（节点文档里有），第三方模块（大佬们自己写的模块），自定义模块（成为大佬的必经之路）;1.创建自定义模块的方式：新建一个JS文件，如：let obj = { name： 'AAA'， SayHello：function（）{ console.log（ “你好” + thi...
2018-11-27 15:37:00
51
转载 Node（一）初识
Node是一个JavaScript的运行环境（平台）；不是一个框架或语言。配置环境：可以先下载一个NVM（Node版本管理工具），GitHub上有下，附上地址（https://github.com/coreybutler/nvm-windows/releases）。下载安装之后先在安装的根目录配置TXT文件（settings.txt）root 配置为...
2018-11-27 14:45:00
46
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人