水中月120的博客_JavaScript,Java,Ajax,j2ee,Web开发,Mysql,Oracle,Oracle认证,电子商务,javascript,java,angular

联想输入插件--AutoComplete

置顶原创精选 2015-09-20 14:08:00 1926 阅读 2点赞 1收藏

自己开发的select组件（通过input+li等模拟select下拉效果）

自己开发的select组件（通过inpu

置顶原创精选 2015-09-25 17:33:24 4029 阅读 1评论

seaJs原理分析和源码解读（上）

原理分析

seaJs

源码解读

原创 2016-01-22 16:08:40 1396 阅读

DNS原理及其解析过程

转载精选 2015-12-22 11:24:55 808 阅读

网站优化：浏览器缓存控制简介及配置策略

《高性能建站指南》看了很多遍，一直没有搞清楚缓存这一块。。什么expired,last-modified,eTag等等，自己只是知道，并没有深入了解，在http请求中，这些字段是如何判断是否需要从服务端重新拿文件还是利用缓存。看到了一篇不错的文章，分享一下。

网站优化：浏览器缓存控制简介及配置策略

转载精选 2015-12-21 10:59:55 1688 阅读

为什么我们放弃css sprite使用iconfont字体图标

为什么我们放弃css sprite使用i

原创精选 2015-12-08 19:23:57 2612 阅读

canvas toDataURL转base64实现多张图片合成一个图片

canvas toDataURL转bas

原创 2015-12-08 17:46:23 9023 阅读 1点赞

利用label for标签实现漂亮的上传按钮

利用label for标签实现漂亮的上传

原创 2015-12-01 14:40:53 2705 阅读

使用Glup.JS优化JS、CSS、图片，压缩合并

压缩合并

使用Glup.JS优化JS、CSS、图片

原创 2015-12-01 10:37:05 1889 阅读

使用window.performance分析web前端性能

使用window.performance

原创推荐 2015-11-30 21:38:50 10000+阅读 1点赞 1评论

值得收藏！Web开发的各种性能工具

转载精选 2015-11-21 11:29:41 662 阅读

chrome下教你如何查看元素绑定的事件

在前端调试的时候，我们经常遇到这一个问题，要想审查特定元素上绑定的事件; 通常来讲，在chrome开发者工具有一栏Event listeners可以查看特定元素上绑定的事件，但是当我们使用诸如jquery之类的类库时，会发现找到事件处理函数还是比较苦恼的，本篇博客介绍一个chrome插件，并介绍如何使用，希望能帮助你

chrome下教你如何查看元素绑定的事件

原创 2015-11-15 18:11:27 10000+阅读 1点赞

移动端手指左右滑动切换内容demo

原创 2015-11-12 14:28:22 5486 阅读

css框架---网易NEC之css规范，使用和学习心得

关于网易NEC，我最早听说是在三个月前；是一位三年多工作经验的前端大牛，推荐的；然后自己看了一下觉得非常不错。也就在公司项目中使用了，并逐渐喜欢了这种风格。现在，差不多用了三个多月；今天呢，再次拜读了新浪前端大牛--曹刘阳的《编写高质量代码--Web前端开发修炼之道》，这本书是10年出来的，里面关于css样式文件如何分类，整理；样式如何命名，如何写出简洁，高效，可复用的css的见解，很多都能在NEC中找到影子；很多地方都不谋而合。所以呢，我就再次拾人牙慧，说说自己的使用心得。

css框架---网易NEC之css规范

使用和学习心得

原创 2015-11-08 23:04:10 2357 阅读

2015前端组件化框架之路

2015前端组件化框架之路.。。一位大牛谈了自己对前端组件化，前端框架等等方面的见解。。虽然没看懂多少；但至少让我知道我的路还很长，正如那就老话”路漫漫其修远兮，吾将上下而求索“。。。希望各位FED共勉！

2015前端组件化框架之路

转载精选 2015-11-07 10:51:25 474 阅读

chrome DevTools Theme-Zero Dark Matrix体验

昨晚在tuiku上看文章；忽然发现了一个很吊的chrome DevTools Theme: Zero Dark Matrix 早上上班折腾了十几分钟搞定。分享给大家本人一直喜欢喜欢用chrome浏览器进行开发和调试；但是F12之后界面一片白色不够酷；现在安装了这个插件所以瞬间心情大好。

Zero Dark Matrix

原创 2015-11-05 09:51:54 2583 阅读

图片上传

最近项目在搞重构，一个很重要的图片上传功能之前是上个前端从网上找的严重不支持ie8,ie9;而且产品经理还对上传插件提了好多新的要求，然后，插件被改的面目全非，而且改的很痛苦；现在终于有了时间重构；自己花了三天不到时间写了一个图片上传插件（也不能算是插件，因为可能只是符合我们现有的要求，而且通用性不太好）。这里分享给大家，不是让大家拿过去用；而是梳理上传的思路，分享自己写代码过程中的一些心得体会等等

