11 2023 档案

摘要:console.trace之前一直觉得没用,可用断点,或xhr断点来直接定位调用栈 在一些特殊情况下,比如要跟踪某个值的调用过程,可以用此方法来观察调用栈,也比较方便 console.trace(result) 可以观察result这个变量的调用栈 从变量的角度,来看调用栈,易于追踪该变量值产生异常 阅读全文
posted @ 2023-11-30 14:19 全玉 阅读(198) 评论(0) 推荐(0) 编辑
摘要:Skeleton Screen Loading,又叫 Skeleton Screen/加载占位图,就是显示dom骨架,加上流光加载效果。 骨架流光的原理,就是 渐变色(linear-gradient多个颜色) + 背景拉伸(background-size: 400% 100%) + 背景移动(bac 阅读全文
posted @ 2023-11-24 10:17 全玉 阅读(166) 评论(0) 推荐(0) 编辑
摘要:rowSpan和colSpan看起来简单,真要自己写,要调半天,记录一个经典例子,方便快速上手 <table border="1" cellspacing="0"> <tr> <tr> <th rowspan="2">学号</th> <th rowspan="2">姓名</th> <th rowsp 阅读全文
posted @ 2023-11-23 09:10 全玉 阅读(37) 评论(0) 推荐(0) 编辑
摘要:习惯了了用classList修改class 某天想删除所有class,在加上个特定class 居然想到是否有classList.removeAll这个API 发现没有 还想着用 classList.forEach循环删除 脑子浆糊了 className就是用来完全重置class的 classList 阅读全文
posted @ 2023-11-23 09:03 全玉 阅读(13) 评论(0) 推荐(0) 编辑
摘要:边线左侧划出,右侧收起,关键点就是 改变background-position的位置left -> right .div { background: linear-gradient(to right, #ec695c, #61c454) no-repeat right bottom; backgro 阅读全文
posted @ 2023-11-22 19:33 全玉 阅读(36) 评论(0) 推荐(0) 编辑
摘要:1. border 可响应事件,占据空间 border: 100px solid rgb(0,0,0,.5); 2. outline 不响应事件,不占据空间 outline: 100px solid rgb(0,0,0,.5); outline 支持 outline-color, outline-s 阅读全文
posted @ 2023-11-22 19:29 全玉 阅读(129) 评论(0) 推荐(0) 编辑
摘要:1. 月牙 详见 一步步打造自己的纯CSS单标签图标库 .moon { display:inline-block; height: 1.5em; width: 1.5em; box-shadow: inset -.4em 0 0; border-radius: 2em; transform: rot 阅读全文
posted @ 2023-11-22 19:22 全玉 阅读(65) 评论(0) 推荐(0) 编辑
摘要:1. webpack的完整sourcemap 调试代码,要映射回原始文件,devtool的sourcemap模式是不行的,会丢失loader的映射信息,导致映射结果是一个半源码半编译的文件,cheap-module-source-map可以,cheap只需要行信息,module会关联loader的s 阅读全文
posted @ 2023-11-22 15:43 全玉 阅读(63) 评论(0) 推荐(0) 编辑
摘要:vue-cli文档中的描述如下 Index 文件# public/index.html 文件是一个会被 html-webpack-plugin 处理的模板。在构建过程中,资源链接会被自动注入。另外,Vue CLI 也会自动注入 resource hint (preload/prefetch、mani 阅读全文
posted @ 2023-11-22 09:09 全玉 阅读(411) 评论(0) 推荐(0) 编辑
摘要:正则匹配中,除了文本的匹配外,还有位置匹配。 因为位置匹配不会匹配任何实际的文本,只是匹配文本中的位置,所以也称为锚点(Anchors)、零长度断言 或者 零宽断言 (Zero-Width Assertions)。结合这几个名字,这个概念的含义已经很明显。 零宽断言是一种零宽度的匹配,它匹配的内容不 阅读全文
posted @ 2023-11-20 15:42 全玉 阅读(111) 评论(0) 推荐(0) 编辑
摘要:uniapp支持tap和click事件 必须在template模板中绑定 tap事件会把event对象的target原生dom对象去除,替换为组件(未发现),文档上支持冒泡,还需测试 要获取原始dom元素 可在mounted周期自行addEventListener,方可读取 阅读全文
posted @ 2023-11-20 14:17 全玉 阅读(650) 评论(0) 推荐(0) 编辑
摘要:调试webpack配置文件,可细致查看配置选项变量,可方便判断配置失效的问题 具体步骤 1. vscode在调试菜单创建launch.json文件 2. 在launch.json文件添加配置 3. 选择nodejs通过npm启动 4. 修改npm启动命令为待调试的命令 5. 通过launch via 阅读全文
posted @ 2023-11-16 14:07 全玉 阅读(72) 评论(0) 推荐(0) 编辑
摘要:appearance: none; 完全去除默认样式,全部重写 accent-color 单独修改控件颜色,支持 checkbox,radio,range,progress 阅读全文
posted @ 2023-11-15 17:02 全玉 阅读(41) 评论(0) 推荐(0) 编辑
摘要:作用 overscroll-behavior: contain; contain表示保留默认的边界行为,阻止父容器滚动 overscroll-behavior: none; none表示边界行为和父容器滚动,两者都阻止 可解决问题 1. macOS 的滚动容器中默认会有一个“触底反弹”效果,也就是常 阅读全文
posted @ 2023-11-15 16:52 全玉 阅读(761) 评论(0) 推荐(0) 编辑
摘要:uniapp 打包时候 会把 所有用到的公共组件和公共封装打包到一起,在首页直接加载,这样会严重影响首屏的显示速度 目前没有找到好的 最小化 分离 首屏依赖的打包方式 考虑可行的方案 1. 写一个webpack插件,通过分析 指定模块的依赖,将模块 和 模块依赖 分别打包 2. 深入 webpack 阅读全文
posted @ 2023-11-02 11:33 全玉 阅读(55) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示