伪元素实现虚线

伪元素实现横向虚线——可调整虚线之间的距离背景: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横向...

Read More

npm install原理

npm i的具体机制 早期的时候 是严格按照package.json的结构,一一对应的在node_modules中按照对应的包,这样造成的问题就是: 嵌套层级可能过深,在Windows系统中,文件路径最大长度为260个字符 重复的安装包 后来npm 3.X版本采用扁平化的结构 安装模块时,不管其是直接依赖还是子依赖的依赖,优先将其安装在node_modules根目录。 当安装到相同模块时,判断已安装的模块版本是否符合新模块的版本范围,如果符合则跳过,不符合则在当前模块的node_mod...

Read More

移动端兼容性问题整理

红米Note手机position: fixed;布局定位失效。 设备信息:型号:Redmi Note 8 Pro版本:10 现象如下:fixed定位的元素随着滚动条滚动了;后来排查发现是因为某个元素宽度超出屏幕,导致定位失效了。 解决方案如下:1234*{ -webkit-overflow-scrolling:touch; overflow-x: hidden !important;}*

Read More

移动端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...

Read More

工作

转正前谈话过去五个月中,印象最深的工作是哪个项目觉得汇报对象怎么样(leader)觉得公司怎么样对以后的发展规划 工作上设计更宽泛的业务,比如登录、支付等等 朝管理层发展 以后转正要好好准备这些问题啊,又是乱七八糟也不知道说了啥,就觉得很肤浅,都是在强调组织氛围,吃喝玩乐。。。没谁了我。/(ㄒoㄒ)/~~ tips 对了,今天联系了私教,要健身啦!!!要坚持下去啊!!!

Read More

时间日期处理

js对时间戳处理成年月日时分秒 + yyyy.mm.dd12345678910111213export function timeToDate(time, type = 'yyyy.mm.dd') { let date = new Date(time) let day = date.getDate() if ((day + '').length < 2) { day = '0' + day...

Read More

正则

匹配除中文、空格以外的其他所有字符1234567891011// 先校验空格,再校验非中文var line = 'aa bb cc'if (line.trim().split(/\s+/).length > 2)......function validateLine (line){ // var checkKaMi=/^[A-Za-z0-9_]+[\s]+[A-Za-z0-9_]+$/; // 非中文以外的所有其他字符 var chec...

Read More

小程序、公众号开发过程中的问题

背景小程序里支付页——支付成功后需要引导用户关注公众号 准备工作a. 小程序开发者工具下载b. 关注公众号只有以下三个场景才能出现关注公众号组件 https://developers.weixin.qq.com/miniprogram/dev/component/official-account.html①当小程序从扫小程序码场景(场景值1047,场景值1124)打开时②当小程序从聊天顶部场景(场景值1089)中的「最近使用」内打开时,若小程序之前未被销毁,则该组件保持上一次打开小程序...

Read More

js开发技巧

列表三个元素排一行的布局问题背景: 要求每三个元素占满一行,每个元素之间的间距固定,每个元素的宽度随着设备的分辨率大小适配。解决方案: 将后端返回的一维数组列表转换成二维数组,每三个元素为一组。类似于这样的数据结构:123456789101112131415161718192021222324252627[ [{name: "han"},{name: "han"},{name: "han...

Read More


Powered by Hexo and Hexo-theme-hiker

Copyright © 2013 - 2025 HL's Blog All Rights Reserved.

UV : | PV :