摘要:
打开浏览器 即 开启一个浏览器进程 (主要负责浏览器UI,用户交互,子进程拉起关闭等) 并由浏览器进程拉起网络进程(多Tab共享)采用多线程模式,GPU 进程(多Tab共享)等 当每开启一个 tab 页,浏览器进程会负责为该 Tab 拉起一个渲染进程,每一个渲染进程都会拉起一个渲染主线程(单线程模式 阅读全文
摘要:
官网下载安装 并不一定是 webstorm,idea,CLion,DataGrip,GoLand, PhpStorm, PyCharm 等 选择对应系统,下载破解工具解压到桌面,Mac用户可尝试使用 Linux版本,实际操作中2023不行可尝试2022等低版本,并可尝试关闭 sip 1, windo 阅读全文
摘要:
1,不规则图形加阴影或光圈 不用 box-shadow: 0 0 10px #000 用 filter: dorp-shadow(0 0 10px #000) 像素点做阴影 该dom对象不能为透明,透明不起作用 2,书写方式 writing-mode: horizontal-tb vertical- 阅读全文
摘要:
资源 http://airbnb.io/lottie/#/web lottie 官网 动画的实现逻辑借用官网的一句话 Lottie is a library for Android, iOS, Web, and Windows that parses Adobe After Effects anim 阅读全文
摘要:
这里需要理解的是基本类型,和对象 用 java 的话说就是(讲道理 js 理论应该类似) ,基本类型在栈区,可以直接比较其值, 对象类型 存放于栈区 和 堆区,栈区存放的是对象在堆区的内存地址,直接对比相当于在对比地址,那么两个不同对象的地址必然不同 那么 ,我们先来看看 js 中关于 基本类型的对 阅读全文
摘要:
1,css 1.1 单行 overflow: hidden; text-overflow: ellipsis; white-space: nowrap;1.2 多行 display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-cl 阅读全文
摘要:
Flex 设置上下居中,固定高度后,内部元素超过父元素高度, 会出现父元素存在滚动条,但无法向上滚动的状况,即图片上部被裁切 此时为内部元素增加 margin: auto 可解决该问题 当然我们也可以利用这个特点做一些特殊需求, 比如图片不能被压缩,但要取图片中间部分区域作为图片缩略图(变态) 阅读全文
摘要:
Blob(Binary Large Object)表示二进制类型的大对象,通常是图片、视频、文档等 如上图所示 一个 blob 对象 File 接口基于 Blob,继承了 blob 的功能并将其扩展使其支持用户系统上的文件。 type : MIME(Multipurpose Internet Mai 阅读全文
摘要:
前端获取cdn上资源时,如果cdn资源更新,前端 img 、video 等标签获取资源大概率会命中本地缓存资源 那么如何能够更新这些资源呢,让页面显示新的资源呢,(指在不做强制刷新,关闭浏览器,清空缓存等操作的前提下) 方案一,当然是在加载这些资源时,在网络资源路径末尾增加时间戳参数,当然这也是最简 阅读全文
摘要:
一些网站会使用自己专属的字体包,英文的字体包一般很小 但是中文的字体包一般会比较大5兆以上,10兆左右,但是其中的字体我们又不是全都会使用, 针对移动端流量进行优化的方案就是,从完整字体包中抽取使用过的文字,形成简化的字体包 sfnttool.jar下载 官网 下载链接 自用(版本可能滞后,但能用) 阅读全文