2017年04月_mingqingyuefeng

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

转载头部固定悬浮table表头(thead)的方法

这两天接了一个需求，页面是这样的然后需求是页面中的这个表格当页面向上滚动，且表格的表头到达窗口上方时，表头悬浮在页面的上方，表格正常滚动，这样表格内的数据可以随时看到表头内容。一开始我认为这是极简单的，就当页面滚动，判断表头到窗口的距离，当=0的时候触发事件然后让表头position:fixed不就万事大吉了吗？于是我对漂亮又萌萌哒的产品妹子说，放心吧，这个简单的很一会就能

2017-04-28 17:30:23 19835 4

转载那些年踩过的坑之:first-child伪类选择器

:first-child 选择器用于选取属于其父元素的首个子元素的指定选择器。——w3school嗯，乍一看好像说的不是很明白，因此这个选择器很容易让人误解，通常会有两种误解：误解一：认为E:first-child选中E元素的第一个子元素。误解二：认为E:first-child选中E元素的父元素的第一个E元素。你是不是也曾这样理解这个选择器或者现在仍然这样理解？以上两种理解

2017-04-28 16:56:18 333

转载 jQuery中:first，:first-child，first()的使用区别

:first 获取第一个元素。:first-child 选择器选取属于其父元素的第一个子元素的所有元素。first() 返回被选元素的首个元素。测试代码如下：[html] view plain copy> html> head> meta charset="UTF-8"> title>Insert tit

2017-04-28 16:54:56 492

转载阿里前端两年随想

其实按照我的情怀和尿性，文章的标题应该是前端登堂入室宝典、前端成长就这三招之类，奈何这是篇软文 ~看官先别急Command + W，尤其是和我经历类似做着其它岗位的工作，却多少会接触一些前端发现有些兴趣，但又不肯定这应该是自己未来也会有些成就感，但似乎挫折和沮丧来的更多一些我可以负责任的说，这是一篇有态度的软文欲语泪先流我希望做些有用的事情，甚至

2017-04-28 15:50:59 354

转载前端的几点认识

1. 要有比较好的计算机基础这里的计算机基础指的是数据结构与算法，操作系统，编译原理，计算机网络等等。虽然相对于其他方向而言，前端在工作中用到计算机基础的地方可能少一点，但是无论大小厂，招实习生其实都是为正式招聘做储备，所以会比较希望招将来有更大发展空间的人，就像里 Web 前后端分离的意义大吗？ - 知乎用户的回答和怎样成为全栈工程师（Full Stack Developer）？ - 知乎用

2017-04-28 15:28:28 618

转载 jquery操作checked属性以及disabled属性的多种方法

这篇文章主要介绍了jquery控制checked属性以及disabled属性的多种方法,下面只提到checked,其实disabled在jquery里的用法和checked是一模一样的,需要的朋友可以参考下下边两种写法没有任何区别只是少了些代码而已...复制代码代码如下:jquery判断checked的三种方法:

2017-04-27 20:18:45 650

原创根据select选项，显示不同的表单，进而提交显示的数据

最近公司在做项目的过程中，出现表单中，需要根据select的不同选项，进而显示不同的不同的input选项，同时，提交的时候，只提交当时显示的input数据。整理了下思路来解决这个问题。首先，表单中的input选项，不管是display：none；还是hidden，点击表单中的button按钮时，都会提交上去。jQuery的serialize()方法也是不管是display：none还是h

2017-04-27 20:10:19 6812 2

转载简单实现根据选项显示不同的表单

1 DOCTYPE html> 2 html> 3 4 head> 5 meta charset="utf-8" /> 6 title>动态表单提交title> 7 head> 8 9 body>10 form id="questionForm">11 名字:12

2017-04-27 13:26:13 4383

转载表单格式化插件jquery.serializeJSON

前言前端在处理含有大量数据提交的表单时，除了使用Form直接提交刷新页面之外，经常碰到的需求是收集表单信息成数据对象，Ajax提交。而在处理复杂的表单时，需要一个一个区手动判断处理字段值，显得非常麻烦。接下来介绍的插件将解决这个问题。关于serializeJSON使用jquery.serializeJSON，可以在基于jQuery或者Zepto的页面中，调用 .se

2017-04-25 16:52:42 9349

转载 ajax返回数据成功，却进入error方法

前端调错（一）---ajax返回数据成功，却进入error方法今天同事在调ajax的时候遇到了一个问题，明明ajax成功的返回了数据，但是每次执行的时候都进入error方法。那么如何才能找到问题的原因呢？如下[javascript] view plain copy print?

2017-04-18 15:00:17 18917 2

原创 HTML5 data-*自定义属性

HTML5data-*自定义属性近期由于工作需要，对于data-*属性进行添加、删除操作，但是发现使用jQuery的data（）方法，没有办法实现，在经过查找资料后，终于找到原因。在HTML5中添加了data-*的方式来自定义属性，所谓data-*实际上上就是data-前缀加上自定义的属性名，使用这样的结构可以进行数据存放。使用data-*可以解决自定义属性混乱无管理的现状。误区：

2017-04-15 23:45:41 415

转载浅谈Javascript中的函数重载实现

其它面向对象语言如Java的一个常见特性是：能够根据传入的不同数量量或类型的参数，通过“重载”函数来发挥不同的功用。但是这个特性在Javascript中并没有被直接支持，可是有很多办法实现这一功能。不管何种面向对象语，函数重载必须依赖两件事情，分别是：1）判断传入参数数量的能力2）判断传入参数类型的能力第1件事情：Javascript判断传入参数数量Javascri

2017-04-14 16:50:15 411

原创前端实现页面元素拖拽

要实现拖拽的效果，有两种实现方式：插件：Resizable | jQuery UI或者jquery-resizable-columns 原生：文章-怎么用 javascript 实现拖拽 mousedown：记录鼠标当前坐标mousemove：对比当前坐标与mousedown的坐标div宽width : div.height +

2017-04-11 14:49:05 4561

转载怎么用 javascript 实现拖拽

原文链接：http://caibaojian.com/javascript-drop.html在网页上实现拖拽其实不难，第一我们需要知道鼠标的位置，第二我们需要知道当用户点击一个网页元素时这个元素要能够拖拽。怎么用 javascript 实现拖拽 – 示例1获取鼠标移动信息·开始我们需要获取鼠标的坐标．我们添加一个document.onmousemove 就可以达到此目的:

2017-04-11 14:41:56 649

转载 CSS设置滚动条样式

因为在现在的大部分项目中很多都用到了滚动条，有时候用到模拟的滚动条，现在说下滚动条的CSS也能解决。比如网易邮箱的滚动条样子很好看，就是利用的CSS来设置的，而且是webkit浏览器的。如图所示：下面就讲解这几个属性怎么使用，代表什么意思。一：webkit下面的CSS设置滚动条主要有下面7个属性::-webkit-scrollbar 滚动条整体部分，可以设置宽

2017-04-11 13:13:06 1084

转载 CSS3自定义滚动条样式 -webkit-scrollbar

有没有觉得浏览器自带的原始滚动条很不美观，同时也有看到很多网站的自定义滚动条显得高端，就连chrome32.0开发板都抛弃了原始的滚动条，美观多了。那webkit浏览器是如何自定义滚动条的呢？前言webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式，所以用处还是挺大的。当然，兼容所有浏览器的滚动条样式目前是不存在的。演示

2017-04-11 13:11:31 255