什么是sticky footer布局 我们常见的网站页面都会把一个页面分为：头部区、内容区、页脚区,当头部区和内容区内容较少时,页脚区能固定在网页底部,而不是随着文档流排布。当页面内容较多时，页脚能随着文档内容自动撑开,…
标签：css
口试知识点总结
近来口试几家前端职位，想晓得现在的前端口试题是倾向哪一块，都重要问到的是ES6语法，闭包，原型链，继续那一块。而且将口试题的知识点汇总一下。有助于下次口试。 1.HTML HTML5新特征，语义化 HTML5新增了许多标…
自定义confirm提示框
HTML <div class="alertmes"> <div class="am-wrapper"> <div class="am-mes">提醒语</div> <…
css3动画在手机端的流畅度比较
我发现即使都是用css3的transition做动画，有的属性在动画播放时却会不流畅，出现定格动画的效果，这里做个比较，方便我以后做动画。 transition支持的属性类型 首先说一下transition支持的属性类型…
css 属性书写顺序推荐
转自自己的 Github/Wizard67 根据 MDN 中 CSS参考 归纳整理。 summary ┌── 布局定位 | ├── 元素定位 | | └── position... | └── 元素浮动 | └── fl…
制作生成icon-font步骤
制作生成icon-font步骤 准备好图标的SVG文件 进入icomoon 在网页的右上角找到 IcoMoon App 的按钮，点击进入 进入之后，将之前准备的Icon的SVG文件在左上角的 Import Icons 按…
不简单的前端性能优化
本文主要介绍“关键渲染路径”与“网络”两个方面的性能优化并提供demo，篇幅较长建议电脑观看。 前端优化的方面太多，本文介绍的仅仅是其中的一部分，力求涵盖“关键渲染路径”的方方面面，及一些不常被提到的“网络优化”部分。 …
代码层面浏览器优化
1、 减少dom操作：类数组是实时更新的类数组集合, 在脚本中 document.images、document.forms、getElementsByTagName()返回的都是HTMLCollection类型的集合，…
ES6学习笔记（二）--------------------------------------变量的解构赋值
ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构ES6之前我们申明多个变量需要按照下面的方法： let a=1; let b=2; let c=3; let d=4; //或者 let a=1…
JS基础入门篇（十四）—运动
1.思考：页面上有一个宽高都为100px的盒子，如果想点击此盒子，让它的宽变成300px，应该怎么做 ？ 思路一：选择用js的点击事件做，给盒子添加类名，并在类名中写对应的css样式。 <!DOCTYPE html…
前端编码规范
前言 首先，写这篇代码规范是为了我自己在以后的项目中方便引用，让前端人员统一标准，方便在开发中保持代码的一致性，代码规范是在bootstrap的编码规范上的基础上做的修改，下面只列举出一些不一样的地方，基本的规范参照bo…
一站式前端资源上传工具
Resource Uploader 一站式前端资源 CDN 上传工具（使用阿里云 OSS） 安装 npm install -g resource-uploader 特性 支持 ES6/7/8 转译 ES5 支持 Java…
