2018年5月14日

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

2018年5月11日

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

2018年5月7日

Flex布局-项目的属性
摘要： 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 前端_奔跑的蜗牛 阅读(1445) 评论(0) 推荐(0)
 

2018年5月4日

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

2018年5月3日

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

2018年4月13日

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

2018年3月15日

js补零方法
摘要： 方法如下： 如有表述不准确之处，欢迎指正，欢迎补充，感谢阅读！ 阅读全文
posted @ 2018-03-15 11:53 前端_奔跑的蜗牛 阅读(2188) 评论(2) 推荐(0)
 
 
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3