图片上传

原创 2015-11-02 16:40:01 852 阅读

关于瀑布流的若干想法

瀑布流在目前比较流行；我们项目中也用到了；今天终于有时间分享一下自己的一些想法总的来讲，目前瀑布流的实现方式大概流行的有3种。下面一一解释其实现原理，以及优劣性。

关于瀑布流的若干想法

原创 2015-11-02 16:39:04 1087 阅读

构建高性能WEB之HTTP首部优化

转载精选 2015-10-05 18:04:48 627 阅读

从输入 URL 到页面加载完成的过程中都发生了什么事情？

“从输入 URL 到页面加载完成的过程中都发生了什么事情？”是我在伯乐在线上发现的一篇不错的博客；很深入的阐述了URL到页面加载的整个过程；我只是粗略的看了一下。完全理解还需要很厚的知识沉淀。

从输入 URL 到页面加载完成的过程中都

转载精选 2015-10-05 17:58:51 760 阅读

前端图片选择问题

之前个人对于图片的问题，一直还是显得不是很重视。但其实对于互联网来说，可能图片的内容已经占据了整个互联网的大半部分，因此我们很大一部分流量的消耗，都是用在了图片上面，因此，对于图片有一些认识肯定是现在所必须的。所以趁今天这个不太忙的机会，打算对于图片的问题做一个简单地总结，也算是对之前没掌握到的东西的一个学习与备忘过程。

前端图片选择问题

转载精选 2015-10-02 16:51:07 568 阅读

web前端性能优化-图片优化实战分享

项目做完顺利上线了。上线之前的2天做了一点性能上的优化。由于我们这个项目最主要的就是图片。所以，就准备对自己负责的模块的图片和图标进行适当的优化。因为以前看过雅虎军规。所以主要从减少请求数量，图片压缩，以及cssSprite对图片进行一些处理。

web前端性能优化-图片优化实战分享

原创 2015-09-30 19:26:14 1023 阅读

IE8,input事件穿透

IE8

input事件穿透

原创精选 2015-09-30 18:44:35 2434 阅读

select 组件-bug解决方案

前面博客写了一个模拟select的组件，文中还说到了一个问题；那天晚上想了一个方案第二天试了一下，是可以的；前几天一直赶进度，乘着周末分享出来。

select 组件

原创 2015-09-27 18:40:32 523 阅读

2款比较炫的图片左右切换，放大效果。

2款比较炫的图片左右切换

放大效果。

原创 2015-09-25 17:34:32 741 阅读

关于type=file；事件只执行一次的问题

关于type=file；事件只执行一次

原创 2015-09-19 09:25:13 8239 阅读 1点赞 2评论

大公司里怎样开发和部署前端代码？

转载精选 2015-09-16 16:11:00 362 阅读 1点赞 1收藏

图像映射

不知道多少人知道或者了解“图片映射”这个概念。我是去年毕业设计时，发现了这个神奇的东东，前几天服装网做专题又遇到类似的问题，大概是这个样子，有如下的一张地图；地图上的每一个图标标注的位置代表一个世界著名城市；现在想要的效果时，鼠标移到标注的位置上时，显示一段介绍文字。

图像映射 img--map

原创 2015-09-13 16:29:32 519 阅读

模拟type=file;上传并预览图片

原创 2015-09-13 15:37:36 4683 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	在线客服	网站地图	意见反馈

开源基础软件社区	51CTO学堂
51CTO	汽车开发者社区

51CTO博客

shuizhongyue

联想输入插件--AutoComplete

自己开发的select组件（通过input+li等模拟select下拉效果）

seaJs原理分析和源码解读（上）

DNS原理及其解析过程

网站优化：浏览器缓存控制简介及配置策略

为什么我们放弃css sprite使用iconfont字体图标

canvas toDataURL转base64实现多张图片合成一个图片

利用label for标签实现漂亮的上传按钮

使用Glup.JS优化JS、CSS、图片，压缩合并

使用window.performance分析web前端性能

值得收藏！Web开发的各种性能工具

chrome下教你如何查看元素绑定的事件

移动端手指左右滑动切换内容demo

css框架---网易NEC之css规范，使用和学习心得

2015前端组件化框架之路

chrome DevTools Theme-Zero Dark Matrix体验

图片上传

关于瀑布流的若干想法

构建高性能WEB之HTTP首部优化

从输入 URL 到页面加载完成的过程中都发生了什么事情？

前端图片选择问题

web前端性能优化-图片优化实战分享

IE8,input事件穿透

select 组件-bug解决方案

2款比较炫的图片左右切换，放大效果。

关于type=file；事件只执行一次的问题

大公司里怎样开发和部署前端代码？

图像映射

模拟type=file;上传并预览图片

最近两个月