前言: 大致记一下模块插件化的书写思路 一般写法: define(function(require, exports, module) { var plugin = { //插件初始化入口 init : function…

文件名 均采用小写方式， 以中划线分隔, 如有复数结构时，采用复数命名法 目录名：scripts,styles,images,data-models 文件名： example.js retina-sprites.css …

从网易与淘宝的font-size思考前端设计稿与工作流 本文结合自己对网易与淘宝移动端首页html元素上的font-size这个属性的思考与学习，讨论html5设计稿尺寸以及前端与设计之间协作流程的问题，内容较多，但对你…

sublime Text3 前端常用插件 – File Switching （文件切换） — Sublime Text提供了一个非常快速的方式来打开新的文件。只要按下Ctrl+ P并开始输入你想要…

默认情况下先显示移动端，通过 @media 属性适配屏幕变化 使用flexbox相关的CSS属性 display: flex; (父元素) flex-wrap: nowrap | wrap | wrap-reverse;…

外边距塌陷: 当嵌套的两个块元素,给子盒子加向上的外边距时,父盒子会跟着掉下来,此时就是外边距塌陷. 解决方案: 1.给父盒子加padding 2.给父盒子加上边框 3.给父元素加overflow:hidden 属性 当…

一、起因 需求要求展示两行，多余的文字用三个点替代，于是用了这几个不太规范的属性 display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vert…

HTML中的图片 < img src=””> 图片的三种格式 JPG JPG适合照片，包含一千六百多种颜色，这是一种有损格式，因为照片缩小时会丢掉图像的一些信息 不支持透明度 文件比较…

首先 屏幕是由一个一个显示单元组成的.1 每一个显示单元都是物理世界真实存在的;2 把一个显示单元的大小称为一个’物理像素’;3 通常我们所说的 ‘分辨率’, 就是指一块屏…

两个问题： 我在Codepen上发现了一个非常酷的字体动画,但丢失了链接.过去一小时我一直在网上寻找它,没有运气！ 但无论如何,这段代码存在问题. Firefox不会给我我想要的结果.我已经尝试将-moz-添加到大多数代…

请检查 http://jsfiddle.net/4Ly4B/我是否垂直对齐：中间位于一个不在中间的桌子上 最佳答案 带有display的元素：table-cell忽略min-width和min-height.你必须使用高…

我有以下 HTML标记,它在链接中放置一个jQuery图标： <a href="#"><span class="jquery-icon-stuff"></span>Link Text&…