Grunt介绍 中文主页 : http://www.gruntjs.net/ 是一套前端自动化构建工具，一个基于nodeJs的命令行工具 它是一个任务运行器, 配合其丰富强大的插件 常用功能: 合并文件(js/css) …

html: <div class=”img”><img src=”/></div> <div class=”text”…

本篇是对《高性能网站建设指南》一书的后7种规则进行梳理。 八、使用外部Jacascript和css 1.如果需要呈现给用户的页面可以实现完整缓存，那么使用外部Jacascript和css会提高网站性能。 2.在使用使用外…

性能与组织 当能够扎实的理解并编写HTML和CSS这门专业知识。随着网站代码量和流量的增长，另一种新技能也开始发挥作用，这对于开发效率和用户体验都至关重要。我们在了解网站性能和组织的基础知识上还要继续努力。 代码库的组织…

一、两列布局 1.1 左列定宽，右列自适应 1）利用float + margin实现 （方法1） HTML代码： <div class="two-col-1"> <div class="left">…

https://github.com/darcyclarke/Front-end-Developer-Interview-Questions 前端工作面试问题 备注: 本 repo 包含了一些前端面试问题用于考查候选者。…

按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。 图片切换特效https://codepen.io/ainalem/fu… 用 svg 写的打字机动画https://codepen.i…

<input name=”str” style=”border: 0px none;” type=”text”>

今天在工作中遇到需求，需要用CSS3写一个卡片翻转效果，这个效果看起来简单，但是还是涉及到一些不常用的CSS3中的3D转换的属性以及实现该效果的思路，所以这里总结一下。 原文链接：http://mrzhang123.gi…

Demo：https://jsfiddle.net/zhoou/o0… 总结：使用:before和:after伪类实现。标签元素相对定位，伪类绝对定位，使用css画出三角形，鼠标滑过的时候是改变border-…

CSS1 中定义的选择器 类型选择器 用于选择指定类型的元素（其实他就是 html 标签选择器），常见用法如下： body { /*对 body 元素定义样式*/ } body,div { /*同时选择多种标签元素*/ …

前端面试之CSS篇 1、三种基本引入方式 外部样式表 <link rel=”stylesheet” type=”text/css” href=”mysty…