标签归档：Jquery

2021
03-05

推荐几款比较好看HTML admin后台模板

1.H+ (收费版) H+是一个完全响应式，基于Bootstrap3.3.6最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术，她提供了诸多的强大的可以重新组合的UI组件，并集成了最新的jQuery版本(v2.1.4)，当然，也集成了很多功能强大，用途广泛.... Read More >

2017
09-28

前端数据模拟，mock.js让前端独立于后端进行开发

解决的问题 开发时，后端还没完成数据输出，前端只好写静态模拟数据。 数据太长了，将数据写在js文件里，完成后挨个改url。 某些逻辑复杂的代码，加入或去除模拟数据时得小心翼翼。 想要尽可能还原真实的数据，要么编写更多代码，要么手动修改模拟数据。 特殊的格式，例如IP,随机数，图片，地址，需要去收集。 超烂的破网速… … 以上都不再是问题 接下来体验 拦截aja.... Read More >

2017
04-19

[转]获取元素CSS值之getComputedStyle方法

一、getComputedStyle是？ getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值。返回的是一个CSS样式声明对象([object CSSStyleDeclaration])，只读。 getComputedStyle() gives the final u.... Read More >

2016
12-07

构建单页Web应用

单页应用是什么？ 让我们先来看几个网站： coding teambition cloud9 注意这几个网站的相同点，那就是在浏览器中，做了原先“应当”在客户端做的事情。它们的界面切换非常流畅，响应很迅速，跟传统的网页明显不一样，它们是什么呢？这就是单页Web应用。 所谓单页应用，指的是在一个页面上集成多种功能，甚至整个系统就只有一个页面，所有的业务功能都是它的子模块.... Read More >

2016
10-24

手机上的图片展示 PhotoSwipe

PhotoSwipe 是专为移动触摸设备设计的相册/画廊.兼容所有iPhone、iPad、黑莓6+,以及桌面浏览器.底层实现基于HTML/CSS/JavaScript,是一款免费开源的相册产品。 官方网站 http://www.photoswipe.com/ 源码示例 http://github.com/downloads/codecomputerlove/PhotoSwipe/c.... Read More >

2016
10-24

[转]移动开发框架剖析(一) Hammer专业的手势控制

一直在写jQuery的源码教程，都没时间研究别的框架了。Hammer是我项目御用的一个手势库，早期1.x版本的swipe事件的响应不灵敏的问题而改过源码，2.x就已经更正过来，而且源码的结构也整个翻新了一遍，不管从逻辑还是组织结构上，我个人都觉得有必要深入，所以就当作一个系列教程一起学习吧。 .... Read More >

2016
05-26

【转】4个Bootstrap3开发的后台管理模板

第一个Bootstrap后台管理模板：HTML5 Admin HTML5 Admin is mobile first and responsive justlike Bootstrap 3 and all of its features and add-ons are styled to wo.... Read More >

2016
03-11

CMD规范SeaJS简析

CMD 模块定义规范 在 Sea.js 中，所有 JavaScript 模块都遵循 CMD（Common Module Definition） 模块定义规范。该规范明确了模块的基本书写格式和基本交互规则。 在 CMD 规范中，一个模块就是一个文件。代码的书写格式如下： define(factory); define Function define 是一个全局函数，用来定义模块.... Read More >

2015
10-25

10个免费的响应式布局HTML5+CSS3模板

       现在的自由响应式的HTML5模板的有着高度的市场需求，因为他们完全改变了网站设计与开发工业来说，是比较容易的，顺手，高级语言，可以很容易地创建了很多令人惊讶的事情，很快。这些模板是易于定制，有很多不同的特点。响应式HTML5模板不仅是高质量的而且看起来伟大在每个设备的显.... Read More >

2015
09-22

50个CSS、Javascript工具（框架，库）

CSS库&工具包 Fileicon, 纯CSS文件图标的集合。     Marx, CSS重置样式     Transformicons – 使用SVG和CSS制作动画图标,标志和按钮。   .... Read More >

2015
08-08

CSS3 动画简析

CSS3属性中有关于制作动画的三个属性：Transform,Transition,Animation；我们一起学习完了Transform和Transition，让我们对元素实现了一些基本的动画效果，这些我想足以让大家激动了一阵子，今天我们趁着这个热劲继续第三个动画属性Animation的学习，单从A.... Read More >

2015
03-11

HTML5移动端手机网站开发流程

最近一直在研究移动手机网站的开发，发现做手机网站没有想象中的那么难。为什么会这么说呢？我们试想下:我们连传统的PC网站都会做，难道连一个小小的手机网站难道都搞不定吗？其实手机网站就是一个微缩版的PC网站罢了！至于为什么觉得难、觉得无从下手。 段亮觉得有以下几点： 一、没有完整的思路和流程.... Read More >

2015
03-05

[转]页面在360浏览器下的兼容性问题解决

问题的提出： Web页面在360的浏览器上，显示不正确。 但是在Firefox、chrome和IE8+以上的浏览器上，都是显示正常的。 问题的分析 1.  检查了一些Javascript框架，标准的jquery类库1.x系列，确认其工作正常，问题不是在于Javascript方面。 2.  排查掉HTML标签内容的显示 问题。 3.  怀疑是CSS在不同浏览器下的兼容性.... Read More >

2014
12-24

Grunt从入门到自定义项目模板

一.Grunt入门介绍   1. Grunt是神马   基于任务的命令行构建工具（针对JavaScript项目）   链接：http://gruntjs.com/   2. 使用Grunt的理由   前端的工具算得上是五花八门，在介绍如何Grunt之前，首先我们得反问自己：   G.... Read More >

2014
12-04

[转]互娱新官网品牌站-背后的重构技术

项目背景 2014年4月16日，由中国领先的互联网综合服务商腾讯公司举办的“UP2014腾讯互动娱乐年度发布会”在北京国家会议中心举行，互娱官网的品牌站 http://ieg.tencent.com/ 也同一时间发布。TGideas 对这一次的官方网改版进行了包装，在本次改版中，页面重构上（小李刀.... Read More >

2014
08-12

blocksit+jquery.lazyload响应式jquery瀑布流结合图片延迟加载特效

此作品是一款非常实用的jquery特效，结合了两个jquery插件jquery瀑布流插件blocksit和图片延迟加载插件 jquery.lazyload，可是很多网友们都觉得不是很懂，有点复杂，今天有空就把此作品整理了出来分享给大家学习用，如果作品有什么问题请多多反 馈。。。 实现功能的jquery代码如下： $(function(){ $("img.lazy").lazyloa.... Read More >