伪元素实现横向虚线——可调整虚线之间的距离背景:border: 1px dotted #ccc;并不能调整虚线之间的距离解决方案: 伪元素、渐变实现. 1234567891011.column-item::before { width: 100%; height: 1px; background-image: linear-gradient(to left, #f1eded 0%, #ccc 50%, transparent 50%); /** toleft横向...
npm install原理
npm i的具体机制 早期的时候 是严格按照package.json的结构,一一对应的在node_modules中按照对应的包,这样造成的问题就是: 嵌套层级可能过深,在Windows系统中,文件路径最大长度为260个字符 重复的安装包 后来npm 3.X版本采用扁平化的结构 安装模块时,不管其是直接依赖还是子依赖的依赖,优先将其安装在node_modules根目录。 当安装到相同模块时,判断已安装的模块版本是否符合新模块的版本范围,如果符合则跳过,不符合则在当前模块的node_mod...
移动端兼容性问题整理
红米Note手机position: fixed;布局定位失效。 设备信息:型号:Redmi Note 8 Pro版本:10 现象如下:fixed定位的元素随着滚动条滚动了;后来排查发现是因为某个元素宽度超出屏幕,导致定位失效了。 解决方案如下:1234*{ -webkit-overflow-scrolling:touch; overflow-x: hidden !important;}*
移动端css开发小技巧
css 设置 iPhoneX 的安全距离如果元素上设置了postion属性,需要设置在该属性上,只设置在 body 上会无效。也可以作用于margin-top属性上,重要的是安全距离值。 12345padding-top: constant(safe-area-inset-top); //为导航栏+状态栏的高度 88pxpadding-left: constant(safe-area-inset-left); //如果未竖屏时为0padding-right: constant(safe-a...
vscode开发技巧集合
自动补齐html标签插件 HTML Snippets 查看文件代码修改记录插件 gitLens
小程序、公众号开发过程中的问题
背景小程序里支付页——支付成功后需要引导用户关注公众号 准备工作a. 小程序开发者工具下载b. 关注公众号只有以下三个场景才能出现关注公众号组件 https://developers.weixin.qq.com/miniprogram/dev/component/official-account.html①当小程序从扫小程序码场景(场景值1047,场景值1124)打开时②当小程序从聊天顶部场景(场景值1089)中的「最近使用」内打开时,若小程序之前未被销毁,则该组件保持上一次打开小程序...