前端开发

node包管理pnpm和corepack

2022-09-2283次阅读其它
node管理包管理器corepack启停用 corepack:corepack enable;corepack disable
前端开发

Web组件::part和::slotted伪元素,以及:defined、:host和:host-context伪类

2022-08-23156次阅读HTML其它
Web组件::part和::slotted伪元素,以及:defined、:host和:host-context伪类。它们为我们提供了与 Web 组件交互的额外方式。
前端开发

向我解释Twitter 源代码的前10行

2022-05-11269次阅读其它
通过这些可以了解一些基础前端知识的深度。
前端开发

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

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

.env文件配置

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

@rollup/plugin-image导入JPG、PNG、GIF、SVG和WebP文件的rollup插件

2021-04-223588次阅读其它
@rollup/plugin-image导入JPG、PNG、GIF、SVG和WebP文件的rollup插件。但如果图片太多太大不建议用rollup打包,因为要装的各种插件实在太多了,rollup主要针对纯js的模块化打包解决方案。
前端开发

Error: [MobX] Cannot apply '@action' to 'ComplexType.prototype.create'

2021-02-222423次阅读其它
Error: [MobX] Cannot apply '@action' to 'ComplexType.prototype.create': The field is already decorated with '@action'. Re-decorating fields is not allowed. Use '@override' decorator for methods overriden by subclass.把mobx-state-tree升级到5.0.1试试
前端开发

Web Share API

2020-10-091217次阅读其它
Web Share API可以启用本机共享功能(如果该您所有使用的平台支持该功能)。
前端开发

移动端常用meta开箱即用

2020-08-051115次阅读其它IOSHTML
收集了一些移动端开箱即用的meta标签大全。
前端开发

移动端强制全屏和横竖屏

2020-08-052580次阅读IOS其它html5
移动端页面样式如果是横屏时就乱了,如何通过前端的方法禁止横屏,还有移动端页面强制全屏如何实现,不妨试试这些。