全玉 - 博客园

2023年11月23日

摘要： 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 全玉阅读(12) 评论(0) 推荐(0) 编辑

classList removeAll谬想

摘要：习惯了了用classList修改class 某天想删除所有class，在加上个特定class 居然想到是否有classList.removeAll这个API 发现没有还想着用 classList.forEach循环删除脑子浆糊了 className就是用来完全重置class的 classList 阅读全文

posted @ 2023-11-23 09:03 全玉阅读(10) 评论(0) 推荐(0) 编辑

2023年11月22日

background实现边线动画

摘要：边线左侧划出，右侧收起，关键点就是改变background-position的位置left -> right .div { background: linear-gradient(to right, #ec695c, #61c454) no-repeat right bottom; backgro 阅读全文

posted @ 2023-11-22 19:33 全玉阅读(29) 评论(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 全玉阅读(38) 评论(0) 推荐(0) 编辑

box-shadow内阴影实现各种效果收集

摘要： 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 全玉阅读(46) 评论(0) 推荐(0) 编辑

调试技巧sourcemap和定位相关

摘要： 1. webpack的完整sourcemap 调试代码，要映射回原始文件，devtool的sourcemap模式是不行的，会丢失loader的映射信息，导致映射结果是一个半源码半编译的文件，cheap-module-source-map可以，cheap只需要行信息，module会关联loader的s 阅读全文

posted @ 2023-11-22 15:43 全玉阅读(39) 评论(0) 推荐(0) 编辑

webpack的html模板中插入变量写法

摘要： vue-cli文档中的描述如下 Index 文件# public/index.html 文件是一个会被 html-webpack-plugin 处理的模板。在构建过程中，资源链接会被自动注入。另外，Vue CLI 也会自动注入 resource hint (preload/prefetch、mani 阅读全文

posted @ 2023-11-22 09:09 全玉阅读(148) 评论(0) 推荐(0) 编辑

2023年11月20日

正则零宽断言的理解

摘要：正则匹配中，除了文本的匹配外，还有位置匹配。因为位置匹配不会匹配任何实际的文本，只是匹配文本中的位置，所以也称为锚点（Anchors）、零长度断言或者零宽断言 (Zero-Width Assertions)。结合这几个名字，这个概念的含义已经很明显。零宽断言是一种零宽度的匹配，它匹配的内容不阅读全文

posted @ 2023-11-20 15:42 全玉阅读(65) 评论(0) 推荐(0) 编辑

uniapp的tap和click事件获取原始dom元素

摘要： uniapp支持tap和click事件必须在template模板中绑定 tap事件会把event对象的target原生dom对象去除，替换为组件(未发现)，文档上支持冒泡，还需测试要获取原始dom元素可在mounted周期自行addEventListener，方可读取阅读全文

posted @ 2023-11-20 14:17 全玉阅读(350) 评论(0) 推荐(0) 编辑

2023年11月16日

调试webpack配置文件

摘要：调试webpack配置文件，可细致查看配置选项变量，可方便判断配置失效的问题具体步骤 1. vscode在调试菜单创建launch.json文件 2. 在launch.json文件添加配置 3. 选择nodejs通过npm启动 4. 修改npm启动命令为待调试的命令 5. 通过launch via 阅读全文

posted @ 2023-11-16 14:07 全玉阅读(42) 评论(0) 推荐(0) 编辑

全玉金生

公告