大家好，今天来为大家分享谷歌浏览器blur在哪的一些知识点，和谷歌浏览器fl的问题解析，大家要是都明白，那么可以忽略，如果不太清楚的话可以看看本篇文章，相信很大概率可以解决您的问题，接下来我们就一起来看看吧！

本文目录

1. web前端主流框架主要有哪些
2. Android原生系统究竟有哪些缺陷
3. CSS里的filter属性是CSS哪个版本里的

一、web前端主流框架主要有哪些

Twitter出品的Bootstrap在业界是非常受欢迎的，以至于有很多前端框架都在其基础上开发，如我们熟悉的WeX5就是在Bootstrap源码基础上优化而来的。我相信大多数接触过前端开发的同学多少都了解过这个优秀的前端框架。Bootstrap是基于HTML、CSS和Javascript的，它简洁灵活，可以使得Web开发更加敏捷。

它提供优雅的HTML和CSS规范，在jQuery的基础上进行更加个性化和人性化的完善。兼容大部分jQuery插件，并包含了丰富的Web组件，如下拉菜单、按钮式下拉菜单、导航条、按钮组、分页、缩略图、进度条和媒体对象等。自带了13个jQuery插件，其中有模式对话框、标签页、滚动条和弹出框等。

Foundation框架总体来看要比Bootstrap略显高大上一点，但他们俩的设计理念都是非常清楚的，Bootstrap有引导的意思，它尝试处理你项目中的一切所需。Foundation有基础、地基及支柱的意思，给你项目中强有力的创造与支持。相对于Bootstrap丰富的组件及插件，Foundation仅提供了有限的几种元素，其目标是，即使你使用预定义的UI元素，也不应该与大家的网站长得太像。

而Bootstrap则致力于提供所有定义好的元素，这样使得看起来许多网站都差不多。Foundation默认不带图标集，它推荐使用开源字体图标。与Bootstrap一样，Foundation使用网格流式布局将网页划分为12列，针对不同的设备显示不同的列数，实现响应式布局。但Foundation不支持旧版本浏览器。其他特性如有兴趣可进一步了解。

Curl是一个命令行工具，用于通过 HTTP(s)、FTP和数十种其它协议进行请求。使用Curl可以进行文件下载、检查响应标题和自由访问远程数据。

在 Web开发中，Curl经常和 RESTful API一起使用，用于测试连接。

# Fetch the headers of a URL.curl-I 302 FoundCache-Control: privateContent-Type: text/html; charset=UTF-8Referrer-Policy: no-referrerLocation: : 258Date: Wed, 09 Aug 2017 11:24:01 GMT# Make a GET request to a remote API.curl is the number of days it takes Saturn to orbit the Sun.

Curl命令可能比上述代码更复杂。有许多选项用于控制 headers、Cookie、身份验证等。了解更多，请阅读Everything curl。

Tree是一个小型的命令行实用程序，它将目录中的文件以可视化的方式进行显示。它采用递归运行的方式，遍历每个级别的嵌套并绘制所有内容的格式树。这样就能快速的浏览并查找需要的文件。

tree.├── css│├── bootstrap.css│├── bootstrap.min.css├── fonts│├── glyphicons-halflings-regular.eot│├── glyphicons-halflings-regular.svg│├── glyphicons-halflings-regular.ttf│├── glyphicons-halflings-regular.woff│└── glyphicons-halflings-regular.woff2└── js├── bootstrap.js└── bootstrap.min.js

还可以使用简单的 regEx模式来过滤结果：

tree-P'*.min.*'.├── css│├── bootstrap.min.css├── fonts└── js└── bootstrap.min.js

根据维基的解释，Tmux是一个终端复用器。通俗的说，它是一个能将多个终端连接到单个终端会话的工具。

Tmux允许用户在终端中的程序之间切换，添加屏幕窗格，并将多个终端连接到同一个会话，使其保持同步。在远程服务器上工作时，Tmux特别有用，因为它允许用户创建新的选项卡，而无需再次登录。

