现在越来越多的网站正在使用动画，无论是以GIF，SVG，WebGL，背景视频等形式。 当正确使用时，网络上的动画带来生机和交互性，为用户增添了额外的反馈和体验。 在本教程中，我将向您介绍CSS动画; 高性能的做事方式越来…
在手机自带浏览器遇到的一个关于position的坑,absolute设置的位置没出现在预期
结构是这样的 <div class="box"> <div class="content">something</div> <div class="inner"></…
JQuery表单验证(包括:用户名,手机号,密码,确认密码,验证码60s)
每个项目中都会有登录注册模块的一些验证。比如说：用户名我们要验证位数和是否符合用户名规则；密码要验证字母开头，长度，是否包含下划线等等，这里我总结了一下常用的验证规则，用的是项目中用到的class和id ,如果自己用到的…
技术栈的沉淀
我也是一个经历过柴米油盐酱醋茶、尝过酸甜苦辣咸的前端程序员。知道前端的东西入门简单，有深度却很难；表似好看无比的应用，其实背后逻辑复杂，然而要想成长的更快，一定要学会站在巨人的肩膀上，“学以师技以自长”。所以一些经验非常…
（30个原生js挑战）原生js实现钟表
紧接着昨天的实例，第二个是原生js实现钟表特效。首先介绍下大致思路，首先要用css把时针分针和秒针画出来。然后根据钟表中，角度和时间的算法关系。 设置角度。 最后使用定时器，每秒运行一次。 需要注意的是，我的算法和之前的…
原生js实现架子鼓特效
这是代码完成的效果，按下abcd会出现对应的架子鼓音乐的效果。 简单的介绍下代码思路，html和css部分就不多说了。 重要的是js部分。 大致是这样的， 首先获取到所有的按钮为一个数组，然后遍历整个数组，增加监听函数，…
Sticky Footer 粘性底部-让底部一直在页面最下面
具体实例页面请看github 方法一：footer绝对定位-并加一层父元素 <!DOCTYPE html> <html lang="en"> <head> <meta chars…
【转】BFC-块级格式化上下文
BFC它是一个独立的渲染区域，它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。 一、BFC布局规则： 1、内部的Box会在垂直方向排列。2、Box垂直方向的距离由margin决定。属于同…
web前端开发前的环境搭建
如果你是一个初学者，首先要了解什么是开发前的环境搭建。拿我们上学的时候上数学课举例，web开发就像是上数学课，而开发前的环境搭建就好比是数学课上需要用到的数学课本、练习本、笔、橡皮等。 环境搭建也是根据个人习惯和实际项目…
页面制作HTML+CSS基础乱炖
1.<meta charset="utf-8"> <head></head> 里的 <meta charset="utf-8"> 一定要放在第一行 ，如果放在了<ti…
一次阿里面试后对函数本质的理解
一次阿里面试后对函数本质的理解 写在前面 环境：阿里的在线编程系统允许面试官在线考察面试者的编程能力. 考点：编程和理论. 编程：分为技术自驱力、异步操作、编程风格(颗粒小)、变量作用域、DOM操作等. 理论：性能优化，…
常用CSS布局
1.导航条垂直居中 导航条nav 从左到右分为 nav-left , nav-mid , nav-mid ，怎样达到从左到右依次排列，且全部垂直居中的效果呢？全部设置 float:left , 这样之后才可以方便的使 n…
