- 博客(11)
- 收藏
- 关注
原创 js颜色常用处理方法
1. 颜色深浅计算,值越大,颜色越浅;反之越深常用于默认系统模式(dark/light)转换// js 判断颜色是否为深色 阀值 function getRgbLevel(arr=[]) { return arr[0] * 0.299 + arr[1] * 0.587 + arr[2] * 0.114;}2. rbga 转换// 颜色字符串匹配正则 const regExp = /(^rgba?\(\s?\d+,\s?\d+,\s?\d+(,\s?\d+(
2022-06-07 19:52:56
1332
1
原创 H5页面系统深色模式适配
1. 在css中设置CSS 媒体查询PC web模式适配,在css中通过media查询进行适配即可生效。/*日间模式*/@media (prefers-color-scheme: light) { :root { --ui-primary: #B36C0F; html,body, .page { background-color: #fff0c6; } }}/*暗夜模式 *//* arr[0] * 0.299 + arr[1] * 0.587
2022-05-25 16:43:25
1239
原创 Vue实现懒加载
方式一. 使用第三方库intersection-observer-polyfill1. 安装工具依赖npm i intersection-observer-polyfill2. 定义懒加载规则import IntersectionObserver from 'intersection-observer-polyfill';let callback = null;IntersectionObserver.prototype.POLL_INTERVAL = 50;const obse
2022-05-21 00:06:26
2131
1
原创 长图片hover自动滚动
容器指定高度,图片自由高度,图片在容器内滚动mouseover时响应开启滚动,滚动最大高度为长图的实际高度-容器高度mouseleave时移除滚动当鼠标指针位于元素上方时,会发生 mouseover 事件。mouseover() 方法触发 mouseover 事件,或添加当发生 mouseover 事件时运行的函数。注意:与mouseenter事件不同,mouseover 事件在鼠标指针进入被选元素或任意子元素时都会被触发,mouseenter 事件只有在鼠标指针进入被选元素时被触发..
2022-05-20 23:41:01
411
原创 Vue3+TS eslint配置
扩展检查应用:vue2 使用Vetur,vue3使用Volar安装: "eslint": "^8.15.0", "eslint-config-standard": "^17.0.0", "eslint-plugin-vue": "^8.7.1", "typescript": "^4.6.4", "vue-tsc": "^0.34.15"eslint配置module.exports = { root: true, env: { ..
2022-05-19 17:19:40
2009
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人