每日随记
123 gogo
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
bind返回
bind与call和apply相比不会立即执行函数,但会返回一个指定this和指定实参的原函数拷贝。原创 2022-11-10 11:34:18 · 185 阅读 · 0 评论 -
apply实现数组求最大最小值
Math.max和Math.min都是针对数值的,例如Math.max(2,4)由于apply的入参是数组,所以可以巧妙的实现数组求最大最小值,实现如下。原创 2022-11-10 11:29:26 · 214 阅读 · 0 评论 -
前端布局随记
子元素display:table-cell可以用vertical-align,子元素默认填充父元素不建议使用此种布局:table 比其他html标签占更多的字节。造成下载时间延迟,占>>用服务器更多的流量资源(代码冗余)。table 会阻挡浏览其渲染引擎的渲染顺序,会延迟页面的生成速度,让用户等待时间更久灵活性差,一旦设计确定,后期很难通过CSS让它展现新的面貌不利于搜索引擎抓取信息,直接影响到网站的排名。优点:兼容性好,好上手。原创 2022-11-04 17:32:18 · 131 阅读 · 0 评论 -
offsetX clientX pageX screenX和innerWidth outerWinth
浏览器的可视内容区域宽度,当进行浏览器窗口缩放时,会改变当前浏览器可视内容区域的尺寸。同innerWidth,不同处在于加上了滚动条和工具栏。pageX = clientX + 横向滚动距离。相对于当前点击元素左上角的偏移。相对于浏览器左上角的偏移。相对于屏幕左上角的偏移。原创 2022-11-03 15:44:30 · 178 阅读 · 0 评论 -
iframe子页面token实现
子页面没办法设置cookie,token可设置在localstorage或者sessionstorage中。原创 2022-10-13 16:50:11 · 2545 阅读 · 0 评论 -
nginx 配置相关
autoindexon目录浏览相关,需要获取服务器上文件时可用,文件路径用alias。原创 2022-07-22 10:10:52 · 433 阅读 · 0 评论 -
随记:vue优化,cesium
cesium数据不要放到vue的data中,减少性能消耗。原创 2022-07-22 10:07:15 · 480 阅读 · 0 评论 -
浏览器进程,线程,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 · 405 阅读 · 0 评论 -
浏览器标签栏的图标设置,meta,innerWidth,innerHeight
浏览器标签栏的图标设置<link rel="shortcut icon" href="图标地址">原创 2022-05-12 15:12:16 · 391 阅读 · 0 评论 -
简单的方法返回,组件监听事件名称格式转换
简单的函数返回去() => 23 返回6,() => { 2 3 }不返回原创 2022-05-11 16:03:17 · 101 阅读 · 0 评论 -
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 · 619 阅读 · 0 评论 -
数组深拷贝,core.js启动报错
用concat返回一个新的数组原创 2022-05-10 17:24:41 · 156 阅读 · 0 评论 -
vue教程查漏补缺
内容补缺Object.freeze()冻结对象,对象不可增删改查,也不可修改可读性等属性,同时会冻结对象的原型,是浅冻结vue自带的实例property与方法它们都有$,和用户自定义的区分不要在选项property或者回调上使用箭头函数,因为箭头函数没有this,this作为变量会一直向上级词法作用域查找,直到找到位置,经常导致找不到报错生命周期图必须熟悉模板语法:允许开发者声明式的将dom绑定底层vue实例数据,所有的模板语法都是合法的html,能够被浏览器执行。底层实现:v原创 2022-02-21 18:02:26 · 525 阅读 · 0 评论 -
2021-09-13整个模块换行
整个模块换行可以将不可换行的词例如pangyueyue放在一个元素中,设置white-spapce: nowrap;然后循环显示原创 2021-09-13 17:57:28 · 121 阅读 · 0 评论 -
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 · 125 阅读 · 0 评论 -
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 · 703 阅读 · 0 评论
分享