- 博客(41)
- 收藏
- 关注
RSS订阅
原创 函数解析过程及执行过程详解
当函数被解析时，会相应的创建一个函数对象，该函数对象中有一个scope属性，这个scope属性维护着一条作用域链（scope chain），作用域链上的每个节点都是一个活动对象；初始值为父级作用域的执行上下文对象的scope属性值。2. 在函数对象被执行时，会创建一个执行上下文对象，执行上下文对象中也有一个scope属性，初始值为该函数对象中的scope属性值，该scope值指向同一个作用域链；特别地，在web浏览器，JS全局作用域的执行上下文对象，其作用域链上仅有一个活动对象结点，即window对象。
2023-05-15 15:00:32
103
原创 Blob，ArrayBuffer，File，FileReader，Buffer，TypeArray 的作用和区别
Blob（Binary Large object）二进制大型对象，是一个相对high-level的概念，一个Blob对象可以包含一个或多个连续内存，通常是由一个或多个ArrayBuffer对象组成的数组；ArrayBufer 与 Buffer 是多对一的关系。ArrayBuffer 表示通用的、固定长度的原始二进制数据缓冲区。是一块连续内存，所以是low-level的，你可以将这块内存映射为某种数组（TypedArray）或者是自定义的数据视图（DataView），并通过这些格式来读写缓冲区的内容。
2023-09-18 11:17:11
554
原创 块级格式化上下文（BFC）详解
BFC所具有的特性：在bfc中，内部的盒子会在垂直方向，一个接一个的排列； 在bfc中，每一个盒子的左外边缘（margin-left）会触碰到容器的左边缘(border-left)（对于从右到左的格式来说，则触碰到右边缘）； 盒子垂直方向的距离由margin决定，属于同一个bfc的两个相邻盒子的margin会发生重叠； bfc的区域不会与浮动盒子产生交集，而是紧贴浮动边缘； bfc是一个页面上的独立的容器，外面的元素不会影响bfc里的元素，反过来，里面的也不会影响外面的 计算bfc高度的时候
2023-07-12 13:44:58
118
原创 Vue的数据为什么频繁变化时但只会更新一次
原因：Vue 在更新 DOM 时是异步执行的。只要侦听到数据变化，Vue 将开启一个队列，并缓冲在同一事件循环中发生的所有数据变更。如果同一个 watcher 被多次触发，只会被推入到队列中一次。这种在缓冲时去除重复数据对于避免不必要的计算和 DOM 操作是非常重要的。然后，在下一个的事件循环“tick”中，Vue 刷新队列并执行实际 (已去重的) 工作。如果每次修改都触发视图更新，会导致多次重复和不必要的渲染操作。例如一个组件使用了两个data的属性，更新两个属性如果触发两次渲染的话，会影响性能。
2023-07-06 10:30:11
1256
原创 闭包的实现原理
1. 在外包函数wrapper()被调用时，匿名函数对象作为外包函数wrapper()的返回值，被外包函数wrapper()的父级函数作用域（对应script下的顶级函数作用域）的变量result所引用，这样一来，内嵌的匿名函数对象不会被回收，此时闭包生成（对应函数closureRef）。4. 那么在闭包函数result被执行时，函数对象的作用域链会拷贝给其对应的执行上下文对象，也就是说闭包函数可以在执行上下文对象的作用域链上找到其外包函数对应的活动对象，并从该活动对象中找到val变量。
2023-05-24 17:08:23
78
原创 this 指向问题及优先级
2、函数是用call或apply被调用（明确绑定），甚至是隐藏在bind 硬绑定 之中吗？如果是，this就是明确指定的对象。4、使用默认的this（默认绑定）。如果在strict mode下，就是undefined，否则是global对象。3、函数是用环境对象（也称为拥有者或容器对象）被调用的吗（隐含绑定）？如果是，this就是那个环境对象。1、函数是和new一起被调用的吗（new绑定）？如果是，this就是新构建的对象。
2023-05-15 13:56:46
86
原创 HTML特殊字符编码表
特殊符号 命名实体 十进制编码 特殊符号 命名实体 十进制编码 特殊符号 命名实体 十进制编码 Α Α Α Β Β Β Γ Γ Γ Δ Δ Δ Ε Ε Ε Ζ &Ze
2021-09-14 08:48:26
254
原创 background-position 详解
background-position:-70px -40px;图片以容器左上角为参考，图片向左偏移70px，向上偏移 40px效果如下图参考链接：https://blog.youkuaiyun.com/function__/article/details/72830235
2021-05-10 09:35:50
211
原创 php 发送post 请求实例
function doHttpPost(url){ $url = url; $data = array( 'name' => 'yfx', 'pwd' => '123' ); $data = json_encode($data); $headerArray =array("Content-type:application/json;charset='utf-8'","Accept:application/json").
2021-04-21 19:39:46
573
原创 Nginx 学习笔记
1. 进入到 Nginx 文件夹目录，cmd开启命令行工具start nginxnginx -s reloadnginx -s stop // 将杀死nginx进程并退出，执行过程有可能会延迟nginx -s quit2. 进程查看任务管理器 -> 进程 nginx.exe *323. 代理配置conf/nginx.conf文件server { listen 8080; server_name localhos...
2021-04-07 09:07:17
87
原创 Git 学习笔记
本地私钥默认存储位置C:\Users\ASUS\.ssh\id_rsa 【私钥文件】本地公钥默认存储位置，需要添加到远程代码库服务器C:\Users\ASUS\.ssh\id_rsa.pub 【公钥文件】生产公钥指令ssh-keygen
2021-04-06 10:46:09
217
原创 使用配置实现不同数据调用不同过滤器处理格式
## FinanceConfig.jsimport { formatColor, formatPrice, formatRatio, formatStockText, formatDate} from '@/utils/stockUtils'let FinanceConfig = [ { partName: '公司基本信息', fieldList:[ { fieldName: '主营业务', field: 'majorBiz', .
2021-04-02 17:16:04
100
原创 提高情商的八种方法
1、学会划定恰当的心理界限，这对每个人都有好处。你也许自认为与他人界限不明是一件好事，这样一来大家能随心所欲地相处，而且相互之间也不用激烈地讨价还价。这听起来似乎有点道理，但它的不利之处在于，别人经常伤害了你的感情而你却不自知。其实仔细观察周遭你不难发现，界限能力差的人易于患上病态恐惧症，他们不会与侵犯者对抗，而更愿意向第三者倾诉。如果我们是那个侵犯了别人心理界限的人，发现事实的真相后，我们会感觉自己是个冷血的大笨蛋。同时我们也会感到受伤害，因为我们既为自己的过错而自责，又对一个第三者卷进来对我们评头论
2021-02-22 14:21:20
202
原创 CSS3样式效果收集
文本两行显示，超出用省略号代替.ellipsis{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden;}移动端1px像素线条效果.bd__bottom { position: relative; &:before { content: '-'; /*oppo vi
2021-02-04 13:47:35
112
原创 移动端通用404页面
<html> <head> <meta charset="UTF-8"> <style> body { margin: 0; padding: 0; width: 100%; height: 100%; color: #B0BEC5; display: table; font-weight: 100; font-family: 'Lato'; }.
2021-01-18 10:14:18
1657
1
原创 解决如何在点击按钮时，不触发input的失去焦点事件
业务场景：el-input 是查询关键词的搜索输入框，其绑定了失去焦点事件。 el-button是查询按钮。当点击查询按钮时，目的是执行查询操作，但出现bug，变为执行了el-input的失去焦点事件，没有执行searchHandle事件。<el-input ref="searchInput" v-model="keywords" placeholder="请输入查询内容" clearable @keyup.enter.native="searchHand
2021-01-18 09:47:00
6505
4
原创 Windows下杀某个端口下的进程命令
根据端口号找对应进程，以8080端口为例netstat -ano | findstr 8080二 根据进程号寻找进程名称tasklist | findstr 5580三 根据进程号强制关闭某个进程taskkill -PID <进程号> -F
2021-01-05 10:04:22
209
原创 xampp VirtualHost 多站点+多端口配置
用多端口配置多站点 配置1：开启xampp的虚拟目录的支持 文件目录：xampp/apache/conf/httpd.conf apache 的httpd.conf中找到Include conf/extra/httpd-vhosts.conf将前面的“#”去掉 # Virtual hosts Include conf/extra/httpd-vhosts.conf 配置2：设置多端口监听 ...
2020-12-29 16:17:53
674
转载 chrome 浏览器(＞=80)下 axios 不携带 Cookie 的解决方案
chrome 浏览器(>=80)下 axios 不携带 Cookie的解决方案首先线上环境 确实在setCookie的时候 通过设置 samesite: none 和 secure: true，并且运维侧配置https，解决这个问题开发环境，因为没有https的支持，可以通过关闭 chrome 的 samesite 默认设置，来实现http下的正常开发，具体的设置如下：1.打开chrome设置：chrome://flags/#same-site-by-default-cookies2.将.
2020-12-25 17:42:46
783
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人