- 博客(22)
- 收藏
- 关注
RSS订阅原创 redux结合saga
redux1.actionState 的变化，会导致 View 的变化。但是，用户接触不到 State，只能接触到 View。所以，State 的变化必须是 View 导致的。Action 就是 View 发出的通知，表示 State 应该要发生变化了。Action 是一个对象。其中的type属性是必须的，表示 Action 的名称。其他属性可以自由设置，社区有一个规范可以参考。const action = { type: 'ADD_TODO', payload: 'Learn Red.
2021-08-03 16:35:21
199
1
原创 immutable、lazy-suspense、forwardRef
immutable.js持久性的数据 （persistent data）结构共享（structure sharing）每次更新数据都返回新的对象let map = Map({x:5,y:6})let map2 = map//获取和设置值let map3 = map.set('x',60)let value = map.get('x')//判断值相等,返回Boolean值map.equals(map2)is(map,map2) //创建Listconst list = Li
2021-06-22 21:23:31
105
原创 vue2.x的组件
props<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>props</title> <script src="../../vue.js"></script&
2021-06-02 20:26:12
96
原创 vue2.0基本介绍
1、基本的数据操作数据驱动编程，不做DOM操作响应性: 必须事先在data里定义好响应特性的特例：vm.fruits.lengthvm.fruits[0] = ‘111’ // debug: vm.$forceUpdate()，解决办法可以采用数组的一些方法如split(0,1)vm.obj.y = 200 // 给对象新增属性，得不到响应 debug: vm.$set(vm.obj, ‘y’, 200) or Vue.set(vm.obj, ‘y’, 300)BUG原因：Object.d
2021-05-31 19:59:56
485
原创 jwt、restfulapi
1、jwt1.1jwt的介绍JWT也就是JSON Web Token（JWT），是目前最流行的跨域身份验证解决方案。JWT的组成：一个JWT实际上就是一个字符串，它由三部分组成：头部(Header)、载荷(Payload)与签名(signature)。1.2、jsonwebtoken//安装npm i -S jsonwebtokennpm i -S express cors mongoose加密const router = require('express').Router()c
2021-05-28 19:24:10
225
2
原创 webpack
1、webpack介绍webpack是一种前端资源构建工具，一个静态模块打包器.官网https://webpack.js.org友好的模块化支持代码压缩混淆处理js/css兼容问题性能优化1.2、webpack的五个核心entry入口 :字符串，数组，对象output输出 :对象mode 模式 :字符串loader 加载器 :对象，里面写数组plugin :数组1.3安装npm i -g webpack@4 webpack-cli@3 //全局安装，不要用
2021-05-27 19:32:36
164
原创 node项目上线
1、multer实现文件上传npm i -S multer//multer模块不仅能够帮我们处理上传文件，也能解析post提交数据。// 使用multer中间件const multer = require("multer");const uploader = multer({// 指定文件上传成功后所在的路径dest: path.join(__dirname,'../', "public", "uploads"),});// 路由上应用multer 上传文件信息会挂载到 req.fil
2021-05-25 19:13:28
127
原创 mongodb在node中的基本使用
MongoDB1.1简介Mongodb是一个介于关系数据库和非关系数据库之间的产品(Nosql)，是非关系数据库当中功能最丰富，最像关系数据库的，语法有点类似javascript面向对象的查询语言，它是一个面向集合的，模式自由的文档型数据库。Mongodb数据库旨在为 WEB 应用提供可扩展的高性能数据存储解决方案。数据库=>集合=>文档1.2安装软件//下载地址：https://www.mongodb.com/download-center/community//mac//m
2021-05-24 19:24:39
302
原创 art-template
1、art-templateart-template 是一个简约、超快的模板引擎。版本特性：支持 Express、Koa、Webpack，浏览器版本仅 6KB 大小，支持模板继承与子模板，支持在模板文件上打断点（Webpack Loader）1.1、安装与配置art-template// 安装npm i -S art-template express-art-template// 模板引擎配置// 指定art-template模板，并指定模块后缀为.htmlapp.engine('html'
2021-05-21 19:57:58
165
原创 express以及session、cookie
express1.1、安装npm init -ynpm i -S expressnpm i -D nodemon //执行node程序，并实时监听文件变化,文件有变化时，无需重启，它会自动重启1.2、创建web服务const express = require('express')// 创建web服务const app = express()// 监听 get请求// req 请求对象// res 响应对象app.get('请求URI',(req,res)=>{ /
2021-05-20 19:42:07
222
原创 0518node服务器以及跨域
1、node静态服务器const { join, extname } = require('path')const fs = require('fs')const http = require('http')// 定义一个mime类型对象const mimes = { '.js': 'application/javascript', '.jpg': 'image/jpeg', '.css': 'text/css', '.html': 'text/html;charset=utf-
2021-05-18 19:04:55
73
原创 0517nodejs
Nodejs1、node的应用场景创建应用服务web开发接口开发客户端应用工具，react、vue、gulp、webpack脚手架2、模块化导出 module.exports导入 require// commonjs规范 == 只能在nodejs中使用，不可以浏览器中使用 cmd/amd/es6// 导出 exports module.exports// 区别：// 共同点：导出模块// 差别：module.exports它可以导出对象，而exports不可以// expo
2021-05-17 19:58:12
81
原创 js碎知识2
事件冒泡与捕获<div class="a1"> <div class="a2"> <div class="a3"> <div> </div> </div>当我们点击a3时，则点击事件传递开始，顺序为a1->a2->a3->a3->a2->a1前半部分a1->a2->a3我们称之为捕获过程后半部分a3->a2->a1我们称之为冒泡过程在不使用任何框架下，通过原
2021-05-15 15:32:06
63
原创 js碎知识整理
dom树和render树的对应关系解释型语言：一边执行一边解释（js）编译型语言：运行速度快es6才有常量，常量默认规范变量名使用大写基本数据类型储存在栈中，object存储在堆中栈：速度快但容量小堆：速度慢，容量大所有数据类型都是基于对象构建而成的0、空字符串、false、NaN、underfined、null强制转换布尔值时是falsevar b = true;b = Number(b);//输出b为1NaN和数字比较为false0 = false = “”;//相等null
2021-05-14 21:43:13
83
原创 宏任务微任务
1、promisepromise用于解决回调地域问题，then是微任务，settimeout、setinterval是宏任务。对于任务的执行顺序如下，开始阶段所有任务加入到主线程中，若遇到同步任务则直接执行，遇到微任务放到本任务队列的尾部，遇到宏任务则会开辟一个新的任务队列放在顶端，每个宏任务都会开辟一个新的任务队列，任务队列是有先后顺序的（顺序为开辟任务队列的顺序）。只有当前任务队列执行完成以后，才会执行下个任务队列。练习题 console.log(1); document.addEv
2021-05-13 17:59:21
738
原创 模块化规范
1.模块化1.1AMDAMD是RequireJS在推广过程中对模块定义的规范化产出。AMD规范则是非同步加载模块，允许指定回调函数。// 定义模块，没有依赖项define(function () { function fn1() { return '你好fn1' } // 导出模块 return { fn1 }})// 定义模块有这依赖项define(['m1'], function (m1) { function fn2() { consol
2021-04-27 21:15:52
117
原创 重构new apply bind call
1.重构newfunction Fn() { /* 1.要有一个对象 // 方案1 let obj = {} obj.__proto__ = FC.prototype // 方案2 let obj = Object.create(FC.prototype) 2.执行此函数,解决this的指向 let ret = FC.apply(obj) 3.判断函数执行的返回值，是基本类型
2021-04-26 22:05:47
137
原创 防抖和节流
1.防抖和节流1.1防抖在高频操作下，我们只识别一次触发(可以控制开始触发或是最后一次触发)，一般设置一个阀值，在这个阀值内无论你操作多少次，只执行一次。function debounce(fn, wait = 500, now = true) { // 定时器返回值标识 let timer = null return function (...params) { // 保存this指向 let self = this // 如果设置了开始执行且计时器还没有运行 为 true l
2021-04-22 20:51:08
79
原创 todolist
1.todolist实现2.作用域与闭包2.1作用域简单介绍全局作用域只有一个，每个函数又都有作用域（环境）。es6+多了一个块级作用域。作用域链只向上查找，找到全局window即终止，应该尽量不要在全局作用域中添加变量。函数被执行后其环境变量将从内存中删除，函数每次调用都会创建一个新作用域function count() { let total = 0; console.log(total) return total}count();//如果子函数被使用时父级环境将被保留
2021-04-22 20:50:26
129
原创 jquery基本2
jquery1.基本操作$('选择器').heght();$('选择器').heght(200);//设置高//宽同理$('选择器').innerWidth();//只读属性，算上padding$('选择器').outerWidth();//只读属性,算上padding和border$('选择器').outerWidth(true);//只读属性,算上padding和border和margin//位置$('选择器').offset(); //偏移位置$('document').scr
2021-04-22 20:49:27
80
原创 jquery基本
jquery优点轻量级，兼容主流，减少事件、样式、动画操作复杂度支持插件扩展，开源、免费1jQuery顶级对象$$和jquery对象一样，是简写1.1jQuery引用<script src="jquery.js"></script>2.jquery&domdom对象是通过原生js获取的可直接操作文档，只能用原生js的方法jQuery对象用jQuery对象获取元素（用$（）获取），获取的对象只能使用jQuery的属性方法2.1jQuery和dom互转d
2021-04-22 20:49:04
63
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人