08 2022 档案
摘要：1.jsonp的方法 //ajax封装的jsonp,jsonp本质上是通过script标签的src属性解决的跨域问题，只能解决get类型的请求 $.ajax({ url: 'http://127.0.0.1:3000/fruits', dataType: 'jsonp' }).done(res =>
阅读全文
摘要：//axios封装的ajax //get方法返回值是一个promise方法 // document.querySelector('.get').onclick = function () { // axios.get('/fruits').then(res => { // console.log(r
阅读全文
摘要：//ajax的回调函数的封装，建议不使用回调函数处理异步问题 let btn = document.querySelector('button') btn.addEventListener('click', () => { ajax('get', '/data', function (res) {
阅读全文
摘要：const Koa = require('koa') const router = require('koa-router')() const views = require('koa-views') const nunjucks = require('nunjucks') const sessio
阅读全文
摘要：const Koa = require('koa') const router = require('koa-router')() const views = require('koa-views') const nunjucks = require('nunjucks') const sessio
阅读全文
摘要：const koa = require('koa') //引入koa构造函数 const app = new koa() //创建实例 const view = require('koa-views') const router = require('koa-router')() const nun
阅读全文
摘要：const koa = require('koa') //引入koa构造函数 const app = new koa() //创建实例 const router = require('koa-router')() //引入并执行koa-router const static = require('k
阅读全文
摘要：fs读取文件 path将路径合并 server 静态服务器 const fs = require('fs') const path = require('path') fs.readFile('test.txt', (err, data) => { if (err) { console.log(er
阅读全文
摘要：node的模块化语法： 通过module.exports导出模块，require引入模块 module.exports = add let add = require('./add') ES5的模块化语法： import 引入外部模块 export 暴露模块接口 总结：node有NPM和CNPM以及
阅读全文
摘要：flex-direction调整主轴方向（默认为水平方向）justify-content调整主轴对齐align-items调整侧轴对齐（子元素可以使用align-self覆盖）flex-wrap控制是否换行align-content堆栈（由flex-wrap产生的独立行）对齐flex-flow是fl
阅读全文
摘要：移动端页面单位rem px:像素 em:相对于父级的font-size rem:相对于HTML标签的font-size值：HTML font-size：30px；1rem代表30px。
阅读全文
摘要：通过媒体查询实现响应式布局： @media screen and (min-width:600px) and(max-width:900px) { /* 样式 */ } 优点：一套页面适应多端设备，提升开发效率 缺点：页面效果不及单独为某一终端定制的页面效果；性能会降低，因为需要加载跟多的代码；维护
阅读全文
摘要：事件委托 一个DOM事件流的过程是，由事件捕获，再到事件冒泡，事件的触发在事件冒泡阶段发生。 所以，可以将子元素的事件绑定到父元素上，让父元素委托执行（e.targert）
阅读全文
摘要：<!-- JS运行机制的顺序 1.同步 2.process.nextTick 3.微任务（promise.then） 4.红任务（计时器，ajax,读取文件) 5.setImmediate 这是一次事件循环，如果还有任务队列里还有事件，会在setImmediata之后执行 运行栈会执行同步代码，异步
阅读全文
摘要：浅拷贝 function copy(obj) { let newobj = {} for (let i in obj) { newobj[i] = obj[i] } return newobj } let obj1 = { name: '小米', age: 2, } let obj2 = copy(
阅读全文
摘要：//promise解决回调地狱问题 function eat(fn) { setTimeout(() => { fn('吃饭') }, 2000) } function xizao(fn) { setTimeout(() => { fn('洗澡') }, 1000) } eat(function (
阅读全文
摘要：//解构赋值：分为数组和对象的解构赋值，对象的解构赋值是最长用的 let [a, b] = [10, 20] console.log(a) console.log(b) let { name, age } = { name: '对象', age: 22 } console.log(name) fun
阅读全文
摘要：闭包 //闭包：函数嵌套函数，内部函数就是闭包 //正常情况下，函数执行完成，内部变量就会被销毁（释放内存空间） //闭包：内部函数没有执行完成，外部函数变量不会被销毁 function outerFun() { let name = 'outer' return function innerFun
阅读全文
摘要：箭头函数与普通函数的区别 let obj = { name: '对象', sayName() { console.log(this)//这里的this为obj对象，因为是obj调用的方法。 setTimeout(function () { console.log(this)//这里的this为win
阅读全文
摘要：this关键字的指向 1.方法中的this，指向调用方法的对象 2.全局环境下指向全局对象 3.全局函数中的this，指向全局对象 4.内部函数中的this，指向全局对象 5.时间中的this，指向触发事件的DOM对象 6.构造函数中的this，指向new创建的实例对象 7.箭头函数中this，指向
阅读全文
摘要：//call,apply,bind三者的区别 let Dog = { name: '狗狗', eat(op1, op2) { console.log(this.name + '吃' + op1 + op2) } } let Cat = { name: '喵喵' } Dog.eat.call(Cat,
阅读全文
摘要：JS原型链和继承（包含ES6class类的继承） ES5原型链 let wat = { name: '喵喵' } console.log(wat.__proto__) //对象通过__proto__属性获取原型，对象的最顶层原型为Object.__proto__为null var Cat = fun
阅读全文
摘要：JS防抖+节流 防抖 let inp = document.getElementById('input') //获取dom元素 function bandence(fn, delay) { let n = null //利用闭包 return function () { if (n !== null
阅读全文
