移动端导航栏有个很常见的折叠菜单，bootstrap有collapse插件实现，jQuery UI有Accordion组件。最近用js无插件实现一个这样的效果。 探究历程 display：none； 直接采用displa…
标签：css
前端面试大全
HTML面试题 1.XHTML和HTML有什么区别 HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言最主要的不同： XHTML 元素必须被正确地嵌套。 XHTML 元素必须被关闭。 标签名必须…
【每日一包0028】cache-content-type,mime-types
[github地址：https://github.com/ABCDdouyae…] cache-content-type(koa2源码依赖) http响应头部工具包， 基于mime-types包，对结果进行了…
user-select的详细用法
前言 做网页的时候，有些文字我们需要能被选中，有些我们不要能被选中，那么这就需要用到一个css属性了，那就是 user-select 使用方法 user-select: none|auto|text|contain|al…
自适应网页
媒体查询案例 https://mediaqueri.es/ https://github.com/amfe/lib-f… https://github.com/amfe/artic… https:…
杂(css)
本用于记录个人学习记录：http://www.zhangxinxu.com/wordpress/2010/01/css-float%E6%B5%AE%E5%8A%A8%E7%9A%84%E6%B7%B1%E5%85%A5…
前端面试题（总结）
HTML 1.HTML5为何只要写<!doctype html> HTML5不基于SGML（标准通用标记语言），所以不需要引用DTD，但需要doctype来规范浏览器的行为（使得浏览器知道应该以何种解析方式对…
用vue + leancloud开发一个免费的博客
项目地址 https://github.com/Fee-ing/Fe… 在线预览 在线预览地址： 搭建免费博客
【css】布局
flex布局方案position margin布局方案grid布局方案 1. flex布局方案 （1）块级元素水平居中和垂直居中 body { display: flex; align-items: center; /*…
React项目 - 几种CSS实践
前言团队在使用react时，不断探索，使用了很多不同的css实现方式，此篇blog总结了，react项目中常见的几种css解决方案：inline-style/radium/style-component，只列举了团队项目…
自制jq分页插件
由于第一次写jq插件，中间有借鉴别人的代码。 (function(){ var ms = { fillHtml: function(obj, option) { obj.empty(); var totalPage = …
不简单的前端性能优化
本文主要介绍“关键渲染路径”与“网络”两个方面的性能优化并提供demo，篇幅较长建议电脑观看。 前端优化的方面太多，本文介绍的仅仅是其中的一部分，力求涵盖“关键渲染路径”的方方面面，及一些不常被提到的“网络优化”部分。 …
