利用canvas打造一个炫酷的粒子背景

2017-08-08

利用canvas打造一个炫酷的粒子背景,当然还有一些库都可以的,这次我们手写这个背景,主要的还是JS,canvas只是画布本身没有什么效果的,只是接口,还是需要JS去完成的。 canvas标签说明: 这个 HTML 元素是为了客户端矢量图形而设计...

JS折叠菜单-二级菜单

2017-07-17

昨天有个刚学前端的同学问我,说折叠菜单怎么做,希望是进入的时候全部隐藏二级菜单,点击一级踩点出现相应的二级菜单,当二级菜单展开的时候在点击一级菜单就隐藏二级菜单,好像说了一堆废话,其实就是点击展开,在点击隐藏。那么今...

纯CSS实现瀑布流布局[转载]

2017-07-14

前几天在看W3Cplus看到大漠老师这篇关于css实现瀑布流的文章,感觉写的非常好,特意和大漠老师取得联系获得了转载授权(注明:本文并未全部转载,只转载了博主认为两个比较好的方法。如果需要查看全的同学可以直接点击文章底部的原文...

CSS3动画库-animate.css

2017-07-12

animate.css是一个提供跨浏览器CSS3动画库,来自国外,被誉为史上最牛的动画库,包含了常见的抖动(shake)、闪烁(flash)、弹跳(bounce)、翻转(flip)、旋转(rotateIn/rotateOut)、淡入淡出(fadeIn/fadeOut)等60多种动画。兼...

JS实现选项卡功能

2017-07-10

JS选项卡是一个很常见的网页功能,其实应该是叫tab选项卡的,就是一个鼠标点击或者划过某个地方,显示不同的内容,减少网页空间,合理布局,增加交互和用户体验,接下来,来看下怎么实现的。 html代码: <div id="warp"&...

JS正则简单表单验证

2017-07-06

JS表单验证,大家可能不知道,JS刚出现的时候最重要目的就是为了减轻服务器验证的压力,因为在远古时代,拨号链接的宽带很慢很慢,当用户输入一个东西后,每次都要去提交给服务器,等半天服务器给你返回信息,你才知道你输入的有错的...

图片延迟加载

2017-07-05

本期介绍下图片延迟加载,图片延迟加载在很多大型站点基本都是‘标配’了,例如,淘宝,京东,你打开这些页面的时候会发现,文字先加载了,然后再去加载图片,等你往下滚动的时候,图片会加载,如果用户没有滚动到网页靠下的部分,那图...

Vue.js学习日志(二)–模板语法

2017-07-03

上一张我们介绍了入和安装vuejs,这一张正式开始vuejs的学习。学习一个框架,最基础的肯定是语法了,就是这个框架怎么去用,至于底层原理,等会使用了后在去关系底层。 vuejs模板语法是怎么样的呢? 1、文本 [code]<span>Mes: {...

Vue.js学习日志(一)–认识和安装Vue.js

2017-06-29

从今天开始,博客正式正式Vue.js学习日志,也是博主最近一直在学习的,看过前面文章的同学应该知道,这次打算弄一个相对于比较完整的学习日志,共同学习,共同进步! Vue.js 是什么 Vue.js(读音 /vjuː/,类似于 view) 是一套由国人...