笔记
关注
分享
扫一扫
技术上的使用技巧或软件的使用技巧等文章
I'm Mr.C
此时睡觉，你将做梦；此刻努力，你将圆梦。
展开
-
ES6的Generator函数
button元素绑定submit函数，按钮点击之后会获取Generator函数并让Generator函数先执行到第一个yield，等到setTimeout执行完成，回调函数输出“发送1号请求”，再让Generator函数执行到第二个yield或者return处。ES6新增了Generator函数，Generator函数不同于其他函数，Generator函数可以将函数的执行流程挂起(暂停或停止函数的执行)Generator函数除了*号，还有yield关键字，yield关键字有点类似return。原创 2023-05-21 23:09:40 · 190 阅读 · 0 评论 -
DOM事件流
用户点击元素的时候，会先找到第一层元素（html），再找到第二层元素（body），再继续找到下一层元素（div），最后找到目标元素（p）。因为红色方块元素是html——body——div(.one)中的元素，所以点击红色方块元素冒泡会让所有的父元素绑定的函数都执行。获取目标之后就是 冒泡阶段，代码中元素绑定的事件（onclick）一般是冒泡阶段执行的。冒泡阶段也是从目标元素依次往外层元素执行，所以最外层元素绑定的事件也会被执行。DOM事件流分为三个阶段：捕获阶段——目标阶段——冒泡阶段。原创 2023-05-01 21:20:42 · 1078 阅读 · 0 评论 -
JavaScript监听DOM节点变化事件
DOMCharacterDataModified监听的是元素中文本节点的变化，但是innerHTML、innerText与textContent都是监听不到的，使用el.firstChild.nodeValue才会触发DOMCharacterDataModified的监听。DOMNodeInserted监听的是元素的插入，属性节点的添加是监听不到的。DOMNodeRemoved监听的是元素的移除，属性节点移除是监听不到的。DOMAttrModified监听的是元素属性的变化。原创 2022-12-09 22:56:27 · 4589 阅读 · 1 评论 -
ES6的Proxy实现双向绑定的Demo
双向绑定我们可以简单的理解为，当js中的数据发生改变，视图层/结构层(标签)就会重新渲染。比如，在JS中定义了一个a变量，操作a变量赋值，一旦赋值完成，html的标签就会重新渲染。，在没有Proxy的时候，要实现双向绑定，就会使用Object.defineProperty，Vue2使用的就是Object.defineProperty。那就离不开Object.defineProperty与Proxy这两个API了。只要修改了state对象中的值，就会改变DOM结构。既然要实现双向绑定，原创 2022-10-30 14:22:18 · 306 阅读 · 0 评论 -
Vue中先执行App.vue文件中生命周期的异步操作再执行组件中的生命周期函数
先看要求：有个公共函数需要在进入页面前就要执行，用于设置缓存，首页或者其他页面都需要使用这个缓存数据，并且用户可以自由进出不同页面，所以设置缓存的函数在首页执行并不可取，但每个页面都执行设置缓存函数会使得代码变得有些冗余。App.vuemain.jsindex.vue因为async/await可以将Promise的异步操作像同步一样操作。...原创 2022-06-25 22:35:21 · 4514 阅读 · 0 评论 -
JS中字符串对比
先在浏览器复现问题在浏览器控制台中，可以发现’3’>'200’的结果是true。如果在浏览器控制台中输入 3>200，结果是false。字符串对比是ASCII码的对比，而且是用字符串首位进行对比，例如’3’>‘200’这里的对比实际上是’3’>'2’的对比，最后根据变量的ASCII码得出结果ASCII码表：根据ASCII码表，字符串类型的3，ASCII值是51；字符串类型的2，ASCII值是50；‘3’>'200’的对比可以看成 51>50，所以结果是true。String.fromCharCod原创 2022-06-12 22:03:13 · 1086 阅读 · 0 评论 -
JS实现长按事件功能
长按点击功能主要用到的是onmousedown、onmouseup、setTimeout()、clearTimeout()事件移动端中则是ontouchstart、ontouchend原创 2022-04-17 20:17:01 · 18411 阅读 · 0 评论 -
WEB页面的SEO优化
SEO优化SEO介绍SEO优化SEO介绍SEO全称：Search English OptimizationSEO中文名称：搜索引擎优化，就是利用搜索引擎规则提高网站在搜索引擎的排名。SEO优化SEO优化就是将网站尽量排在前面。1、语义化标签，符合W3C规则标签语义化简单来说是使用“合适的标签”，例如标题标签使用h1，导航标签使用nav，页面头部使用header等2、合理的title、description、keywords<html> <title>页面标题&l原创 2021-10-21 21:34:03 · 593 阅读 · 0 评论 -
IIS部署图片文件夹，采用HTTP协议可获取图片
IIS部署可采用http访问的图片文件夹IIS是window系统下的服务器管理器平时我们看到网上的图片，在控制台打开页面后，显示的路径是一个URL例如:关于安装IIS，使用IIS的文章可参考使用IIS部署Web网站文章一、部署文件夹二、编辑文件夹权限打开文件夹属性后，选择“安全”，点击“编辑”，弹出一个框后，点击“添加”，在又弹出的框内选择“高级”，出现选择用户或组大框，点击“立即查找”，在搜索结果处选择“Everyone”、“IUSR”、“IIS_IUSRS”这三个，最后一直“原创 2021-07-20 16:45:25 · 3779 阅读 · 1 评论 -
ELement-UI中select的value值为对象
el-select绑定对象原创 2021-05-23 15:45:56 · 4113 阅读 · 0 评论 -
创建Vue3项目
通过脚手架创建Vue项目本文描述的是通过脚手架创建Vue项目必须要有Node.js原创 2021-04-30 21:07:00 · 488 阅读 · 0 评论 -
ElementUI——＜el-scrollbar＞
ElementUI中有一个组件，但官方文档并没有显示出来，那就是el-scrollbar组件el-scrollbar组件是一个滚动条，对一个溢出元素的内容做一个滚动条，使其内容不再溢出元素。说白了就是：将一个元素内的东西给一个滚动条。小编使用脚手架搭建了Vue，所以就显示部分代码<template> <div class="main">//边框是 黑色 <h1>使用滚动条组件</h1> <div cla.原创 2021-03-05 19:54:54 · 324 阅读 · 0 评论 -
了解SSL证书
SSL证书前言：我们现在上网，在浏览器的地址处常常看到https://*******/**比如：HTTPS是比HTTP安全的。因为HTTPS比HTTP多了SSL。HTTPS=HTTP+SSLSSL证书为网站提供了保护，对数据进行了加密。SSL证书需要向CA机构申请，而且SSL证书分为三个类型：DV类型的SSL证书。信任等级一般，只需要验证网站的信息即可颁发。OV类型的SSL证书。信任等级高，需要验证企业的信息，审核更严格。EV类型的SSL证书。信任等级最高，在网址头部可以看到绿色的原创 2021-02-26 15:41:23 · 132 阅读 · 0 评论 -
使用IIS部署Web网站
IIS管理器部署网站一、安装IIS二、操作IIS三、部署网站可能遇到的问题IIS全称：Internet Information Services，可以用于发布Web应用程序。接下来我们用IIS实现部署网站。一、安装IIS二、操作IIS部署网站就完成了三、部署网站可能遇到的问题点击“浏览”后，页面出现 “/”应用程序中的服务器错误。 ，第二行写着“访问被拒绝”。该问题可能是权限不足造成的。解决方案：对刚刚部署的项目文件夹开启权限。右键项目文件夹，点击“属性”，再选择“安全原创 2021-01-31 15:00:14 · 1842 阅读 · 1 评论 -
解析HTML的状态码
HTML的状态码状态码有以下5类:1XX2XX3XX4XX5XX状态码是指页面中请求结果的状态。状态码有以下5类:该表分析了各类状态码大概的情况状态码状态码解析1XX正在处理请求2XX请求成功3XX重定向4XX请求出错5XX服务器出错1XX100:客户端应继续发送请求，发送请求的剩余部分。101:客户端请求切换协议，服务器以准备切换。2XX200:服务器成功处理请求。201:请求成功后创建了新的资源。202:服务器已接收请求原创 2021-01-12 21:00:35 · 214 阅读 · 0 评论