- 博客(25)
- 收藏
- 关注
RSS订阅原创 xshell常用命令
unzip [文件路径] -d [解压到的路径]：指定解压路径。unzip [文件路径]：解压zip文件。rz -be：上传文件防止乱码。
2023-12-07 11:20:16
924
原创 liunx硬链接和软链接
硬链接通过索引节点进行链接，分配在磁盘分区的文件都有一个编号叫做索引节点。在liunx中允许多个文件指向同一个索引节点，这种就叫做硬链接。多个硬链接文件，删除一个或多个不会影响别的文件，当所有硬链接删除，磁盘中文件才会被删除（硬链接的inode节点都相同）
2023-11-30 11:38:33
363
原创 commonJs和ESM
1.commonJs加载ESM模块，require不支持es6模块是因为它是同步加载，而es6模块内部可以使用顶层await命令，导致无法同步加载。
2023-11-29 16:45:12
419
1原创 apply实现数组求最大最小值
Math.max和Math.min都是针对数值的，例如Math.max(2,4)由于apply的入参是数组，所以可以巧妙的实现数组求最大最小值，实现如下。
2022-11-10 11:29:26
168
原创 前端布局随记
子元素display：table-cell可以用vertical-align，子元素默认填充父元素不建议使用此种布局：table 比其他html标签占更多的字节。造成下载时间延迟，占>>用服务器更多的流量资源（代码冗余）。table 会阻挡浏览其渲染引擎的渲染顺序，会延迟页面的生成速度，让用户等待时间更久灵活性差，一旦设计确定，后期很难通过CSS让它展现新的面貌不利于搜索引擎抓取信息，直接影响到网站的排名。优点：兼容性好，好上手。
2022-11-04 17:32:18
91
原创 offsetX clientX pageX screenX和innerWidth outerWinth
浏览器的可视内容区域宽度，当进行浏览器窗口缩放时，会改变当前浏览器可视内容区域的尺寸。同innerWidth，不同处在于加上了滚动条和工具栏。pageX = clientX + 横向滚动距离。相对于当前点击元素左上角的偏移。相对于浏览器左上角的偏移。相对于屏幕左上角的偏移。
2022-11-03 15:44:30
136
原创 浏览器进程，线程，api请求，dom阻塞，js单线程和事件循环
浏览器浏览器每个tab页是一个进程，同样的tab页进程可能合并，浏览器是多线程的api请求浏览器并发请求，相同的GET最多只能发一个，不同的GET/POST最多可以发6个，不同的浏览器有差异dom阻塞问题head中css不会阻塞dom的解析，但会阻塞渲染，body中css会阻塞dom解析js会阻塞dom的解析css阻塞js的执行（所以将<script>放在<link>标签前）浏览器解析DOM时，虽然会一行一行向下解析，但是它会预先加载具有引用标记的外
2022-05-18 11:27:52
350
原创 浏览器标签栏的图标设置，meta,innerWidth,innerHeight
浏览器标签栏的图标设置<link rel="shortcut icon" href="图标地址">
2022-05-12 15:12:16
325
原创 http、websocket、tcp/ip、socket理解
http应用层协议,tcp协议基础上一次request一次response.keep-alive可发多个request,但request和response还是一一对应的websocket应用层，tcp协议，h5中新协议，为了满足实时通信首次连接握手是http，后面用tcp传输，与http无关，返回101代表别的协议，upgrade：websocket多路复用，全双工，双向，单套接字连接，服务端也可以向客户端推数据tcp/ipip是网络层协议是传输层协议，还有udp协议tcp是
2022-05-10 17:45:02
571
原创 vue教程查漏补缺
内容补缺Object.freeze()冻结对象，对象不可增删改查，也不可修改可读性等属性，同时会冻结对象的原型，是浅冻结vue自带的实例property与方法它们都有$，和用户自定义的区分不要在选项property或者回调上使用箭头函数，因为箭头函数没有this，this作为变量会一直向上级词法作用域查找，直到找到位置，经常导致找不到报错生命周期图必须熟悉模板语法：允许开发者声明式的将dom绑定底层vue实例数据，所有的模板语法都是合法的html，能够被浏览器执行。底层实现：v
2022-02-21 18:02:26
470
原创 2021-09-13整个模块换行
整个模块换行可以将不可换行的词例如pangyueyue放在一个元素中，设置white-spapce: nowrap;然后循环显示
2021-09-13 17:57:28
95
原创 2021-09-13-whiteSpace,overFlow
white-spacenormal: 空白会被忽略pre: 空白会被保留，类似<pre>标签nowrap: 不会换行,直到遇到</br>为止over-flowvisible: 内容不会被修剪，会呈现在元素框以外hidden: 内容会被修剪，且被修剪内容不可见scroll: 内容会被修剪，但浏览器会显示滚动条查看被修剪内容auto: 如果内容被修剪，则显示滚动条查看被修剪内容inherit: 继承父类的over-flow属性...
2021-09-13 17:44:52
95
原创 2021-08-06随记(vertical-align, 顶线、底线、中线、基线，vue原理理解)
20210804 (vertical-align, 顶线、底线、中线、基线，vue原理理解)vertical-align父元素是inline或者是table-cel，如果是inline-block或者block则必须要设置line-height(和高度一样)子元素为inline或者inline-block才可以，vertical-align属性不继承，必须单独设置顶线、底线、中线、基线顶线：汉字的最顶部底线：汉字的最底部中线：英文x的中部基线：英文x的底部行高，行距，
2021-08-06 18:11:07
623
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人