2020年8月18日
解决移动端1px变粗的问题
摘要： 1px变粗的主要原因是：通俗的讲就是高清屏，分辨率提高了，但屏幕尺寸却没变化，这就意味着同样大小的屏幕上，像素却多，这时，一个css像素就不再等于一个物理像素，所以我们就看到粗了。 具体原因可以参看这篇文章：https://www.cnblogs.com/2050/p/3877280.html 我这 阅读全文
posted @ 2020-08-18 14:41 #小小佳 阅读(773) 评论(0) 推荐(0) 编辑
页面环境判断
摘要： 项目中我们经常会使用一套H5页面内嵌到APP,小程序中。有些场景就需要根据不同的环境，来处理一些需求，这时候就需要进行环境判断了。 const ua = window.navigator.userAgent.toLowerCase(); const AppUtils = { isApp: ua.in 阅读全文
posted @ 2020-08-18 14:18 #小小佳 阅读(412) 评论(0) 推荐(0) 编辑
2019年8月5日
padStart()和padEnd()方法
摘要： padStart和padEnd主要用于字符串的补全 参数（接收两个参数）： 第一个参数，指定字符串的长度。如果当前字符串小于指定的长度，则进行补全；反之，不进行任何操作，返回原字符串。 第二个参数，用于补充的字符串，如果字符串长度过长，则会删除后面的多出的字符串，进行补全。如果不写，默认空格补全。 阅读全文
posted @ 2019-08-05 16:43 #小小佳 阅读(1515) 评论(0) 推荐(0) 编辑
2019年7月31日
常用的git命令
摘要： 下面列举的都是简单常用的一些git命令，如果不够全面可以去https://git-scm.com/docs进行查看 ## 创建版本库 git clone <url> 克隆远程版本库 git init 初始化本地版本库 ## 修改和提交 git pull 拉取 git add . 添加所有改动过的文件 阅读全文
posted @ 2019-07-31 11:07 #小小佳 阅读(150) 评论(0) 推荐(0) 编辑
2019年7月26日
判断元素是否在可视区域内
摘要： 如果页面有头部置顶和底部置底的元素，需要自行进行计算： scrollTop + 头部置顶元素高度 screenHeight - （置顶和置底元素的高度） 阅读全文
posted @ 2019-07-26 18:29 #小小佳 阅读(3326) 评论(0) 推荐(0) 编辑
sticky的使用
摘要： position: sticky粘性定位：是css新增的一个position属性。说是对于IOS的兼容性好一点，对于安卓的兼容性不太好（我自己感觉安卓的兼容性也不错） 于position:fixed的区别：我们都知道常用的几个定位（static、absolute、relative、fixed），如果 阅读全文
posted @ 2019-07-26 17:29 #小小佳 阅读(7936) 评论(0) 推荐(0) 编辑
ios,iphone头部,底部兼容性问题
摘要： 苹果手机头部会比安卓手机多出来一部分，所以当页面头部有定位时，需要做一下兼容处理：（文中都是以375的设计稿来计算的，单位都使用px，实际项目中，请自行进行转换）//使用特有的类名 阅读全文
posted @ 2019-07-26 17:02 #小小佳 阅读(493) 评论(0) 推荐(0) 编辑
2019年3月26日
前端面试中遇到得问题
摘要： 1.盒子模型有几部分组成？ 主要组成：内容（content）、内边距（padding）、边框（border）、外边距（margin）； 盒子模型分为：标准盒子模型（W3C盒子模型）、怪异盒子模型（IE盒子模型） 标准盒子模型：content只包括自身的宽度和高度（box-sizing:content 阅读全文
posted @ 2019-03-26 14:28 #小小佳 阅读(1098) 评论(0) 推荐(0) 编辑
2019年3月7日
vue事件处理
摘要： 事件绑定v-on 1.直接在指令中写JavaScript代码 2.在指令中调用方法 在methods中自定义方法 可以在方法中传入参数，也可以访问原始的DOM事件，用$event把它传入 <button v-on:click="warn('Form cannot be submitted yet.' 阅读全文
posted @ 2019-03-07 14:04 #小小佳 阅读(203) 评论(0) 推荐(0) 编辑
vue渲染
摘要： 渲染：条件渲染，列表渲染 1.条件渲染 v-if、v-else、v-else-if v-else、v-else-if 必须跟在v-if、v-else-if 之后否则不会被识别 key管理可复用的元素 下面例子中，input如果没有添加key，会复用，切换时，用户输入的值，会保留，只是替换了place 阅读全文
posted @ 2019-03-07 11:29 #小小佳 阅读(170) 评论(0) 推荐(0) 编辑