开启Windows或者Mac OSX 本地服务器 (非安装第三方服务器软件)

因为安全的原因,无法直接在浏览器中打开工程目录下的index.html文件。 你必须在你的电脑中搭建一个本地服务器。本小节会解释如何做。 在Windows下搭建本地服务器 开启Internet Information Service 在“控制面板”中,点击“程序”。 点击“启用或关闭Windows功能”。 在“Windows功能”窗口中,点击“Internet Information Services”来启用它。 *不是选中,是不完全选中 点击“确定”。 文件的安装位置 Internet Information Services 被启用时,会自动创建一个本地服务器的文件夹。把工程文件夹放在这个文件夹中。 点击“此电脑” → “本地磁… Read More

CSS学习之外边距合并

外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。 合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。 外边距合并 外边距合并(叠加)是一个相当简单的概念。但是,在实践中对网页进行布局时,它会造成许多混淆。 简单地说,外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。 当一个元素出现在另一个元素上面时,第一个元素的下外边距与第二个元素的上外边距会发生合并。请看下图: 亲自试一试 当一个元素包含在另一个元素中时(假设没有内边距或边框把外边距分隔开),它们的上和/或下外边距也会发生合并。请看下图: 亲自试一试 尽管… Read More

大公司里怎样开发和部署前端代码?

这是一个非常有趣的 非主流前端领域,这个领域要探索的是如何用工程手段解决前端开发和部署优化的综合问题,入行到现在一直在学习和实践中。 在我的印象中,facebook是这个领域的鼻祖,有兴趣、有梯子的同学可以去看看facebook的页面源代码,体会一下什么叫工程化。 接下来,我想从原理展开讲述,多图,较长,希望能有耐心看完。 让我们返璞归真,从原始的前端开发讲起。上图是一个“可爱”的index.html页面和它的样式文件a.css,用文本编辑器写代码,无需编译,本地预览,确认OK,丢到服务器,等待用户访问。前端就是这么简单,好好玩啊,门槛好低啊,分分钟学会有木有! 然后我们访问页面,看到效果,再查看一下… Read More

你们的2016年前端学习计划是什么?

2015年,软件开发界发生了很多变化。有很多流行的新语言发布了,也有很多重要的框架和工具发布了新版本。下面有一个我们觉得最重要的简短清单,同时也有我们觉得值得你在2016年花时间精力去学习的新事物的一些建议。 大趋势 在过去的几年里,有一个越来越明显的趋势是web应用的商业逻辑逐步从后端转移到了前端,然后后端变得只需要处理简单的数据API。这就让前端开发框架的选择变得尤为重要了。 另外一个重要的改变是2015年发布的 Edge 浏览器。这是IE的替代品,拥有全新的界面和更好的性能。跟IE不一样的是它同样采用了跟 FireFox 和 Chrome 一样的快速发布策略。这让JavaScript 开发者社区能够以周为单… Read More

想说爱你不容易,浏览器缓存浅谈

  今天小微开店宝在测试环境发布更新的时候,同事问:“为什么我需要手动清理浏览器缓存才能看到变更?难道系统上线后也需要客户自己清理浏览器缓存吗!”看来,这个坑需要我来填了。 什么是浏览器缓存 浏览器缓存(Brower Caching)是浏览器在本地磁盘对用户最近请求过的文档进行存储,当访问者再次访问同一页面时,浏览器就可以直接从本地磁盘加载文档。 浏览器缓存的优点有: 减少了冗余的数据传输,节省了网费 减少了服务器的负担,大大提升了网站的性能 加快了客户端加载网页的速度 在前端开发面试中,浏览器缓存是web性能优化面试题中很重要的一个知识点,从而说明浏览器缓存是提升web性能的一大利器,但是浏览器缓存… Read More

深入理解CSS权重(优先级)

对于上一篇:你应该知道的一些事情——CSS权重 ,实战时会遇到一些实际的问题,本篇继续加重对css优先级的理解。最近跟公司同事分享session时在谈到CSS优先级权重问题,引入了之前一直在网上公认的权重计算公式,有好奇者问了一个ClASS选 择器组合与ID选择器优先级问题,如果按公式套下来,CLASS组合后是应该高于ID的,但结果实验并非如此,好奇之下,又在晚上找了找,总结如下。 顺序:“important > 内联 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 通配符 > 继承”。 网上教程权重计算 关于CSS权重,网上教程大都按不同选择器给了权重值: STYLE:1000… Read More

