Skip to content

Pan的技术生涯

Main Navigation作品集組件封裝需求杂症基础 vue3 杂项与感触小程序

Appearance

Sidebar Navigation

axios

canvas

canvas画图片 canvas画文字

css

box-shadow详解 css-filter css-unset和initial以及inherit css变量 css响应式 css性能优化 css美化滚动条 css选择器 css隐藏滚动条 flex-1-overflow-auto不生效 flex布局 line-height详解 pointer-events设置为none详解 position定位详解 sass相关 table样式控制 touch-action transform-origin详解 width值详解 z-index无效同行元素与最高的元素高度保持统一彻底搞懂word-break与word-wrap与white-space 打印样式控制深色模式与多主题百分百与100vw区别

js-dom

append与appendChild区别 a标签download属性无效 concat与push的区别 export与import的复合写法 html语义标签 import按条件导入 jquery的live实现原理 JS分别取数值的整数部分和小数部分的几种方法 js删除cookie js实现blob文件下载 nextElementSibling和nextSibling区别 offsetParent与offsetTop和offsetLeft PointerEvent指针事件 Promise常用方法 promise顺序执行的多种方案 script标签defer属性async属性 scrollHeight-offsetHeight-clientHeight stopPropagation与preventDefault与stopImmediatePropagation target与currentTarget ts相关 vue动态加载js-加载完成之后执行回调 window-scroll监听获取offsetTop window.matchMedia响应分辨率和操作系统主题模式变化几个js原生函数与属性的区别现代浏览器观察者 Observer API 箭头函数与普通函数区别

js算法

二分查找冒泡排序数组与树结构相换树查找算法

node开发与调试

nodejs文件相关 nodejs调试方式 nodejs路径相关 node工具开发常用工具和代码开发自己的项目模板cli 监听文件或目录变化

veevalidate

veevalidate基本使用 veevalidate表单级别操作

移动端

dpi-dpr区别 IOS浏览器禁用橡皮筋效果 touch事件详解图片适配屏幕旋转事件常见问题解决方案

文章目录

Table of Contents for current page

css性能优化

参考资料

两行 CSS 让页面提升了近 7 倍渲染性能

最后更新:

上一篇css响应式

下一篇css美化滚动条