前端开发

TypeScript报错TS2339: Property 'token' does not exist on type 'default'

2022-01-1932次阅读TypeScript
TS是静态类型的语言,未定义的属性直接调用会报错。
前端开发

在Chrome DevTools中显示Shadow Dom的CSS样式

2022-01-1263次阅读其它
Shadow DOM在视图中正常情况下是隐藏的,例如input文本框,按钮和输入之类的东西。r不过你可以能过打开Chrome浏览器,F12调起Chrome DevTools调试工具,右上角齿轮形状的即Settings点击一下,Preferences中Elements分类下Show user agent shadow DOM勾选即可,这样就会在元素标签页中显示被隐藏的Shadow DOM代码。
前端开发

使用Grid布局轻松实现元素层叠效果

2022-01-1243次阅读css模块css
grid-area: 1/-1,-1代表在网格的最后一列和行,因此会一直跨越到列或行结束。
前端开发

css两端淡出中间实色的分隔线

2022-01-1058次阅读css
两端淡出中间是完整的颜色是一个比较常见的分隔线效果。
前端开发

Clipboard API一行代码实现复制效果

2022-01-071884次阅读javascript
剪贴板 Clipboard API 为 Navigator 接口添加了只读属性 clipboard,该属性返回一个可以读写剪切板内容的 Clipboard 对象。 在 Web 应用中,剪切板 API 可用于实现剪切、复制、粘贴的功能。
前端开发

event.currentTarget和event.target的区别

2022-01-0750次阅读javascript
event.target 表示点击的元素,event.currentTarget 表示绑定事件的元素。
前端开发

.env文件配置

2021-12-2097次阅读其它
.env:全局默认配置文件,无论什么环境都会加载合并。.env.development:开发环境的配置文件。.env.production:生产环境的配置文件。项目中可以使用process.env.xxx来访问属性。
前端开发

JavaScript检测手机浏览器的五种方法

2021-12-09168次阅读javascript
JavaScript检测手机浏览器的五种方法
前端开发

Video2WebP将短视频转成WebP动画图片,用来替代GIF动画

2021-12-09112次阅读javascript
Video2WebP将短视频转成WebP动画图片,用来替代GIF动画https://video2webp.mattj.io/
前端开发

Chrome浏览器IdleDetector对象检测当前非活动用户

2021-12-0998次阅读javascript
IdleDetector对象检测用户空闲时(即键盘、鼠标、屏幕无交互时)通知开发人员激活屏幕保护程序、锁定屏幕或移动到其他屏幕等情况。