你应该知道的一些事情——CSS权重

本文由99根据Vitaly Friedman的《CSS Specificity: Things You Should Know 》所译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文,需注明英文出处:http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know,以及作者相关信息 作者:Vitaly Friedman 译者:99 除了浮动之 外,css权重问题是你要了解的,最复杂的一个概念之一。css每条规则权重的不同,是你所期望的效果,没有通过css规则在元素上生效的主… Read More

CSS语法和CSS优先级

语法 层叠样式表( Cascading Stylesheet ,简称CSS ), 其基本目标是让浏览器以指定的特性去绘制页面元素,比如颜色,定位,装饰。CSS的语法反映了这个目标,由下面两个部分构建: 属性( property)是一个标识符,用可读的名称来表示其特性。 值(value)则描述了浏览器引擎如何处理该特性。每个属性都包含一个有效值的集合,它有正式的语法和语义定义,被浏览器引擎实现。 CSS 声明 CSS的核心功能是将CSS属性设定为特定的值。一个属性与值的键值对被称为”声明“(declaration) 。CSS引擎会计算页面上每个元素都有哪些声明,并且会根据结果绘制元素,排布样式。 在CSS中,属性和值对大… Read More

Ubuntu: 安装 Sublime Text 2 或者 3 How to Install Sublime Text 2 or 3 in Ubuntu 15.04/16.04

Sublime Text is a cross-platform text and source code editor with a Python API. It is a sophisticated text editor for code, markup and prose. Its functionality is extendable with plugins. Most of the extending packages have free-software licenses and are community-built and maintained. Sublime Text features: “Goto Anything,” quick navigation to files… Read More

CSS选择器速记笔记

去年我学jQuery的时候,曾经做过一点选择器(selector)的笔记。 这几天拿出来看了一下,发现很多都忘记了。所以,我决定把它们贴在这里,方便以后查看。这对其他朋友应该也是有用的,毕竟选择器是制作网页效果的第一步。 笔记分为两个部分,今天是CSS的选择器,以后还有一部分xPath的选择器。今天的笔记中包括44个选择器,基本涵盖了CSS 2和CSS 3的所有规定。 ===================== CSS选择器笔记 阮一峰 整理 参考网址:456 Berea Street 一、基本选择器 序号 选择器 含义 1. * 通用元素选择器,匹配任何元素 2. E 标签选择器,匹配所有使用E标签的元素 3. .info class选择… Read More

Sublime Text 2.x, 3.x 破解许可 Universal License Keys collection for Win, Mac & Lin

==================== UPDATE 2017.09.30  ========================= Sublime Text 3 build 3143 LICENSE —– BEGIN LICENSE —– TwitterInc 200 User License EA7E-890007 1D77F72E 390CDD93 4DCBA022 FAF60790 61AA12C0 A37081C5 D0316412 4584D136 94D7F7D4 95BC8C1C 527DA828 560BB037 D1EDDD8C AE7B379F 50C9D69D B35179EF 2FE898C4 8E4277A8 555CE714 E1FB0E4… Read More

Sublime Text 3 配置和使用方法

下载: Sublime Text 3 官方下载地址 Sublime Text 3 汉化破解版 资料: Sublime Text 非官方文档   技巧 -用户或-User后缀的菜单项,其对应的配置文件都保存在Packages\User文件夹下,将它们上传到Github,便于同步。 个人最常用的快捷键 快捷键完整版见后文,这里只列个人习惯。 四种 Goto : Ctrl + P 文件定位 Ctrl + ; 词语定位 # Ctrl + R 函数定位 @ Ctrl + G 行号定位 : 括号前后移动光标:Ctrl + M 以单词为单位前后移动光标:Ctrl + Left/Right Ctrl+→ 向右单位性地移动光标,快速移动光标。 重新打开刚刚关闭的标签页:Ctrl + Shift + T 当… Read More