![](https://img-blog.csdnimg.cn/163cce48a5b04b35b8304acb7ca198d2.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端技巧
文章平均质量分 52
前端技巧记录,经验分享。
前端Outman
专注、坚持、保持目标感
展开
-
【前端技巧】CSS常用知识碎片(九)
【代码】【前端技巧】CSS常用知识碎片(九)原创 2023-07-14 14:22:59 · 1114 阅读 · 0 评论 -
【前端技巧】CSS常用知识碎片(八)
利用叠加实现文字水印。原创 2023-07-13 13:51:19 · 711 阅读 · 0 评论 -
【前端技巧】CSS常用知识碎片(七)
box-shadow只会在border box盒子周围一圈显示阴影,透明的虚线框和中间的镂空部分都看不到阴影效果,而drop-shadow()函数会在每一个虚线框的实线部分下方留下独立的投影效果。原创 2023-07-13 10:58:57 · 566 阅读 · 0 评论 -
【前端技巧】CSS常用知识碎片(六)
CSS自定义属性命名:支持数字、短横线、空格、CJK文字等,不支持包含等特殊字符特殊字符,若要使用特殊字符,需要加上转义符CSS自定义属性的作用域:若定义自定义属性在子元素,则无法作用域父元素,所以通常会将自定义属性定义在:root伪类中,保证所有页面和任意标签元素都能使用自定义属性CSS自定义属性不能自身赋值CSS自定义属性不支持用在媒体查询中在HTML标签中设置CSS自定义属性:style--color;原创 2023-07-12 16:23:48 · 431 阅读 · 0 评论 -
【前端技巧】CSS常用知识碎片(五)
only老旧的浏览器会忽视无法识别的媒体条件和媒体特性,为了让老旧的浏览器不识别新的查询语句,设计了only修饰符,放在媒体类型的前面。这样only screen and (color)查询语句中的CSS代码就再也不会被老旧的浏览器解析了,因为这些老旧的浏览器认为only是非法的。如今这些老旧的浏览器都已被淘汰,only修饰符就没有再使用的必要了。not否定查询语句。原创 2023-07-12 09:39:43 · 319 阅读 · 0 评论 -
【前端技巧】CSS常用知识碎片(四)
* 关键字属性值 *//* 值 *//* 百分比值 */原创 2023-07-11 15:41:18 · 522 阅读 · 0 评论 -
【前端技巧】CSS常用知识碎片(三)
flex: 1 | flex: 1 1 0% | 推荐 || flex: 0 | flex: 0 1 0% | 适用场景少 || flex: initial | flex: 0 1 auto | 初始值,常用 || flex: auto | flex: 1 1 auto | 适用场景少,但很有用 |flex-grow属性指定了容器剩余空间多余时候的分配规则,默认值是0,表示多余空间不分配。原创 2023-07-11 14:45:38 · 412 阅读 · 0 评论 -
【前端技巧】CSS常用技巧碎片(二)
【代码】【前端技巧】CSS常用技巧碎片(二)原创 2023-07-06 17:33:18 · 377 阅读 · 0 评论 -
【前端技巧】CSS常用技巧碎片(一)
如果outline属性不能使用(如无障碍访问需要),则使用box-shadow属性;动态文本内容换行使用word-break:break-all和wordwrap:break-word组合代码,如果要彻底换行,还可以使用line-break:anywhere。如果outline属性不能使用,则使用border-image属性。静态内容排版不建议使用word-break属性、word-wrap属性或者line-break属性,如果是英文单词,则使用。如果需要轮廓只有一个方向,则不考虑outline属性。原创 2023-07-06 10:55:23 · 394 阅读 · 0 评论 -
【前端技巧】点击域外指令-点击元素外面才会触发的事件
点击域外指令-点击元素外面才会触发的事件原创 2023-03-31 16:44:29 · 1154 阅读 · 0 评论 -
【前端技巧】js-md5的简单使用
js-md5的简单使用原创 2023-03-27 10:09:31 · 8716 阅读 · 0 评论 -
【前端技巧】ESLint忽略检查行和文件
ESLint忽略检查行和文件原创 2023-03-10 13:16:46 · 5583 阅读 · 0 评论 -
【前端技巧】JS自定义指令 —— 无限滚动(改写el-table-infinite-scroll)
JS自定义指令 —— 无限滚动(改写el-table-infinite-scroll)原创 2023-03-08 09:34:24 · 1130 阅读 · 0 评论 -
【前端技巧】JS自定义指令 —— 点击复制
JS自定义指令 —— 点击复制原创 2023-03-06 10:20:30 · 155 阅读 · 0 评论 -
【前端技巧】git已经push的代码如何修改commit
git已经push的代码如何修改commit原创 2023-02-21 14:26:48 · 1148 阅读 · 0 评论 -
【前端技巧】指针聚焦可编辑表格某行时获取当前行信息
指针聚焦可编辑表格某行时获取当前行信息原创 2023-02-13 16:54:35 · 111 阅读 · 0 评论 -
【前端技巧】括号合法性校验
括号合法性校验原创 2023-02-01 13:41:39 · 163 阅读 · 0 评论 -
【前端技巧】常用正则表达式工具类
括号统一替换、开头结尾去除多余字符、替换指定内容之间多个字符为指定字符、去除指定内容之间多个指定字符、开头结尾去除非中/英小括号字符、符号去重原创 2023-02-01 13:37:23 · 172 阅读 · 0 评论 -
【前端技巧】常用正则表达式
常用正则表达式原创 2023-01-30 16:05:01 · 76 阅读 · 0 评论 -
【前端技巧】Server-X 的进阶用法
Server-X 的进阶用法原创 2023-01-29 15:02:08 · 100 阅读 · 0 评论 -
【前端技巧】Server-X:一个效率工具集成平台
Server-X:一个效率工具集成平台原创 2023-01-29 14:11:09 · 317 阅读 · 0 评论 -
【前端技巧】Git Hooks
Git Hooks原创 2023-01-28 17:48:41 · 120 阅读 · 0 评论 -
【前端技巧】Loader和Plugin的编写
Loader和Plugin的编写原创 2023-01-28 10:56:42 · 78 阅读 · 0 评论 -
【前端技巧】ESLint 的相关配置
【前端技巧】ESLint 的相关配置原创 2023-01-17 16:29:39 · 259 阅读 · 0 评论 -
【前端技巧】Bash的入门使用教程
Bash的入门使用教程原创 2023-01-06 00:50:58 · 871 阅读 · 0 评论 -
【前端技巧】npm scripts的使用
npm scripts的使用原创 2023-01-05 22:04:47 · 515 阅读 · 0 评论 -
【前端技巧】node中net模块的使用
node中net模块的使用原创 2023-01-03 20:32:42 · 208 阅读 · 0 评论 -
【前端技巧】koa-session 的使用
koa-session 的使用原创 2023-01-03 20:18:14 · 123 阅读 · 0 评论 -
【前端技巧】图片格式转换(File、Blob、base64)
图片格式转换(File、Blob、base64)原创 2022-11-17 13:38:08 · 5663 阅读 · 1 评论 -
【前端技巧】vue-directive-window插件使用
vue-directive-window插件使用原创 2022-11-15 10:56:56 · 318 阅读 · 0 评论 -
【前端技巧】vuedraggable中改变draggable渲染后的标签类型
vuedraggable中改变draggable渲染后的标签类型原创 2022-11-10 11:02:17 · 414 阅读 · 0 评论 -
【前端技巧】vuedraggable拖拽组件的使用
【代码】【前端技巧】vuedraggable拖拽组件的使用。原创 2022-11-09 23:57:39 · 307 阅读 · 0 评论 -
【前端技巧】中文符号转英文符号&全角字符转半角字符
【代码】【前端技巧】中文符号转英文符号&全角字符转半角字符。原创 2022-10-28 09:40:00 · 1130 阅读 · 0 评论 -
【前端技巧】文本内容单行省略及多行省略
【代码】【前端技巧】文本内容单行省略及多行省略。原创 2022-10-27 15:09:12 · 1029 阅读 · 0 评论 -
【前端技巧】实现点击复制文本内容方法
【代码】【前端技巧】实现点击复制文本内容方法。原创 2022-10-27 11:13:07 · 759 阅读 · 0 评论