du命令用于生成关于文件和目录的空间使用情况的报告。du很容易使用，可以递归地运行，遍历每个子目录并返回每个文件的大小。

du的常见用例是：当某个驱动器的空间不足，用户不清楚每个存储器的大小。使用此命令可以快速查看每个文件夹所占用的存储空间，从而找到占用最大空间的存储器。

AUI是最近流行起来的，作者声称是专为APIClound设计的一套框架，解决了许多移动端开发实际中遇到的许多问题，是一个纯CSS框架。使用容器+布局+模块的构建方式，JS辅助，更自由更灵活更易于扩展使用。遵循Google Material设计规范，完美适配各个机型。面向HTML5，使用CSS3实现动画交互，轻量级高性能。AUI是使用MIT License授权，你可以复制、出售。目前最新版本2.0。

这是称为妹子UI的开源框架，据称是中国首个开源HTML5跨屏前端框架。妹子UI以移动优先为理念，从小屏逐渐到大屏，实现响应式网页。Amaze UI包含20+个CSS组件、20+个JS组件，更有多个包含不同主题的Web组件。相比国外框架，妹子UI关注中文排版提供本地化支持。面向HTML5开发，使用CSS3来实现动画交互，轻量级高性能。

Frozen UI是一款开源，简单易用，轻量敏捷的移动端框架。基于手Q样式规范，目前全面应用于企鹅手Q增值业务中。基础样式效果简单色调清爽，社区活跃，组件自然不少。包括按钮、列表、表单、通知、提示条、弹出框、选项卡等等常用组件。还包括一个FrozenJs的JS组件库。可以在主流的Android和IOS上应用。基本样式使用离线包的方式减少请求提供快速接入方案。当然，根据网友反映，也存在大大小小的bug。不过总体来说，还是值得一用的。奇怪的是，Github上显示的最后更新时间是一年前，难道已经没人维护了吗？

# Running this will show the space usage of each folder in the current directory.# The-h option makes the report easier to read.#-s prevents recursiveness and shows the total size of a folder.# The star wildcard(*) will run du on each file/folder in current directory.du-sh*1.2G Desktop4.0K Documents40G Downloads4.0K Music4.9M Pictures844K Public4.0K Templates6.9M Videos

还有一个相似的命令 df（Disk Free），使用df会返回有关可用磁盘空间的各种信息。

二、Android原生系统究竟有哪些缺陷

我们现在用的很多Android系统界面的体验都很糟糕。

不过不仅是第三方的系统界面，即便是原生的Android系统也并不完美，这也是这篇文章将要讨论的问题。Android 4.1 jelly Bean系统中就有很多令人莫名其妙的界面、奇怪的错误、没有任何意义的设定以及严重需要美化的部分。

之所以会写这篇文章揭发一些Android原生系统的缺点，是因为我希望这个系统能变得越来越好，同样我也希望Sense、TouchWiz、MotoBlur会更好。在开源系统中能够坦诚的讨论哪些地方很差劲是很重要的，如果所有人都在称赞一切都很完美，那么Android系统早晚也会走上桌面版Linux的路，这是大家都不希望看到的。

不过这里我并不会仅仅讨论Android系统本身，任何受大家喜欢的谷歌应用都在讨论范围之内，比如Gmail、Google Maps、Voice、Docs等等。那么下面就让我们正式开始吧，Jelly Bean和与其配套的谷歌应用，小编马上开喷了。

你永远不知道按下“返回键”后会怎样

下面是来自谷歌官方的Galaxy Nexus用户手册（PDF版）的截图，解释了返回键的具体作用：

可见返回键可以打开前一个画面，这与在浏览器中的后退键有着类似的功能，听起来很不错对吧，但是事情往往不想你预计的那样。

返回键经常会莫名其妙的失效，把你带到各种各样的界面中去，请看下面的例子。

