大家好，我是零一，经常有读者问我：自学怎么学，要学的知识那么多，根本记不住怎么办？
我们都知道css是可以用表达式设置的，虽然有时候很好用，但是不可否认比较耗费性能，而且ie8之后已经不列入标准了。
·使用link加载样式而不是@import（是css2提供的一种方式，不兼容，只能加载css，而且页面所有组件被加载完后才会被加载，完成前会导致‘闪烁’，link属于XHTML标签，没有兼容问题）；
@import 语句引用的文件必须（MUST）写在一对引号内，.less 后缀不得（MUST NOT）省略（与引入 CSS 文件时的路径格式一致）。引号使用 ' 和 " 均可，但在同一项目内必须（MUST）统一。
1. Loupe 它是“一个小型可视化工具，可以帮助你理解JavaScript如何相互调用 stack(栈)/event loop(循环事件)/callback queue(回调函数队列)。”它是交互
作者：ouven https://my.oschina.net/zhangstephen/blog/1601382 摘要: 前端性能优化是一个很宽泛的概念，本书前面的部分也多多少少提到一些前端优化方法，这也是我们一直在关注的一件重要事情。配合各种方式、手段、辅助系统，前端优化的最终目的都是提升用户体验，改善页面性能，我们常常竭尽全力进行前端页面优化，但却忽略了这样做的效果和意义。先不急于探究前端优化具体可以怎样去做，先看看什么是前端性能，应该怎样去了解和评价前端页面的性能。 通过性能测速和分析，我们基本可以
例如同一个域名 CDN 服务器上的 a.js，b.js，c.js 就可以按如下方式在一个请求中下载：
一说到页面的性能优化，大家可能都会想起雅虎军规、2-5-8原则、3秒钟首屏指标等规则，这些规则在开发过程中不是强制要求的，但是有时候为了追求页面性能的完美和体验，就不得不对原有的代码进行修改和优化。
合并图片（如css sprites，内置图片使用数据）、合并CSS、JS，这一点很重要，但是要考虑合并后的文件体积。
var x = {}; var y = []; var z = null; typeof x; // "object" typeof y; // "object" typeof z; // "object"
前端的性能优化是一个很宽泛的概念，最终目的都是为了提升用户体验，改善页面性能。面试的时候经常会遇到问谈谈性能优化的手段，这个我分几大部分来概述，具体细节需要自己再针对性的去搜索，只是提供一个索引（太多了写不过来+主要是懒得写）。这里PC端和移动端分开说了，业务场景不同，需要考虑各自的优化手段
2 月底万维网联盟（W3C）CSS 工作组会议宣布了一项决议，批准在 CSS 标准中加入一批新函数，其中包括：
在前端项目开发完成，我们肯定是需要对前端的项目进行测试优化。我们可以先用一些第三方工具对网站进行分析。工具例如
发现总结性的小干货可以为大家提升更好的开发技巧和编码思维，对代码量产化提供更扎实的质量和支持。这次我们来聊聊大家可能都比较关心的话题：「性能优化」。
视频地址：https://www.bilibili.com/video/BV1D5411H7Tc
浏览器有着大量不同的版本，不同种类的浏览器的内核也不尽相同，所以不同浏览器对代码的解析会存在差异，这就导致对页面渲染效果不统一的问题。
AE是Adboe公司开发的视频特效和后期制作软件，是当前广泛应用于视觉特效和后期制作领域的主流软件之一。AE具有强大的图像处理、合成、动画制作等功能，可以帮助从业人员更便捷和高效地完成工作。
作为 Web 开发者我们最关注的当然就是 WebKit 的更新了，新版本的 WebKit 总计共带来了 48 项新的 Web 平台功能，以及 18 项弃用功能和 174 项错误修复。
前几天给大家分享了Xpath语法的简易使用教程，没来得及上车的小伙伴可以戳这篇文章：在Scrapy中如何利用Xpath选择器从网页中采集目标数据——详细教程（上篇）、在Scrapy中如何利用Xpath选择器从网页中采集目标数据——详细教程（下篇）。今天小编给大家介绍Scrapy中另外一种选择器，即大家经常听说的CSS选择器。
前几天给大家分享了Xpath语法的简易使用教程，没来得及上车的小伙伴可以戳这篇文章：在Scrapy中如何利用Xpath选择器从网页中采集目标数据——详细教程（上篇）、在Scrapy中如何利用Xpath选择器从网页中采集目标数据——详细教程（下篇）、在Scrapy中如何利用CSS选择器从网页中采集目标数据——详细教程（上篇）。之前还给大家分享了在Scrapy中如何利用CSS选择器从网页中采集目标数据——详细教程（上篇），没来得及上车的小伙伴可以戳进去看看，今天继续上篇的内容往下进行。
前几天小编连续写了四篇关于Python选择器的文章，分别用正则表达式、BeautifulSoup、Xpath、CSS选择器分别抓取京东网的商品信息。今天小编来给大家总结一下这四个选择器，让大家更加深刻的理解和熟悉Python选择器。
required : 必须值验证属性 [['字段名'],required,'requiredValue'=>'必填值','message'=>'提示信息']; #说明:CRequiredValidator 的别名, 确保了特性不为空. email : 邮箱验证 ['email', 'email']; #说明:CEmailValidator的别名,确保了特性的值是一个有效的电邮地址. match : 正则验证 [['字段名'],match,'pattern'=>'正则表达式','message'=>'提
什么是 CSS 特性检测？我们知道，前端技术日新月异的今天，各种新技术新属性层出不穷。在 CSS 层面亦不例外。 一些新属性能极大提升用户体验以及减少工程师的工作量，并且在当下的前端氛围下： 很多实验性功能未成为标准却被大量使用； 需要兼容多终端，多浏览器，而各浏览器对某一新功能的实现表现的天差地别； 所以有了优雅降级和渐进增强的说法，在这种背景下，又想使用新的技术给用户提供更好的体验，又想做好回退机制保证低版本终端用户的基本体验，CSS 特性检测就应运而生了。 CSS 特性检测就是针对不同浏览器终端，判断
一、最最基本的 CSS顶部, JS底部 YUI compressor/Gzip CDN 有 必要的CSS Sprite Ajax可缓存 以上没什么好说的。 二、CSS渲染、页面重绘以及回流 尽量避免类似.a.b{}.list a{}以及其他一些复杂选择器，以提高整站整体CSS渲染。 避免某些expression表达式，避免IE6的AlphaImageLoader png透明滤镜，可以试试使用fireworks生成png8 alpha透明（目前photoshop只有png8 索引透明）。 适当定高，例如如果d
这次接着上一篇文章来讲Scrapy框架，这次讲的是Scrapy框架里面提供的两种数据提取机制Xpath和CSS，其实除了这两种，我们还可以借助第三方库来实现数据的提取，例如：BeautifulSoup（这个在我的爬虫系列文章中有写过）和lxml（Xml解析库），Scrapy选择器是基于lxml库之上的，所以很多地方都是和lxml相似的。
前几天小编分别利用Python正则表达式、BeautifulSoup选择器、Xpath选择器分别爬取了京东网商品信息，今天小编利用CSS选择器来为大家展示一下如何实现京东商品信息的精准匹配~~
.addBack() 添加堆栈中元素集合到当前集合中，一个选择性的过滤选择器。 .addBack([selector]) selector 一个字符串，其中包括一个选择器表达式，匹配当前元素集合，不包括在内的元素。 list item 1 list item 2 <li class="third-i
1 CSS/JQuery提取器 CSS提取器或JQuery提取器是JMeter支持的两种语法提取器。 CSS提取器参考表1。JQuery提取器参考表6-2。 表1 CSS提取器
终端用户响应的时间中，有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTTP请求的次数。这是提高网页速度的关键步骤。 减少页面组件的方法其实就是简化页面设计。
终端用户响应的时间中，有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTTP请求的次数。这是提高网页速度的关键步骤。 减少页面组件的方法其实就是简化页面设计。那么有没有一种方法既能保持页面内容的丰富性又能达到加快响应时间的目的呢？这里有几条减少HTTP请求次数同时又可能保持页面内容丰富的技术。 合并文件是通过把所有的脚本放到一个文件中来减少HTTP请求的方法，如可以简单地把所有的CSS文件都放入一个样式表中。当脚本或者样式表在不同页面中使用时需要做不同的修改，这可能会相对麻烦点，但即便如此也要把这个方法作为改善页面性能的重要一步。 CSS Sprites是减少图像请求的有效方法。把所有的背景图像都放到一个图片文件中，然后通过CSS的background-image和background-position属性来显示图片的不同部分； 图片地图是把多张图片整合到一张图片中。虽然文件的总体大小不会改变，但是可以减少HTTP请求次数。图片地图只有在图片的所有组成部分在页面中是紧挨在一起的时候才能使用，如导航栏。确定图片的坐标和可能会比较繁琐且容易出错，同时使用图片地图导航也不具有可读性，因此不推荐这种方法； 内联图像是使用data:URL scheme的方法把图像数据加载页面中。这可能会增加页面的大小。把内联图像放到样式表（可缓存）中可以减少HTTP请求同时又避免增加页面文件的大小。但是内联图像现在还没有得到主流浏览器的支持。 减少页面的HTTP请求次数是你首先要做的一步。这是改进首次访问用户等待时间的最重要的方法。如同Tenni Theurer的他的博客Browser Cahe Usage - Exposed!中所说，HTTP请求在无缓存情况下占去了40%到60%的响应时间。让那些初次访问你网站的人获得更加快速的体验吧！
一直以来，Java都被认为是一种面向对象的编程语言，“万事万物皆对象”的思想已经深入人心。但随着Java8的发布，一切看起来似乎有些改变。Lambda表达式和Stream的引入，让Java焕发了新的活力，它允许人们可以用函数式编程思维思考问题。本文主要介绍了函数式编程思想在Java中的应用。
前端已经被玩儿坏了！像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了，像用||操作符给变量赋默认值也是人尽皆知的旧闻了，今天看到Quora上一个帖子，瞬间又GET了好多前端技能，一些属于技巧，一些则是闻所未闻的冷知识，一时间还消化不过来。现分类整理出来分享给大家，也补充了一些平时的积累和扩展了一些内容。 HTML篇 浏览器地址栏运行JavaScript代码 这个很多人应该还是知道的，在浏览器地址栏可以直接运行JavaScript代码，做法是以 javascript: 开头后跟
Hello小可爱们，今天我们又要回到学习主题咯，前面学习了HTML和CSS的用法，今天我们就要为Web页面注入生命啦，那就是JavaScript，通过JavaScript我们可以让我们的页面动起来，这也是Web开发中的一座大山。
二、媒体类型引用方法：link标签，xml方式，@import和css3新增的@media四种
正则表达式，是一个强大且高效的文本处理工具。通常情况下，通过一段表达准确的表达式，能够非常简短、快速的实现复杂业务逻辑。 因此，正则表达式通常是一个成熟开发人员的标配，可以辅助实现开发效率的极强提升。 在需要实现校验字段、字符串等内容时，通常就可以通过正则表达式实现： 下面是技匠整理的，经常使用到的20个正则表达式。 1校验密码强度 密码的强度必须是包含大小写字母和数字的组合，不能使用特殊字符，长度在8-10之间。 2校验中文 字符串仅能是中文。 3由数字、26个英文字母或下划线组成的字符串
这样有效是有效，但是用 HTML VALIDATOR 里，报错，因为这个不符合 XHTML 1.1 的规范， 如果把 ELSE 语句去掉，则正确。
正则表达式，是一个强大且高效的文本处理工具。通常情况下，通过一段表达准确的表达式，能够非常简短、快速的实现复杂业务逻辑。
先做一个引入。当浏览器解析HTML时首先构造一个内部文件树来代表所有显示的元素。然后浏览器根据标准的CSS级联、继承和排序规则，为元素指定匹配的各种样式。CSS搜索引擎通过样式规则为每个元素找到匹配的样式。该引擎由右至左评估每个规则，从最右边的选择器开始（称为“键”【Key】），并通过移动每个选择器，直到找到一个匹配或丢弃的规则。
在上一篇的HTML的标签与语意中简单的介绍了HTML标签跟其一些属性，向各位坚持看到这里的亲表示真诚的感谢。本篇主要会分享一些跟 CSS选择器（CSS Selectors） 相关的内容，有兴趣的请继续往下看。
正则表达式，一个十分古老而又强大的文本处理工具，仅仅用一段非常简短的表达式语句，便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话，能够使你的开发效率得到极大的提升。
除IE外都可识别
jsx = javascript XML jsx :facebook 提出的草案jsx规范：核心规范 https://facebook.github.io/jsx/
Regular Expressions (Regex)：正则表达式，软件工程中最为强大，且广泛适用，令人信服的技术之一。从验证电子邮件地址到执行复杂的代码重构器，正则表达式的用途非常广泛，是任何软件工程师工具箱中必不可少的条目。
虽然以前写过 如何抓取WEB页面 和 如何从 WEB 页面中提取信息。但是感觉还是需要一篇 step by step 的教程，不然没有一个总体的认识。不过，没想到这个教程居然会变成一篇译文，在这个爬虫教程系列文章中，会以实际的例子，由浅入深讨论爬取（抓取和解析）的一些关键问题。 在 教程一 中，我们将要爬取的网站是豆瓣电影：http://movie.douban.com/ 你可以在: http://demo.pyspider.org/debug/tutorial_douban_movie 获得完整的代码，和
这一节结束，我们的JavaScript学习总结系列文章第一阶段就要结束了，今后会适当的补充一些高级的内容，敬请期待。 好了，废话不说进入这一节的学习。
selenium中的css定位，实际是通过css选择器来定位到具体元素，css选择器来自于css语法
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
