加载中
使用Gulp压缩CSS/JS

一、安装 1.安装gulp npm install -g gulp 2.检查gulp 版本 gulp -v 3.在项目文件夹下安装gulp npm install --save-dev gulp 二、压缩JS 1.安装gulp-uglify模块 npm install gulp-uglify 2....

gulp es5语法转换及js/css/html压缩过程

1.在对应的目录安装: 如果没有安装gulp,先安装gulp //全局安装gulp npm install -g gulp //项目中安装gulp npm install --save-dev gulp 如果已经安装gulp,可无视上面直接安装下面. npm ins...

Highcharts x轴分组显示

<script src="https://code.highcharts.com/highcharts.js"></script> <script src="https://blacklabel.github.io/grouped_categories/grouped-categories.js"></script> <div id="containe...

2018/08/10 17:00
79
export 和 module.export 的区别

在浏览器端 js 里面,为了解决各模块变量冲突等问题,往往借助于 js 的闭包把左右模块相关的代码都包装在一个匿名函数里。而 Nodejs 编写模块相当的自由,开发者只需要关注 require,exports,...

2018/07/16 14:54
14
Django之html-模板继承

在编程的过程中,我们经常会重复性的写了很多的代码,比如一个页面的框架部分,这样我又多少个页面就得写上多少次,这样既不好维护,也不够高效,所以我们引出了html的模板继承部分。 1、写好...

2018/01/30 15:55
33
polymer1.0 delay(延迟)提交

问题描述: 1、页面源码: <paper-input floatingLabel label="Suche" value="{{search}}" error-message="Invalid input!"></paper-input> 2、相关js: properties : { search : { ...

2018/01/09 10:00
7
好用的滚动公告HTML代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>   ...

2017/10/19 14:32
30
html 可拖动宽度的div方法

效果演示:http://www.gbtags.com/gb/rtreplayerpreview/569.htm HTML: <h4>鼠标移动到矩形分割线</h4> <div class="wrap"> <div class="resizable resizable1"></div> <div class...

Css
2017/09/12 12:55
69
Css Transition Animation 动画效果简介

转自阮一峰博客:http://www.ruanyifeng.com/blog/2014/02/css_transition_and_animation.html

css
2017/09/03 23:42
11
animate.css – 齐全的CSS3动画库

演示地址:http://www.dowebok.com/demo/2014/98/ 配合aniauto功能会更强大:https://justinzzc.github.io/aniAuto/ aniauto+animate演示:https://justinzzc.github.io/aniAuto/demo/demo.h...

2017/09/03 23:15
148
自动换行 word-break:break-all和word-wrap:break-word

word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行。 它们的区别就在于: 1,word-break:break-all 例如div宽200px,它的内容就会到200px自动换行,如果该行末端...

2017/08/04 12:02
35
使用progress元素来显示文件的读取进度

使用progress元素来显示文件的读取进度

2017/07/23 21:52
20
不用table仅用div标签,利用CSS3的Flexbox属性,实现跨行和跨列的表格或网格

本文作为一个纯CSS3实现网格的示例,在不使用table标签,仅仅利用div标签及flex布局,用flexbox及相关属性来实现一个带有表头和页眉的跨行、跨列的表格。 废话不多讲,直接上代码: CSS代码如...

2017/07/23 21:47
24
一次解决你的所以省略号问题,不仅仅是:text-overflow:ellipsis

就如下图一样,我们会开发者经常遇到: 内容溢出省略号处理 如何才能内容溢出省略呢? 我们常用的方式是:text-overflow:ellipsis 来解决,如下所示: CSS实现内容溢出显示省略号 是不是很简...

2017/07/23 21:43
7
一个好看的下拉框美化插件

有没有觉得默认的HTML 的SELECT 的下拉选择框丑到爆呢,一点没有让人想看第二遍的欲望呢。 Select-or-Die基于 jQuery 的下拉框美化插件来了(Select-or-Die 还另外提供了 3 套皮肤) GitHub...

css
2017/07/23 21:34
77
js设计模式之等待者模式

等待者模式:通过多个异步进程监听,来触发未来发生的动作。 代码实现: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-trans...

2017/07/18 23:54
26
js设计模式之节流器模式

对重复的业务逻辑进行节流控制,执行最后一次操作并取消其他操作,以提高性能,这就是节流模式,即节流器。 下面以图片的延迟加载来演示。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 T...

2017/06/20 23:29
20
js设计模式之备忘录模式应用

备忘录模式:在不破坏对象封装性的前提下,在对象之外捕获并保存该对象内部的状态以便日后对象使用或者恢复到以前的某个状态。 <script type="text/javascript"> var Page = function(){ ...

js
2017/06/18 23:06
31
CSS定位模型总结

web前端css支持6种定位模型 静态 绝对 固定 相对 浮动 相对浮动 设定位置 position:static;可以取消元素的定位设置,使之恢复为原先在常规流中的显示方式.static是默认值. position:relative...

css
2017/06/18 10:41
15
js设计模式之命令模式应用

将请求与具体的实现解耦,并封装成独立对象,从而使不同的请求对客户端的实现参数化,这就是命令模式。 1、代码实现 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http...

js
2017/06/18 10:22
5

没有更多内容

加载失败,请刷新页面

返回顶部
顶部