点击桌面上的Gmail小插件进入邮件，然后点击返回，按照之前用户手册中所描述，你将会跳转到之前所在的界面，也就是手机桌面上。但事实上却并非如此，你将会跳转到Gmail的收件箱中，这并不是我们之前所在的页面，而是一个我们从来没有打开过的页面，这令人感到相当意外，只有再次按下返回键时才会回到应该去的桌面上。

既然我们不能相信用户手册了，那么还是让我们在实践中自己摸索吧，从上面的例子上看返回键的功能应该是先回到软件的主界面，然后再按一次则会回到之前打开过的界面中。

如果按我们刚刚总结好的经验，返回键会先带你回到软件的主界面然后回到之前打开的界面中，那么如果我们打开通知截图你将会在相册中看到截图，从这里按返回键的话应该会返回到相册的主界面中，对吧？在Gmail中我们回到了邮箱主界面因此相册也应当如此。

结果我们又错了！相册直接关闭了。这一次返回键按照用户手册中所描述的那样工作了，直接将你带回到之前所在的界面中。于是两个同样来自谷歌的软件，返回键的作用却完全不同，这让用户们情何以堪？

有时会直接跳过多个之前打开的界面

如果我们要去麦当劳，首先图1：通过谷歌地图搜索麦当劳，点击来查看具体的信息；图2：好吧看上去还不错，让我们看看怎么去；图3：导航！图4：等等，我误选了自驾方式，但我要做地铁过去，让我们按返回键重新选择导航模式吧；图5：于是我们回到了……图1？！

是的，在这里返回键没有任何理由的直接跳过了两个UI界面。我已经完成了搜索，只是想回来更改导航模式，但返回键直接把我打回了搜索结果界面，此外还还原了地图的缩放级别。

有时会让你回到N久之前打开过的界面

当我们把第三方的软件也混进来时事情就变得更加混乱了。在开始前我们先打开谷歌Play商店，点击菜单键，选择我的应用并选择一个应用。这里我们选择的是Chrome，然后点击主页键返回桌面，准备好挑战头脑风暴般的返回键逻辑吧。

图1：Beautiful Widgets，谷歌Play商店付费排行榜第三名，并且拥有顶级开发者称号，让我们点击一下看看；图2：哦，一个弹出窗口提示我们到Play商店中下载，好吧点击yes；图3：不过我改变想法了，我想再看一下刚才弹窗的提示消息，让我们点击返回键试试…

是否还记得，Chrome是我们之前在Play商店中打开的最后一个界面，而返回键把我们带回了这里。如果按照用户手册上所描述的回到之前的界面中，那我们应该看到的是Beautiful Widgets的弹窗提示才对。

这甚至不是系统层面的导航问题，而只是把你踢回了Play商店的历史记录中，在Android开发者的行话中叫做“返回栈”，再次点击返回键将回到我的应用，第三次点击返回键将回到Play商店的主界面中。但是我们的Beautiful Widgets又去哪儿了？我们完全把它给弄丢了。

当然我知道这个错误可能是由于Beautiful Widgets，但谷歌为什么要让开发者们来设计返回键的功能呢？如果像用户手册中说的那样，返回键只是用来回到上一个界面中去，开发者们根本不需要插手。Android系统本身应该记录下用户的访问历史，这样就可以让返回键有且仅有返回上个界面的功能，用户们也可以很容易理解这枚按键的用法了。

而现在返回键看上去非常随意，可能带你回到之前一段时间内打开过的任何界面中。你永远也不能确定这次点击会把你带回那里，或者这次将采用哪种逻辑方式。经常性的返回键并不能实现用户手册中描述的返回上一个打开的界面中，这对用户来说会很麻烦。我认为即便是Android之父Andy Rubin也搞不清每次点击返回键的结果，这简直糟透了。

三、CSS里的filter属性是CSS哪个版本里的

CSS里的filter属性是CSS2.0版本的。

filter：filtername（parameters）即 filter:滤镜名（参数)

