原生js及H5模拟鼠标点击拖拽
摘要：一.原生js 1、拖拽的流程动作 鼠标按下 触发onmousedown事件 鼠标移动 触发onmousemove事件 鼠标松开 触发onmouseup事件 2、注意事项： 要防止div移出可视框，要限制div移动的横纵坐标； 防止火狐的bug, 要在最后写上return false，阻止默认事件；
阅读全文
posted @
2017-11-30 16:42
liangyuqi
阅读(843)
推荐(0) 编辑
textarea高度自适应
摘要：一.前言 当textarea内容增多时，就会出现一个让人讨厌的滚动条，怎么样让textarea高度随内容自适应呢？ 二.使用H5 contenteditable 属性代替 contenteditable 属性规定元素内容是否可编辑。 (如果元素未设置 contenteditable 属性，那么元素会
阅读全文
posted @
2017-11-28 15:51
liangyuqi
阅读(876)
推荐(0) 编辑
圣杯布局以及双飞燕布局（栅格）
摘要：部分转自：什么是圣杯布局、双飞翼布局？ 圣杯布局和双飞翼布局解决的问题是一样的，就是两边定宽，中间自适应的三栏布局，中间栏要放在文档流前面以优先渲染。 但是圣杯布局和双飞翼布局在实现方式上有一点差别。 圣杯布局的来历是2006年发在a list part上的这篇文章： http://alistapa
阅读全文
posted @
2017-11-23 16:22
liangyuqi
阅读(3586)
推荐(0) 编辑
CSS深入理解流体特性和BFC特性下多栏自适应布局
摘要：一、块状元素的流体特性与自适应布局 块状元素像放在容器中的水流一样，内容区域会随着margin, padding, border的出现自动填满剩余空间，这就是块状元素的流体特性。 来一个小实验： div { margin-left：100px； width：100%； } 此时发现，左侧永远100p
阅读全文
posted @
2017-11-15 16:45
liangyuqi
阅读(298)
推荐(0) 编辑
js闭包详解
摘要：1.简单的例子 首先从一个经典错误谈起，页面上有若干个div， 我们想给它们绑定一个onclick方法，于是有了下面的代码 很简单的功能可是却偏偏出错了，每次alert出的值都是4， 每个span的onclick方法这时候为内部函数，所以i被闭包引用，内存不能被销毁，i的值会一直保持4, 直到程序改
阅读全文
posted @
2017-11-10 12:02
liangyuqi
阅读(260)
推荐(0) 编辑
Chrome 下input的默认样式
摘要：一.去除默认边框以及padding 二.去除聚焦蓝色边框 三.form表单自动填充变色 1.给input设置内置阴影，至少要比你的input本身大。不过，box-shadow是很慢的，适当大小。而且，如果你的input是用图片做背景的话，是没有办法做这么干的。设置transparent也不可以。 2
阅读全文
posted @
2017-11-08 14:32
liangyuqi
阅读(264)
推荐(0) 编辑
预防sql注入
摘要：前言： 这两天做项目的时候发现很多小地方没有注意js或者sql注入，平时登录都是md5加密，今天突然发现记录一下。 所谓SQL注入，就是通过把SQL命令插入到Web表单提交或输入域名或页面请求的查询字符串，最终达到欺骗服务器执行恶意的SQL命令。 过程： 类似这种很简单的页面 ，可能sql语句写法都
阅读全文
posted @
2017-11-04 18:01
liangyuqi
阅读(217)
推荐(0) 编辑
