随笔分类 - 日记
JS、HTML、CSS、VUE...
摘要：Vue常见问题 1、Vue中props是单向数据流 子组件不能直接修改父组件的值 具体原因如下 源码里更新组件调用initProps方法时，会执行defineReactive，这个方法会调用Object.defineProperty的get/set方法，调用set方法时会做校验是不是根组件，是不会更
阅读全文
摘要：记录下，都让让，我要开始灌水了... 字符 描述 \ 将下一个字符标记为一个特殊字符（File Format Escape，清单见本表）、或一个原义字符（Identity Escape，有^$()*+?.[{|共计12个)、或一个向后引用（backreferences）、或一个八进制转义符。例如，“
阅读全文
摘要：闭包是个老生常谈的问题，所以写个记录下什么是闭包，闭包怎么来的，这里就从代码块开始说起。 代码块 {...} 花括号中声明的变量对于外部是不可见的。 其中函数 function () {...}; if(){...};for(let i;;){...};while{...} // 例 1 if (t
阅读全文
摘要：nginx 压缩功能，可以减少文件的网络传输时间、同时也节省了所需要的带宽。比如高压缩比的html、js、json、css等，有时可以高达70%~90%，优化效果明显。 gzip压缩需要 前端 服务器同时配置 这里使用vue为例 // 首先安装插件 npm install --save-dev co
阅读全文
摘要：浏览器输入url到渲染页面经历了什么 三个方面： 网络篇: 构建请求 查找强缓存 DNS解析 建立TCP连接(三次握手) 发送HTTP请求(网络请求后网络响应) 浏览器解析篇: 解析html构建DOM树 解析css构建CSS树、样式计算 生成布局树(Layout Tree) 浏览器渲染篇: 建立图层
阅读全文
摘要：XSS(Cross-Site Scripting，跨站脚本攻击)是一种代码注入攻击。攻击者在目标网站上注入恶意代码，当被攻击者登陆网站时就会执行这些恶意代码，这些脚本可以读取 cookie，session tokens，或者其它敏感的网站信息，对用户进行钓鱼欺诈，甚至发起蠕虫攻击等。 CSRF（Cr
阅读全文
摘要：vue项目启动报错 spawn cmd ENOENT errno: -4058 运行vue项目(npm run dev)报错 提示 'npm' 不是内部或外部命令 cmd输入node -v 有版本号 没问题啊 那应该是node升级的问题 于是我就卸载重新安装 总没问题了吧 但是新问题来了 报错如下
阅读全文
摘要：########### 每个指令必须有分号结束。##################user administrator administrators; #配置用户或者组，默认为nobody nobody。#worker_processes 2; #允许生成的进程数，默认为1#pid /nginx/
阅读全文
摘要：try...catch try...catch语句标记要尝试的语句块，并指定一个出现异常时抛出的响应。 语法 try { // 需要被执行的语句。 // try_statements } // 如果在try块里有异常被抛出时执行的语句。 catch (exception) { // catch_st
阅读全文
摘要：需求：数据量超出屏幕时，屏幕自动滚屏 分以下步骤 获取纵向滚动条的位置 使用定时器增加滚动量 鼠标移入时滚动暂停 鼠标移出时滚动继续 上代码 // 定义全局变量定时器 let setTimeName = null; /** * @description 初始化屏幕滚动 * @params {Stri
阅读全文
摘要：滚动截图 项目需求要进行动态的滚动截图搜索一下发现html2canvas可以实现截图，但是滚动截图网上搜罗了一遍发现不是很完善所以记录下 首先npm一下安装依赖: npm install html2canvas 再需要的页面引入: html2canvas from html2canvas 第三步使用
阅读全文
摘要：进制转换(二、八、十、十六进制转换) 1、进制之间都可以互相转换 二进制(Binary简写B, 添加在数字后面例 (010101)B) 0和1； 八进制(Octal简写O, 添加在数字后面(076451)O) 基数8，每列0-7； 十进制(Decimal简写D, 添加在数字后面) 基数10，每列0-
阅读全文
摘要：事件 事件分两种：普通事件和绑定事件 普通事件 普通事件为DOM对象的键值对方式 类似于元素属性值(键值对) <span onclick="fn">普通事件</span>; 两种事件的区别：普通事件不能重复添加，只有最后一次添加才生效，而addEventListener事件可以多次绑定生效，例如 /
阅读全文
摘要：Object.defineProperty(objectName, key, option); Object.defineProperty()可以直接在一个对象上定义一个新属性, 或者修改一个属性, 并返回该对象; option value: 表示该属性的值， 默认 undefined。 get:
阅读全文
摘要：数组 []; 通常被描述为像列表一样的对象，或者说数组是包含了多个值的对象 一些方法 arr.flat/flatMap(); 数组扁平化; arr.join(','); 合并成字符串, 带参数=>例如使用 ";" 拼接 ⇒ array.join(';'); arr.split(';'); 分割成数组
阅读全文
摘要：window.prompt(); 语法 window.prompt(text, value) ⇒ 打开一个弹出带提示的输入框, 第一个参数是提示内容, 第二个参数是输入框内容; 第二个字符串参数写的是什么返回什么; Function函数对象 new Function([arg1[, arg2[, .
阅读全文
摘要：this指向 apply/call() 可以把 this 引用到任意对象 this关键词指的是它所属的对象 ⇒ [谁调用指向谁] 方法中, this 指的是所属者对象; example: const person = { firstName: "Bill", lastName : "Gates",
阅读全文
摘要：显式绑定法 apply/call(); 通过显式绑定法可以使用另一个对象中的方法 apply/call()都是JS预定义的方法, 他们都可以用于将一个对象作为参数调用对象方法 FOR example const person1 = { nameFunction: function() { retur
阅读全文
摘要：JS类型检测主要有四种 1、typeof Obj 2、L instanceof R 3、Object.prototype.toString.call/apply(); 4、Obj.constructor Remark前两种是数据类型检查方式,后两种是构造函数判断 首先了解下显式原型prototype
阅读全文
摘要：JS性能 1、for循环优化 循环每迭代一次，循环中的每条语句都会被执行包括for() 能够放在循环之外的语句或赋值会使循环运行得更快。 // example每次 for(let i = 0; i < arr.length; i++) {} // 优化后 let i; const arrL = ar
阅读全文