其中，filter是滤镜选择符；filtername是滤镜的属性名，这里包括alpha、blur、chroma等

多种属性；parameters是属性参数值。属性名及参数值请看下面的《filter属性及属性值》。

1、先定义好CSS，再在页面中需要的对象上使用预先定义好的CSS，实际上CSS的设置对话框里已经预先将这些滤镜的语法设置好了，我们只需填上适合的具体参数即可。

2、直接在支持CSS滤镜效果的HTML控件元素上编写CSS filter代码。

可视化滤镜属性应用的HTML合法的控件和它们的说明

BODY网页文档的主体元素，所有的可见范围都在元素内

BUTTON表单域的按钮，可以有“发送(submit)”、“重置(reset)”等形式

DIV定义了网页上的一个区域，这个区域的高度、宽度或者绝对位置都是以知的

IMG图片元素，通过指定“src"属性来指定图片的来源

SPAN定义了网页上的一个区域，这个区域的高度、宽度或者绝对位置都是以知的

Alpha设置透明度 Blur设置模糊效果

Chroma设置指定颜色透明 Dropshadow设置投射阴影

Glow对象的外边界增加光效 Grayscale设置灰度(降低图片的色彩度)

Invert设置底片效果 Light设置灯光投影

Mask设置透明膜 Shadow设置阴影效果

Wave利用正弦波纹打乱图片 Xray只显示轮廓

语法：STYLE="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity，Style=style, StartX=startX，StartY=startY，FinishX=finishX，FinishY=finishY)"

Opacity：起始值，取值为0～100, 0为透明，100为原图。

例子：filter:Alpha(Opacity="0",FinishOpacity="75",Style="2")

2、blur：创建高速度移动效果，即模糊效果

语法：STYLE="filter:Blur(Add= add, Direction= direction, Strength= strength)"

Direction：角度，0～315度，步长为45度。

Strength：效果增长的数值，一般5即可。

例子：filter:Blur(Add="1",Direction="45",Strength="5")

语法：STYLE="filter:Chroma(Color= color)"

说明：color：#rrggbb格式，任意。

例子：filter:Chroma(Color="#FFFFFF

4、DropShadow：创建对象的固定影子

语法：STYLE="filter:DropShadow(Color=color, OffX=offX, OffY=offY, Positive=positive)"

说明：Color:#rrggbb格式，任意。

例子：filter:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1")

7、glow：加光辉在附近对象的边外

语法：STYLE="filter:Glow(Color=color, Strength=strength)"

例子：filter:Glow(Color="#6699CC",Strength="5")

这个属性模拟光源的投射效果。一旦为对象定义了“LIGHT"滤镜属性，那么就可以调用它的“方法(Method)

"来设置或者改变属性。“LIGHT"可用的方法有：

可以定义光源的虚拟位置，以及通过调整X轴和Y轴的数值来控制光源焦点的位置，还可以调整光源的形式

（点光源或者锥形光源）指定光源是否模糊边界、光源的颜色、亮度等属性。如果动态的设置光源，可能回

产生一些意想不到的效果。后面几页会有具体范例。

11、mask：创建透明掩膜在对象上

语法：STYLE="filter:Mask(Color=color)"

例子：filter:Mask(Color="#FFFFE0")

语法：filter:Shadow(Color=color, Direction=direction)

Direction：角度，0－315度，步长为45度。

例子：filter:Shadow(Color="#6699CC", Direction="135")

语法：filter: Wave(Add=add，Freq=freq，LightStrength=strength，Phase=phase，Strength=strength)

例子：filter: wave(Add="0", Phase="4", Freq="5", LightStrength="5", Strength="2")

14、Xray：使对象变得像被x光照射一样

语法：filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#B5CCFA', EndColorStr='#B5CCFA');

谷歌浏览器blur在哪的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于谷歌浏览器fl、谷歌浏览器blur在哪的信息别忘了在本站进行查找哦。