摘要：
const scrollToTop = () => { const c = document.documentElement.scrollTop || document.body.scrollTop; if (c > 0) { //html5 提供一个专门用于请求动画的API，那就是 request 阅读全文
摘要：
开篇导读：在js中接触了内置的事件监听器，比如我们绑定了按钮的一个点击事件及赋予它一个事件处理函数，当点击按钮时便触发了这个内置监听器也就是onclick，于是开始执行我们赋予它的处理函数，由此我们会想到这种事件监听器我们自己可不可以定义呢？其实我们可以模拟内置事件的监听和触发过程，以此来达到我们需 阅读全文
摘要：
开篇导读：在开发web项目的时候发现使用npm run dev运行开发环境的时候不能在内网中访问到该项目，所以想到用nginx代理的方式将运行在webpack-dev-server服务器上的项目代理到本地服务器上 打开nginx的配置文件nginx.conf 打开该配置文件后在末尾加上一个serve 阅读全文
摘要：
开篇导读：本案例需要用到第三方依赖包express、express-art-template方便开发，使用npm工具把它们下载到项目中就可以了，安装nodeJs后自带npm工具 // 引入express依赖 const express = require("express") //创建http对象 阅读全文
摘要：
开篇导读：最近面试遇到一个笔试题使用js和dom实现一个五子棋游戏，包含悔棋和撤销悔棋功能，对人机对战不做要求，这里分享一下我个人的实现方案 HTML部分(未使用原型的封装方式) <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> 阅读全文
摘要：
导读：在进行窗口的resize、scroll，输入框内容校验等操作时，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时我们可以采用debounce（防抖）和throttle（节流）的方式来减少调用频率，同时又不影响实际效果。 函数防抖（debounce）：当持续触发事 阅读全文
摘要：
事件委派 事件委派，通俗的说就是将元素的事件委托给它的父级或者更外级的元素处理，它的实现机制就是事件冒泡。 // 使用函数封装事件委派功能 //第一个参数是被事件委派元素也就是(事件委派者的父元素) //第二个参数是事件的类型比如'click'事件 //第三参数是事件委派者元素的选择器 //第四个参 阅读全文
摘要：
开篇指引：首先我们需要知道js函数原型中bind方法的使用，它的第一个参数是一个对象作为需要改变函数中真实使用的对象，第二个参数是调用函数传给函数中使用的数据，这个参数可以是很多个 举个例子： //自定义一个函数 function a(value1,value2){ console.log(this 阅读全文
摘要：
正则表达式也是js里面的一个对象 创建一个正则表达式 可以这样创建一个：var reg2=new RegExp("abc"); //RegExp是正则对象的构造函数 也可以通过标记的形式创建：var reg1=/abc/; //其中的' // '是标记，abc表示要匹配的字符 正则表达式匹配 var 阅读全文