摘要：这个问题的思路就是内容盒子的内容滑动到最底部的时候，加载新的内容。 判断上述情况需要有三个值： 1、内容盒子的高度 2、盒子里内容的总高度 3、滚动条的scrollTop 获取到三个值以后，只需要判断内容盒子的高度+滚动条的scrollTop = 盒子内容的高度即为触底。 以window为例方法如下 阅读全文

摘要：js对数字取整的方法有四种，分别为 1、parseInt（） 丢弃小数部分，只保留整数 2、Math.ceil() 向上取整 3、Math.round() 四舍五入取整 4、Math.floor() 向下取整 如有表述不准确之处，欢迎指正，欢迎补充，感谢阅读。 阅读全文

摘要：本文介绍select添加option的两种方法 1、使用selectObject.add(option,before)方法，其中 option为要添加选项元素。必需是 option 或 optgroup 元素 before为在选项数组的该元素之前增加新的元素。如果该参数是null，元素添加到选项数组 阅读全文

摘要：很常见的问题，也有许多人写过类似的文章，自己写来记录下 css代码如下： dom结构如下： 效果如下： 需要注意的是： 1、label需要写在 input 后面，因为 label 的样式是根据input设置的 2、隐藏ijnput的时候不要使用 display:none ,因为这样会把它从键盘 ta 阅读全文

摘要：做移动端项目的时候产品提了一个长按文字复制的功能，第一反应是这个不是Webview自带的功能吗? 打开APP自己试了下，发现果然无法长按复制，后来发现是因为公共CSS文件中设置了 user-select:none ，之所以设置该属性是因为html中可能有些地方不想让用户复制文字，或是用a标签做了个点 阅读全文

摘要：关于文本换行有三个属性： white-space word-break word-wrap white-space normal 默认。空白会被浏览器忽略 pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签 nowrap 文本不会换行，文本会在在同一行上继续，直到遇到 <b 阅读全文

摘要：Flex项目有以下6个属性： order flex-grow flex-shrink flex-basis flex align-self order flex-grow flex-shrink flex-basis flex align-self order属性定义项目的排列顺序。数值越小，排列越 阅读全文

摘要：本文部分内容参考阮一峰大神博客，原文地址：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html Flex布局即弹性布局，使用起来十分方便灵活。 一、开始使用 任何容器都可以指定为Flex布局。 css代码如下： dom结构如下： 效果如下： 阅读全文

摘要：之前写过一篇文章，是解决弹框显示的时候， body 不允许滑动，思路大致如下： 弹框显示时，设置 html 和 body overflow:hidden ,并阻止浏览器的默认行为； 弹框隐藏时，设置 html 和 body overflow:auto ,并方法浏览器默认行为。 但是这种办法当弹框里面 阅读全文

摘要：在开发移动端项目的时候测试提出优化问题，即： input 获取焦点弹出系统虚拟键盘时， input 被键盘遮挡问题（PS：此问题只在安卓手机上有，ios系统是有自动处理的）。 解决办法为： 当 input 获取焦点时，获取 input 在页面中位置相对屏幕一半位置的距离 thisTop，然后给 bo 阅读全文