240 发简信
IP属地:湖南
  • express

    express 概述 express是一个提供web服务的框架(内置http模块),他简化了http的相关内容,将对应的内容封装 为了特定的方法。 中文网 express入门...

  • MVC三层架构

    MVC/三层架构 概述: MVC是一种模型,分别为model数据,view视图,controller控制。三层架构是指后端的包(文件夹) 分的层级最少分三层,这个三层分别是w...

  • git

    概述 git是一个版本管理工具,用于管理对应的项目的版本 git是一个分布式的项目管理工具 每个本地的代码都是一个本地的仓库,然后最终提交到远程仓库(git是一个多分支的版本...

  • Jquery

    概述 Jquery是一个轻量级的js库,它将js的功能进行了封装(所有的都是函数),它在封装的基础上做了进一步的兼容(兼容性好) 特点 链式调用(里面所有的方法返回的都是一个...

  • SPA路由实现

    路由 前端路由 根据对应路由地址渲染不同的内容 前端的分类 页面路由(刷新) 根据对应的地址访问不同的页面(location.href location.assign loc...

  • 代理模式

    let proxy = new Proxy(被代理对象,处理对象) //被代理对象 let obj = { name: ' jack', age: 18 } //通过prox...

  • 观察者模式

    观察者模式 class ObServer{ constructor(){ //{click:[handler1,handler2],mousemove:[handler1,h...

  • ajax

    ajax的代码 新建请求对象实现 var xhr = new XMLHttpRequest() //以对应的请求方式来打开对应的请求地址 xhr.open('get', 'h...

  • 面向对象拖拽实现

    // 拖拽实现 // 属性 包含拖拽盒子的大盒子 拖拽的盒子 盒子的坐标位置 class Touch { constructor(outerBox, move) { this...

  • 面向对象tavb栏切换

    属性:上面的tab栏 下面的显示框 方法: 上面的点击事件 切换下面的显示栏的方法 //构建一个类 class Tab{ constructor(nav,contents){...

  • Pomise+async+await解决回调地域

    function fn(v,delay){ return new Promise((resolve,reject)=>{ setTiomout(()=>{ ...

  • Pomise解决回调地域

    //利用promise来解决回调地域的问题 new Promise((resolve,reject)=>{ setTimeout(()=>{ console.log(1) ...

  • 匀速运动

    匀速运动(每次变化的值是一样的) // 操作div的宽度变化 //匀速运动每次变化的值是固定的 //获取div var div = document.querySelecto...

  • ES5 ,ES6新增语法

    严格模式 use strict进行声明,声明必须在第一行 严格模式的特性 1.声明一个变量必须具备关键词 2.函数内this不能指向window 3.函数内arguments...

  • 正则表达式

    ^ 开头 $ 结尾 [] 表示其中一个元素 {} 表示个数 () 分组 + 表示一个到多个 * 表示0个到多个 ? 表示0个到一个 \d 表示数字 相当于[0-9] \D 表...

  • 高阶函数的实现

    forEach var arr = [1,2,3] //forEach 传入的fn里面要有三个参数分别是值 下标 遍历的数组 function myForEach(fn){ ...

  • 事件监听器

    addEventListener 添加事件监听器(可以添加多个处理函数) removeEventListener 移除事件监听器 (只能移除addEventListener添...

  • 事件流(阻止默认行为)

    冒泡模式(默认模式) event.bubbles(只读属性) 如何阻止事件冒泡 stoPropagation(方法) e.stoPropagation()//阻止事件冒泡 常...

  • 事件委托

    //事件委托的写法 //获取需要加事件的父元素 var ul = document.querySelector('ul') //给ul添加事件 //给父元素添加事件 //在内...

  • 事件

    鼠标事件(鼠标触发的 mouse) click 单击事件 dblclick 双击事件 mousedown 按下 mouseup 弹起 mouseenter 移入 mousel...