![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端日常
Joel9097
Cease to struggle and you cease to live!
展开
-
husky升级v6版本配置
husky 升级到 v6 配置官网文档:https://typicode.github.io/husky/#/?id=usage第 1 步: npx husky-init && yarn第 2 步:修改已自动生成的 ./husky/pre-commit 钩子#!/bin/sh. "$(dirname "$0")/_/husky.sh"yarn lint-staged --verbose创建 ./husky/commit-msg 钩子 npx husky add .husk原创 2021-03-29 22:15:43 · 1640 阅读 · 0 评论 -
前端使用Unicode小结
最近做到一个有趣的需求,在表格里展示数据所属的国家,那么很快啊,一上来我就想到用 base64 data URL 啊,但是emoji小国旗行不行呢经过一通百度,原来emoji可不是乱来的啊,他都是有对应的Unicode的,只是在不同平台上显示的样子不同,那么就愉快采用emoji了呀(比base64短呀,有表可查呀 Full Emoji List)然后怎么让这些小国旗正确的在浏览器上显示呢。。。这就踩了Unicode的坑了在HTML中,使用字符实体,例如 这个空格大家都认识,但他还原创 2020-12-13 22:44:19 · 959 阅读 · 0 评论 -
简单封装el-popover用于el-table-column里渲染
单行或多行文本溢出显示省略号,是很常见的需求。然后今天遇到复杂点的需求,在el-table里有些单元格文本长,有些短,需要判断是否溢出,溢出时弹框显示所有文本。判断文本是否溢出,参考此文 https://juejin.im/post/5d7798dc6fb9a06acc00af6c但是,在el-table里,单元格是el-table-column渲染的,而el-popover好像没有提供相关处理逻辑,所以需要简单封装一下,以便在el-table-column 里渲染。没有时间整理文字,暂记。<原创 2020-06-20 17:46:48 · 2386 阅读 · 1 评论 -
正则改造VS Code里React类组件的自定义snippet
我目前都习惯用 JS JSX Snippets 这个 VS Code 插件来快速编写 React 组件,然后发现快速生成类组件的 rcc 其中的类名可以跟着当前文件名自动变化,于是就研究了一下。最后找到这篇非常棒的教程 https://blog.csdn.net/maokelong95/article/details/54379046 ,讲解得非常清楚。但是,还有点细节让我的强迫症不爽:有些组件直接用一个JS文件,如 App.js ,这样里面使用 rcc 能自动生成 App 这个类名,但是,还有很多组件原创 2020-05-10 03:25:27 · 359 阅读 · 0 评论