自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

原创 正则匹配链接

https?

2019-05-15 14:04:24 1676

转载 textarea 高度自适应细节展示

textarea 高度自适应细节展示用 textarea 实现输入框,在用户输入时,设置输入框的高度为 auto然后取出输入框的 scrollHeight ,这个属性是指,在不出现滚动条的情况下把元素的内容(包含 padding )全部显示出来的最小高度最后重新设置输入框的高度为 scrollHeight最后,会发现,当输入内容不满一行时,输入框会变高,这是因为 textarea 的 ro...

2019-03-06 16:52:31 481

转载 vue--中英文切换

安装: npm install vue-i18n 兼容性 支持vue2.x以上版本 使用方法: 1. 在main.vue中引用 import VueI18n from ‘vue-i18n’ 2. 然后使用 Vue.use(VueI18n) ...

2018-09-04 10:53:43 2849 1

原创 google地图--自定义标记以及点击事件

最近看到朋友正在用谷歌地图做定位项目,看到地图实现的效果比较炫酷,很是喜欢,就模仿学习其中常用的一些效果。我们经常写的就是定位系统。点击marker标记弹出框。但是谷歌地图弹出的框可能和我们的设计图不符合,这时候我们就要认为修改设计图来实现效果。1.谷歌地图的基本使用 实现效果 代码如下:<!doctype html><html><hea...

2018-08-25 15:59:26 7142

转载 css--loading加载动画

演示结果 <h1> CSS LOADERS</h1><div class="box"> loader-01 <div class="loader-01"> </div></div><div class="box"> l

2018-08-21 10:57:15 1328

原创 rem结合scss解决移动端自适应大小

原因 我们眼中看到的屏幕是由一个一个物理像素组成的,而我们css使用的是逻辑像素,也可以成为虚拟像素。在我们呈现结果的终端,它们的像素比可能都不一样,这时候我们要采用设备的像素比(DPR),它体现了物理像素和逻辑像素之间的关系,计算公式如下所示: DPR = 物理像素/逻辑像素 所以我们可以知道为啥我们设置的都是12px,14px,为啥显示字体大小不一样。 rem介绍 rem 是相...

2018-08-21 10:47:03 3332

原创 光标定位到最后一个元素后面

1.问题描述 我们在项目开发中遇到这样一个问题,是说当弹出输入建议框时,默认聚焦,弹出软键盘,点击蒙层,关闭建议框之后,再次点击按钮,输入的文字保持不变,光标默认显示早文字后面。 解决办法 let tObj = document.getElementById("#input"); let sPos = tObj.value.length; ...

2018-08-20 17:15:23 4016 1

转载 react--组件通讯

父组件->子组件 父子组件通讯我们是利用props来传递的。 例如:class Parent extends Component{ state = { msg: 'start' }; componentDidMount() { setTimeout(() => { this.setState({ msg: 'end' ...

2018-08-08 21:57:47 285 1

原创 移动端1px相对比设计稿变粗的问题

问题描述 设计最近找我说,文字的边框很粗,和设计稿不匹配,当时由于项目紧,没有特别注意这个细节,现在让我在这个版本迭代修改了。 原因 首先我么要先找到原因,因为css中的1px不等于移动设备的1px,由于不同的手机有不同的像素密度。在window对象中有一个devicePixelRatio属性,他可以反应css中的像素与设备的像素比。 devicePixelRatio的官方的定义为:设备物...

2018-08-08 21:28:07 581

原创 移动端文字垂直居中上移问题

移动端的这个问题真的能把人逼疯。我为了解决这个问题,尝试用line-height,flex布局,定位等操作,文字还是上移。最后还是用定位+margin-top来解决的,哪位大佬有好的办法吗?...

2018-08-08 21:15:31 3590 1

转载 setState--深入认识

https://zhuanlan.zhihu.com/p/39512941?utm_source=wechat_timeline&utm_medium=social&utm_oi=32695493066752&from=timeline

2018-08-03 17:24:14 234

原创 react--页面多个倒计时的setInterval的状态存储

问题描述 首先我们了解一下需求,点击催一催倒计时60s,在不同的问题,不同的标签下,不同的用户倒计时状态不一样。 解决方案 我们一开始在render渲染之前,在componentWillMount周期里面,设置localStorage的key值,然后判断在localStorage里面是否有该key值,有的话,就说明该用户已经被催过,还是在倒计时的状态,点击催一催的时候,利用localStor...

2018-08-03 13:47:18 2417 1

原创 微信小程序踩坑之路--01 组件层级过高

问题描述 我在开发小程序的过程中,遇到video,textarea等组件层级过高,其他元素无法遮盖这些组件,让人抓狂。 案例1 textarea组件元素过高,当有toast弹出时,文字浮于上方,效果如图所示: 我们看到textarea组件文字层级高于toast,那么怎么解决呐? 首先我们在网上找资料,看到的大部分解决方案是让组件隐藏,但是在这个情况下,是不合适的。我找到...

2018-07-31 09:37:36 3802

原创 移动端开发遇到的兼容性问题

我开始做这个移动端项目,已经有一段时间了,我大致把我遇到的一些问题列举出来。以便加深自己对于技术点的理解,也可以相互学习与交流。1. button高亮显示问题 现象: 点击置灰状态的button按钮,按钮会闪一下蓝色,这和我原本的样式冲突。在此之前已经清除了outline:none,:active伪类元素等造成的影响,那么为什么还是会有这种现象。 我们在做移动端开发的时候忽略了一个鲜为...

2018-07-27 17:31:07 1009

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除