摘要:
本文介绍select添加option的两种方法 1、使用selectObject.add(option,before)方法,其中 option为要添加选项元素。必需是 option 或 optgroup 元素 before为在选项数组的该元素之前增加新的元素。如果该参数是null,元素添加到选项数组 阅读全文
2018年5月14日
2018年5月11日
摘要:
很常见的问题,也有许多人写过类似的文章,自己写来记录下 css代码如下: dom结构如下: 效果如下: 需要注意的是: 1、label需要写在 input 后面,因为 label 的样式是根据input设置的 2、隐藏ijnput的时候不要使用 display:none ,因为这样会把它从键盘 ta 阅读全文
摘要:
做移动端项目的时候产品提了一个长按文字复制的功能,第一反应是这个不是Webview自带的功能吗? 打开APP自己试了下,发现果然无法长按复制,后来发现是因为公共CSS文件中设置了 user-select:none ,之所以设置该属性是因为html中可能有些地方不想让用户复制文字,或是用a标签做了个点 阅读全文
2018年5月7日
摘要:
Flex项目有以下6个属性: order flex-grow flex-shrink flex-basis flex align-self order flex-grow flex-shrink flex-basis flex align-self order属性定义项目的排列顺序。数值越小,排列越 阅读全文
2018年5月4日
摘要:
本文部分内容参考阮一峰大神博客,原文地址:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html Flex布局即弹性布局,使用起来十分方便灵活。 一、开始使用 任何容器都可以指定为Flex布局。 css代码如下: dom结构如下: 效果如下: 阅读全文
2018年5月3日
摘要:
之前写过一篇文章,是解决弹框显示的时候, body 不允许滑动,思路大致如下: 弹框显示时,设置 html 和 body overflow:hidden ,并阻止浏览器的默认行为; 弹框隐藏时,设置 html 和 body overflow:auto ,并方法浏览器默认行为。 但是这种办法当弹框里面 阅读全文
摘要:
在开发移动端项目的时候测试提出优化问题,即: input 获取焦点弹出系统虚拟键盘时, input 被键盘遮挡问题(PS:此问题只在安卓手机上有,ios系统是有自动处理的)。 解决办法为: 当 input 获取焦点时,获取 input 在页面中位置相对屏幕一半位置的距离 thisTop,然后给 bo 阅读全文
2018年4月13日
摘要:
在使用webstrom的时候遇到问题: 打开项目,只显示package.json和webpack.config.js其他文件夹和文件都不显示 解决办法: 1.关闭webstrom当前项目 2.找到项目目录删除.idea文件夹 3.用webstrom打开此项目,项目目录显示正常 阅读全文