08 2023 档案
摘要：###事件的定义 > 事件：元素天生具备的行为方式（和写不写JS代码没有关系） 【onclick不是事件，click才是事件，浏览器会把一些常用事件挂载到元素对象的私有属性上，让我们可以实现DOM0事件绑定】，当我们去操作元素的时候会触发元素的很多事件 > 事件绑定：给当前元素的某个事件绑定方法，目
阅读全文
摘要：```css /* 用CSS实现隔行换色*/ /* table tbody tr:nth-child(odd) { background-color: #c7cac9; } table tbody tr:nth-child(even) { background-color: #ccc; } */ `
阅读全文
摘要：``` // 获取登录服务器的IP地址 let ip = (req.headers['x-real-ip'] || req.connection.remoteAddress).slice(7); let log = req.url + " " + ip + moment().format("YYYY
阅读全文
摘要：###安装 * 打开[Node.js的官网](https://nodejs.org/zh-cn/)并下载适用于你操作系统的安装包。Node.js提供了Windows、Mac和Linux的安装包。 * 下载完成后，双击安装包运行安装向导。按照提示一步步进行安装。在安装过程中可以选择自定义安装路径，也可
阅读全文
摘要：###git的单人操作 * 进入[gitee官网](https://gitee.com/)注册账号密码 * 登录（在登录时 要把自己的邮箱添加进去） * 点击个人主页=>找到个人设置并点击=>找到邮箱管理并点击=>新增邮箱 * 目的：如果我们不使用自己的邮箱，那么git会自动给我添加一个邮箱（非常难
阅读全文
摘要：使用MySQL创建新连接时，密码是一个非常重要的组成部分。默认情况下，MySQL会生成一个随机的密码，该密码由一串随机的字符组成，包括数字、字母和其它特殊字符。在安装MySQL时，您可以选择使用自己的密码，也可以使用默认密码。默认密码是MySQL在安装时为root用户设置的密码。在许多情况下，建议您
阅读全文
摘要：对JS节流和防抖的理解 防抖与节流本质上是优化高频率执行代码的一种手段。浏览器的 resize、scroll、keypress、mousemove 等事件在触发时，会不断地调用绑定在事件上的回调函数，极大地浪费资源，降低前端性能 JS节流和防抖的区别，举个公交车站的栗子： 将时间段设为5分钟，有人上
阅读全文
摘要：深拷贝 深拷贝在进行深拷贝时，会拷贝所有的属性，并且如果这些属性是对象，也会对这些对象进行深拷贝，直到最底层的基本数据类型为止 深拷贝的方法： for in 遍历+递归的方式 <script> // 将一个对象里面的内容只拷贝一层 const obj = { name:"张三", age:18, i
阅读全文
摘要：认识图片懒加载 定义：在网页中视图之外的图片默认不加载，随着页面的滚动，图片进入了显示的范围，则触发图片的加载显示 目的：提高页面的加载速度，让用户体验感更好并且节省流量；比如在一些电商网站上需要展示大量的商品图片信息，如果打开网页时让所有图片一次性加载完成，需要处理很多次网络请求，等待加载时间比较
阅读全文
摘要：了解CSS预处理器 CSS只是一门描述性的语言，你只能一行一行单纯地描述，并不能像JavaScript那样使用变量、循环、运算等方式来操作。CSS预处理器的出现，使得我们可以像操作JavaScript那样以“编程”的方式来书写CSS。在CSS预处理器中，我们可以使用变量、循环、函数等方式来简化操作，
阅读全文
摘要：###了解单页面应用 * 单页面是指只有一个主页面的应用 所有的页面的内容都包含在这个所谓的主页面中 * 优点： * 公共资源不用重新加载,局部加载,服务器压力小 * 切换速度快，用户体验好 * 前后端分离 * 缺点： * 不利于SEO（可以优化：比如路由懒加载） * 初次加载时耗时长 * 相对于多
阅读全文
摘要：###什么是跨域 * 跨域是是因为浏览器的同源策略限制，是浏览器的一种安全机制，在服务端之间是不存在跨域的。 * 所谓同源指的是两个页面具有相同的协议、域名和端口，三者有任一不相同即会产生跨域。 * 这里有很多人以为产生跨域的时候，连请求都没有发出去，这样理解是错误的，请求已经发出去了，服务器也把数
阅读全文
摘要：###什么是ajax * Ajax 全称为“Asynchronous Javascript And XML”级（异步 JavaScript 和 XML），是一种创建交互式网页应用的网页开发技术，用来实现前后端交互 * 其核心是XMLHTTPRequest对象,由浏览器提供。通过这个对象可以实现在不重
阅读全文
摘要：事件委托 事件委托本质上是利用了浏览器事件冒泡的机制。因为事件在冒泡过程中会传递到父节点；因此可以把子节点的监听函数定义在父节点上（这样父节点就是绑定事件的节点），父节点可以通过事件对象获取目标节点（就是触发事件的节点），由父节点的监听函数统一处理多个子元素的事件，这种方式就是事件委托。 使用事件委
阅读全文
摘要：#单例模式 点击查看代码 ```js ``` 使用单例模式实现一个简易版的vuex3 ```html ++ -- ``` > 作用：确保一个类只有一个实例对象，让对象唯一存在 > 应用场景：在需要共享资源或管理全局状态的情况下，如数据库连接池、线程池、全局配置等 #组合模式 点击查看代码 ``` `
阅读全文
摘要：#案例一 ```js process.nextTick(()=>{console.log("111");}) const promise = new Promise(resolve=>{ console.log("222"); resolve() }) setTimeout(()=>{console
阅读全文
摘要：#一：Promise是什么？ （1）Promise是JS中进行异步编程的解决方案 备注：旧方案是单纯使用回调函数 异步编程包括：fs文件操作、数据库操作、AJAX、定时器...... （2）从语法上来说：Promise是一个构造函数 （3）从功能上来说：Promise对象用来封装一个异步操作并可以获
阅读全文
