GrowingMon的博客

需求：点击选择图片(可选多张)，确定后将选择的图片显示在页面上，点击提交将图片提交给后台。 效果图： <label>请选择一个图像文件：</label> <input type="file" id="pic_selector" multiple/> <!--multiple，可选择多张图片-->...

最近有一个需求，RecyclerView外层嵌套了一个LinearLayout，想实现点击整个LinearLayout都能响应一个事件，结果给LinearLayout和RecyclerView都加上点击事件(非itemClick)后，点击RecyclerView范围无效。可能是RecyclerView的item截获了click事件，阻止了点击的透传，做了以下处理解决 recyclerView.s

时间段的比较分为两种： 1：带日期的两个具体的时间段比较，如比较2018-01-01 12:00~14:00和2018-01-01 15:00~17:00 2：忽略日期，只比较时分秒，如比较每天的 12:00~14:00 和 18:00和22:00 两种的主要区别是第二种会涉及到跨天的问题，稍微麻烦一点，下面分开讨论。 第一种： 其实逻辑很简单，画图分情况讨论就可以了。 以下a

需求：公司在给学校做项目，有一个页面要展示一些考号，座号之类的东西，因为要经常修改，所以在后台要做一个能够自定义的页面，效果如下 创建的组件分为两种：文本组件(自定义要显示的文本，如标题等)，数据组件(如座位号等，只能修改宽高等，内容不可直接编辑)。 首先说明编辑功能的基本实现 1：布局 在每个创建出的组件中，绿色的div(.container)是最外层的d

json的排序和筛选

使用的是一个叫SmartRefreshLayout的第三方库，GitHub地址：https://github.com/scwang90/SmartRefreshLayout#1 在此首先感谢作者。 基本的使用步骤： 1.在 buld.gradle 中添加依赖 compile 'com.android.support:recyclerview-v7:26.1.0'

new Date()在ios的兼容问题

本文总结一些关于JS解析机制的问题。 首先说明JS解析机制中变量提升的概念：变量提升即将变量声明提升到它所在作用域的最开始的部分，但只是将变量声明为undefined，之后在正式执行程序时才会执行后面的赋值表达式。 下面看一个程序： (function(){ a = 5; alert(window.a); var a = 10; alert(a

分页控件在ajax请求中非常常见，页数较多时不可能一次将所有的页数显示出来，如共有20页数据，则分页控件一次固定只显示6页的页标，这需要每次点击页数后重新刷新这个页标数据，并且当前页的页标始终在中间，以下是自己写的方法(固定显示6个页标，当前页在第三个)。 注意：页码是从1而不是从0开始的。 function mathPages(index, totalpage) { //页码

业务要求是用$watch监听input输入框的内容变化，从而实时改变下面的提示，写好后发现输入空格和回车并不会被监听。 先说解决办法：给input加上 ng-trim = "false" 。 原因：angular获取输入框的值时默认ng-trim="true"  他的作用是去除文本最后的空格(如果空格后面有非空文本，则空格会被保留)，所以直接输入空格时，angular认为文本内容并没有发生改变

对象的长度不能用.length获取，用js原生的Object.keys可以获取到 var obj = {'name' : 'Tom' , 'sex' : 'male' , 'age' : '14'}; var arr = Object.keys(obj); console.log(arr); // ['name','sex','age'] console.log(arr.length)

官方网站：http://www.jscolor.com/  点击打开链接 之前在网上找了一下，没有找到详细的文档，只是讲了基本的使用方法，自己稍微研究了一下，再总结下吧。 首先在官网下载文件，http://jscolor.com/release/latest.zip  ，解压后引入，只需一个js文件，不到60kb。 创建一个选择框 value值是默认的RGB颜色，不带 ' #

一般情况下取消冒泡可以用下面的语句function cancelBubble(e){ document.all ? (e.cancelBubble = true) : (e.stopPropagation()); } 当冒泡触发的事件是绑定在相同父级元素(如document)上的事件时，可以用事件捕获来处理 $(document).on('click',function(e){

p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Consolas; color: #060606} p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Consolas; color: #289c97} p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: