2018年5月14日

摘要: 本文介绍select添加option的两种方法 1、使用selectObject.add(option,before)方法,其中 option为要添加选项元素。必需是 option 或 optgroup 元素 before为在选项数组的该元素之前增加新的元素。如果该参数是null,元素添加到选项数组 阅读全文
posted @ 2018-05-14 12:53 前端_奔跑的蜗牛 阅读(8873) 评论(2) 推荐(0) 编辑

2018年5月11日

摘要: 很常见的问题,也有许多人写过类似的文章,自己写来记录下 css代码如下: dom结构如下: 效果如下: 需要注意的是: 1、label需要写在 input 后面,因为 label 的样式是根据input设置的 2、隐藏ijnput的时候不要使用 display:none ,因为这样会把它从键盘 ta 阅读全文
posted @ 2018-05-11 15:57 前端_奔跑的蜗牛 阅读(631) 评论(0) 推荐(0) 编辑
 
摘要: 做移动端项目的时候产品提了一个长按文字复制的功能,第一反应是这个不是Webview自带的功能吗? 打开APP自己试了下,发现果然无法长按复制,后来发现是因为公共CSS文件中设置了 user-select:none ,之所以设置该属性是因为html中可能有些地方不想让用户复制文字,或是用a标签做了个点 阅读全文
posted @ 2018-05-11 11:42 前端_奔跑的蜗牛 阅读(17283) 评论(0) 推荐(1) 编辑
 
摘要: 关于文本换行有三个属性: white-space word-break word-wrap white-space normal 默认。空白会被浏览器忽略 pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签 nowrap 文本不会换行,文本会在在同一行上继续,直到遇到 <b 阅读全文
posted @ 2018-05-11 10:39 前端_奔跑的蜗牛 阅读(1119) 评论(0) 推荐(0) 编辑

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属性定义项目的排列顺序。数值越小,排列越 阅读全文
posted @ 2018-05-07 11:48 前端_奔跑的蜗牛 阅读(1421) 评论(0) 推荐(0) 编辑

2018年5月4日

摘要: 本文部分内容参考阮一峰大神博客,原文地址:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html Flex布局即弹性布局,使用起来十分方便灵活。 一、开始使用 任何容器都可以指定为Flex布局。 css代码如下: dom结构如下: 效果如下: 阅读全文
posted @ 2018-05-04 15:26 前端_奔跑的蜗牛 阅读(1549) 评论(0) 推荐(0) 编辑

2018年5月3日

摘要: 之前写过一篇文章,是解决弹框显示的时候, body 不允许滑动,思路大致如下: 弹框显示时,设置 html 和 body overflow:hidden ,并阻止浏览器的默认行为; 弹框隐藏时,设置 html 和 body overflow:auto ,并方法浏览器默认行为。 但是这种办法当弹框里面 阅读全文
posted @ 2018-05-03 15:03 前端_奔跑的蜗牛 阅读(2809) 评论(0) 推荐(0) 编辑
 
摘要: 在开发移动端项目的时候测试提出优化问题,即: input 获取焦点弹出系统虚拟键盘时, input 被键盘遮挡问题(PS:此问题只在安卓手机上有,ios系统是有自动处理的)。 解决办法为: 当 input 获取焦点时,获取 input 在页面中位置相对屏幕一半位置的距离 thisTop,然后给 bo 阅读全文
posted @ 2018-05-03 14:41 前端_奔跑的蜗牛 阅读(912) 评论(0) 推荐(1) 编辑

2018年4月13日

摘要: 在使用webstrom的时候遇到问题: 打开项目,只显示package.json和webpack.config.js其他文件夹和文件都不显示 解决办法: 1.关闭webstrom当前项目 2.找到项目目录删除.idea文件夹 3.用webstrom打开此项目,项目目录显示正常 阅读全文
posted @ 2018-04-13 10:17 前端_奔跑的蜗牛 阅读(1300) 评论(0) 推荐(0) 编辑

2018年3月15日

摘要: 方法如下: 如有表述不准确之处,欢迎指正,欢迎补充,感谢阅读! 阅读全文
posted @ 2018-03-15 11:53 前端_奔跑的蜗牛 阅读(2173) 评论(2) 推荐(0) 编辑