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

联想输入插件--AutoComplete

置顶原创点赞2 阅读1752 收藏1 评论0 2015-09-20

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

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

置顶原创点赞0 阅读3846 收藏0 评论1 2015-09-25

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

原理分析

seaJs

源码解读

原创点赞0 阅读1336 收藏0 评论0 2016-01-22

DNS原理及其解析过程

转载点赞0 阅读758 收藏0 评论0 2015-12-22

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

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

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

转载点赞0 阅读1551 收藏0 评论0 2015-12-21

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

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

原创点赞0 阅读2291 收藏0 评论0 2015-12-08

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

canvas toDataURL转bas

原创点赞1 阅读8580 收藏0 评论0 2015-12-08

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

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

原创点赞0 阅读2516 收藏0 评论0 2015-12-01

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

压缩合并

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

原创点赞0 阅读1804 收藏0 评论0 2015-12-01

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

使用window.performance

原创推荐点赞1 阅读10000+ 收藏0 评论1 2015-11-30

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

转载点赞0 阅读540 收藏0 评论0 2015-11-21

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

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

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

原创点赞1 阅读10000+ 收藏0 评论0 2015-11-15

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

原创点赞0 阅读5107 收藏0 评论0 2015-11-12

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

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

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

使用和学习心得

原创点赞0 阅读2074 收藏0 评论0 2015-11-08

2015前端组件化框架之路

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

2015前端组件化框架之路

转载点赞0 阅读451 收藏0 评论0 2015-11-07

chrome DevTools Theme-Zero Dark Matrix体验

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

Zero Dark Matrix

原创点赞0 阅读2459 收藏0 评论0 2015-11-05

图片上传

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

图片上传

原创点赞0 阅读808 收藏0 评论0 2015-11-02

关于瀑布流的若干想法

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

关于瀑布流的若干想法

原创点赞0 阅读981 收藏0 评论0 2015-11-02

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

转载点赞0 阅读564 收藏0 评论0 2015-10-05

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

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

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

转载点赞0 阅读730 收藏0 评论0 2015-10-05

前端图片选择问题

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

前端图片选择问题

转载点赞0 阅读518 收藏0 评论0 2015-10-02

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

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

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

原创点赞0 阅读935 收藏0 评论0 2015-09-30

IE8,input事件穿透

IE8

input事件穿透

原创点赞0 阅读2238 收藏0 评论0 2015-09-30

select 组件-bug解决方案

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

select 组件

原创点赞0 阅读433 收藏0 评论0 2015-09-27

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

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

放大效果。

原创点赞0 阅读689 收藏0 评论0 2015-09-25

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

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

原创点赞1 阅读8082 收藏0 评论2 2015-09-19

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

转载点赞1 阅读327 收藏1 评论0 2015-09-16

图像映射

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

图像映射 img--map

原创点赞0 阅读476 收藏0 评论0 2015-09-13

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

原创点赞0 阅读4514 收藏0 评论0 2015-09-13

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

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;上传并预览图片

最近两个月