浅谈JS闭包

闭包是指有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式,就是在一个函数内部创建另一个函数。了解闭包前首先需要了解变量作用域 变量作用域:全局变量和局部变量 1、全局变量 直接定义在全局作用域的变量 var name='Fakin'; function getName(){   alert(name) } getName […]

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

利用canvas打造一个炫酷的粒子背景,当然还有一些库都可以的,这次我们手写这个背景,主要的还是JS,canvas只是画布本身没有什么效果的,只是接口,还是需要JS去完成的。 canvas标签说明: 这个 HTML 元素是为了客户端矢量图形而设计的。它自己没有行为,但却把一个绘图 API 展现给客户端 JavaScript 以使脚本能够把想绘制的东西都绘制到一块画布上。 canvas 标记由 Ap […]

css字体图标库推荐Font Awesome和使用方法

今天给大家推荐一个字体图标库,免费的哦!最重要的是,无需依赖任何框架和库,一个css文件全部搞定 Font Awesome简介: Font Awesome为您提供可缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果。 优势: 一个字库,675个图标、无需依赖JavaScript、无限缩放、 如言语一般自由、CSS控制、高分屏完美呈现、完美兼 […]

[转载]我眼中的 JavaScript函数式编程

博主说:JavaScript函数式编程是我最近听到过的最热的次,相比于vue、react还要多,很多前端群都在讨论这个东西,可见一斑,今天给大家转载一片淘宝前端团队化辰大神的文章,在我看来写的非常好,仔细了读了又读受益匪浅! JavaScript 函数式编程是一个存在了很久的话题,但似乎从 2016 年开始,它变得越来越火热。这可能是因为 ES6 语法对于函数式编程更为友好,也可能是因为诸如 Rx […]

JS折叠菜单-二级菜单

昨天有个刚学前端的同学问我,说折叠菜单怎么做,希望是进入的时候全部隐藏二级菜单,点击一级踩点出现相应的二级菜单,当二级菜单展开的时候在点击一级菜单就隐藏二级菜单,好像说了一堆废话,其实就是点击展开,在点击隐藏。那么今天就和大家分享一个这样的菜单改怎么做呢(应同学要求附带jQuery代码)业务逻辑:点击当前元素,其他元素全部隐藏,显示当前元素下的二级菜单。 首先是布局: <div class= […]

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

前几天在看W3Cplus看到大漠老师这篇关于css实现瀑布流的文章,感觉写的非常好,特意和大漠老师取得联系获得了转载授权(注明:本文并未全部转载,只转载了博主认为两个比较好的方法。如果需要查看全的同学可以直接点击文章底部的原文链接即可!) 瀑布流布局有一个专业的英文名称Masonry Layouts。瀑布流布局已经有好多年的历史了,我最早知道这个名词的时候大约是在2012年,当时Pinterest […]

CSS3动画库-animate.css

animate.css是一个提供跨浏览器CSS3动画库,来自国外,被誉为史上最牛的动画库,包含了常见的抖动(shake)、闪烁(flash)、弹跳(bounce)、翻转(flip)、旋转(rotateIn/rotateOut)、淡入淡出(fadeIn/fadeOut)等60多种动画。兼容的浏览器有:IE10+、Firefox、Chrome、Opera、Safari。 使用方法 1.引入文件 &lt […]

JS实现JQuery children()方法,获取某个元素下所有子元素节点或者某个元素下指定标签元素

想必大家都知道jquery中有个children()是一个遍历的方法,作用是获取某个指定元素下所有子元素,那么今天我们来用原生JS实现一个这个children(),其实很简单,只不过需要处理一下IE678兼容的问题,大家都知道IE678是一个‘很标准的浏览器’对于前端人员来说,这可真是爽歪歪的浏览器啊,最喜欢IE678了。 好了,那咱们来实现下。 <!DOCTYPE html> &lt […]

JS正则简单表单验证

JS表单验证,大家可能不知道,JS刚出现的时候最重要目的就是为了减轻服务器验证的压力,因为在远古时代,拨号链接的宽带很慢很慢,当用户输入一个东西后,每次都要去提交给服务器,等半天服务器给你返回信息,你才知道你输入的有错的,所以这种服务端验证很麻烦,JS就出现了,大大减轻了服务器的压力,今天为大家带来的是JS正则表达式的表单验证! <!doctype html> <html> […]