- 博客(14)
- 收藏
- 关注
RSS订阅转载 textarea 高度自适应细节展示
textarea 高度自适应细节展示用 textarea 实现输入框，在用户输入时，设置输入框的高度为 auto然后取出输入框的 scrollHeight ，这个属性是指，在不出现滚动条的情况下把元素的内容(包含 padding )全部显示出来的最小高度最后重新设置输入框的高度为 scrollHeight最后，会发现，当输入内容不满一行时，输入框会变高，这是因为 textarea 的 ro...
2019-03-06 16:52:31
482
转载 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
2851
1
原创 google地图--自定义标记以及点击事件
最近看到朋友正在用谷歌地图做定位项目，看到地图实现的效果比较炫酷，很是喜欢，就模仿学习其中常用的一些效果。我们经常写的就是定位系统。点击marker标记弹出框。但是谷歌地图弹出的框可能和我们的设计图不符合，这时候我们就要认为修改设计图来实现效果。1.谷歌地图的基本使用 实现效果 代码如下：<!doctype html><html><hea...
2018-08-25 15:59:26
7150
转载 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
3333
原创 光标定位到最后一个元素后面
1.问题描述 我们在项目开发中遇到这样一个问题，是说当弹出输入建议框时，默认聚焦，弹出软键盘，点击蒙层，关闭建议框之后，再次点击按钮，输入的文字保持不变，光标默认显示早文字后面。 解决办法 let tObj = document.getElementById("#input"); let sPos = tObj.value.length; ...
2018-08-20 17:15:23
4017
1
转载 react--组件通讯
父组件->子组件 父子组件通讯我们是利用props来传递的。 例如：class Parent extends Component{ state = { msg: 'start' }; componentDidMount() { setTimeout(() => { this.setState({ msg: 'end' ...
2018-08-08 21:57:47
288
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&amp;utm_medium=social&amp;utm_oi=32695493066752&amp;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
2420
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关注的人