css3层次选择器，美国已经开玩Web3了？
Web3 只不过是一种形式而已
打开一个标签页，然后一遍又一遍地重复完全相同的步骤，你是否也有相似的经历？例如，打开同一个地图应用搜索同一个地点，打开同一个搜索引擎搜索相同的信息，或者打开同一个购物应用浏览某个商品。这种体验实在不好。
但是，如果每个新网站都需要学习才能使用，也会让人觉得很麻烦。虽然多样性的网络非常好，但是会降低我们的效率。因此在现实中，各个网站之间相互抄袭，还打出“简单易用”的口号。
有些网页上包含太多信息，一大堆的按钮和链接。而且你还需要注意操作的顺序：先点这个按钮，然后输入那个，然后弹出一个菜单……
用户打开这些网页有自己的目的，他们只想尽快达成这些目的。收集这些意图的方法是：使用表单，其中包含输入框、按钮、复选框、链接等元素，允许用户将数据发送到 Web 应用程序（比如将一条记录保存到数据库，或者导航到一个新页面）。
自从互联网创建以来，这一切就从未发生过变化。如今，我们仍然需要创建表单，然后保存到数据库里。
作为一名软件工程师，我的职业生涯始于编写 JavaScript，然后是 jQuery，然后是 Angular，再到 React，现在是 re-frame (ClojureScript)。请不要误会，如今的框架有很大的提升。但我觉得我们已经触及了“天花板”。我们改进的是工具，而不是结果。我们还在焦油坑里挣扎。
对了，我还忘了说该死的 CSS，我认为它是我们这个时代最糟糕的技术（当然蓝牙有过之而无不及）。虽然游戏开发者仍在嘲笑我们这些可怜的 Web 开发，但我们只知道编写 CSS 的最佳方式就是不要使用 CSS。
为什么我认为我们触及了“天花板”？主要原因有两个：
表单是动态的（填写表单、提交、加载、重置、重复操作），但它们仍存在于静态网页上。这就会造成一种不和谐。换句话说，我们正在努力将方形的钉子钉入圆孔中。
开发人员没有改变现状的动力。都是那些专家的错。
专家兜售专业知识
你可以问问周围的创业公司，他们是否有不得不裁掉团队中的软件开发人员的经历。我猜，只有当他们快撑不下去的时候，才会裁掉这些人，否则就不会成功。事实上，即便他们快撑不下去了，也仍然会努力保留开发人员，期待着连开发人员一起被收购。或者，反之亦然，看看他们不断招聘新的开发人员就知道了。
原因很简单：开发人员会制造技术负债，只有通过更多的开发人员才能减少这些负债。或者，换一种说法：每一行新代码都是负债，而不是资产。
通常开发人员不喜欢走捷径或者交付半成品。但在内心深处，无论是有意还是无意，他们都会为了自己创造更多的市场需求。
这是一个绝对的卖方市场。非开发人员已经非常清楚这一点，他们会加入培训班或通过自学掌握这些高薪的技术。
开发人员越多，产生的技术负债就越多，而公司所需的开发人员也越多。可笑的是，这些开发人员被赋予了一种非常特殊的地位：“专制奴隶”，虽然他们位于这条生态链的最底端，但拥有的权利却巨大。
最重要的是，随着设计水平的提高，对用户的要求也越来越高。建立最小可行产品（MVP）已经不够了，你还需要建立最小受欢迎产品（minimum lovableproduct，MLP）。然而，受欢迎的从来都不便宜。
因此，许多公司十分重视设计师。完善网页，研究用户，确保用户可以在正确的时间在正确的页面上找到正确的表单。当然，还得弄那些烦人的东西 CSS。
然而现实情况是，大多数公司都没有钱聘请这些 Web 工程师、设计师、移动开发人员、产品设计师和艺术总监等等。
那么他们怎么办？他们使用 Intercom 或者类似的客户服务系统。
Intercom的谬论
对于 Intercom 或类似的网站，第一印象就是网站右下角会显示一个非常烦人的聊天窗口，不停地骚扰你。
为什么这些企业会求助于这些服务？他们有一个问题：他们的网站发展或适应速度不够快，流失了很多用户，或者用户决定不再购买他们的产品。由于这些公司没有办法聘请更多的开发人员和设计师来解决这个问题，于是他们寄希望于一个聊天助手。基本思想是：我们的网站设计不佳，如果用户浏览网站时遇到任何问题，就可以通过这个窗口给予反馈，帮助我们修复问题。
熟悉正则表达式的人都清楚这个谬论：有些人遇到问题时会想：“我知道，我会使用正则表达式”。然后，他们就要面对两个问题。
如此一来，企业的网站仍然有问题，而且他们还必须支付这个昂贵的新工具的费用。顺便说一下，这款工具不过是另一版的微软 Word Clippy。
Intercom的目标是让互联网业务更加个性化，但他们并未实现这个目标。但他们不仅在业务上取得了成功，而且还围绕产品愿景创造了一种热潮，早在 2018 年，反对 Intercom 的呼声就与如今反对加密货币一样高。
没有找到“Intercom 被高估”的记录。
——Google搜索，2018 年
不过，我们无需对他们太苛责，他们也为我们指出了正确的道路：为什么就不能在一个空白的页面中全屏显示一个 Intercom 窗口？我认为这样至少让用户不会感到困惑。
第二层网络
加密货币与早期的互联网发展有许多相似之处。拿以太坊区块链为例，开发人员可以在其上部署任何应用程序，也就是我们所说的智能合约。就好像任何人都可以在互联网上发布网站一样。
但加密货币的有趣之处在于一切都在快速变化之中，因为金钱的诱惑力比信息更大。而且加密货币已经达到了我们前面所说的天花板。相关的系统和平台必须发展，而且也正在发展。
如今我们有了这些所谓的第二层（Layer 2）协议。基本思想是为开发人员提供一种构建更高级别抽象的方法，同时避免了基础层的难题（高昂的交易费用、缓慢的交易时间等）。这是另一个范式转变，解锁了全新的用法。我们再说一个简单的例子，GodsUnchained NFT 卡的低额买卖不仅没有任何费用，而且也没有延迟。
通常，我们希望在每一层强大的抽象之上建立更强大的抽象，从芯片上的晶体管到流媒体视频的发展都是如此。不幸的是，我们一直被有漏洞的 Web 抽象所困扰。此外，大量的无代码应用都不是抽象，它们只不过是更好的工具，但结果都一样，它们的服务对象都是我们想要竭力避免的不和谐的 Web 格式。
聊天机器人回归
曾几何时，聊天机器人风靡一时，有些人甚至认为它们将取代电子商务等领域的所有应用。然而，这一愿望未能成真。其实，聊天机器人很烦人，人们在聊天机器人身上寄予了太多希望，但最终一事无成。我就犯过这样的错误，但也并非一无所获。
2017年，我构建了一个 Slack 机器人，以一种有趣的方式帮助同事更好地了解彼此（这款机器人成功吸引了大量用户，并让我有生以来第一次登上了 Hacker News 的头版）。2018 年，我为 Facebook Messenger 构建了一个机器人，帮助用户创建自己的数字电影库（不幸的是，这款机器人没什么名气）。两次构建都经历了重重困难，因为很少有人为这些平台构建产品。但我通过这两款产品结识了一些朋友，我们认为聊天机器人拥有强大的能力：
登录系统是现成的；
可以准确监控活动；
可以与用户进行真实的交谈；
跨平台；
通知系统也是现成的；
可以提供最佳新用户引导流程；
总体而言，由于对话的限制，开发聊天机器人的效率很高。
但聊天机器人的发展不是很乐观，而且很有可能被锁定到某个供应商内。最终，用户还是会被限制在 Facebook、Salesforce 或亚马逊等的平台中。想一想，如果我们不得不在这些围墙花园中开发加密货币支付，会怎么样？所以，我们不希望掉入这样的陷阱，我们希望在互联网上享受聊天机器人带来的便利。
你写论文时都发现了哪些神网站？
知道了这些网站能解决你90%的写作问题！一、专业地道的英语表达
01曼切斯特大学学术短语库
网址：phrasebank.manchester.ac.uk/
曼切斯特大学学术短语库主要的作用是帮助我们更好地进行SCI写作，学术语库中会结合SCI论文的各部分，逐一讲解如何入手写作。比如results部分增长的结果如何陈述，讨论中和我们文章结果不一致的参考文献该如何讨论等等，并且给出了海量的模板供我们套用，可以说是SCI写作的必备网站。
02 Linggle：更准确的词组搭配
网址：linggle.com/
学术写作仅仅依靠翻译自然是不妥的，一个句子如何表达才能合乎语法规范呢？Linggle网站基于对英文搭配进行概率统计，提供了更为准确的英文写作建议。
具体如何使用？
Help弹窗给出了几种适配的通配符搜索方法。下图已做标注，不再一一阐述。
总的来说，可以帮助我们解决4个方面的问题：
①提供词组搭配；
②近义词替换；
③根据使用概率推荐更优词组；
④给出不同词性要求下的词组搭配。
有了这个网站，我们可以轻松择出不同语境下的最佳表达方式。
二、SCI论文下载最强站
01文献小镇
网址：http://www.sci-hub.ac.cn/
作为学术导航类的网页，文献小镇一直是笔者较为推荐的。打开页面会直接提供sci-hub的搜索链接，直接输入doi即可直接跳转到sci-hub的文献下载页面。除此之外，文献小镇下面的链接还提供了不同的sci-hub网址，谷歌学术镜像网址。
上方的导航条也提供了中文文献的下载方法以及百度文库的下载方法等，有空多来文献小镇逛逛总能发现用得上的东西。
02X-MOL
网址：https://www.x-mol.com/
不仅可以对来自数万种英文期刊的超过50,000,000篇文献进行检索和收藏，还可以通过文献的DOI号或卷期页码一键直达原文。
03Researcher
网址：https://www.researcher-app.com/
作为一款创办于2017年的国际知名学术期刊搜索软件，近年来受到全世界范围内的学生及科研人员的广泛好评。Researcher收录了海量的科研文献，可以根据您的关键词，定向推送与您的研究方向相关的最新文献，大幅提高您的科研效率。
04Zenodo
网址：https://zenodo.org/
一个多学科研究数据知识库和优质的文献资源网站，设有“Recent uploads”专栏，为大家提供最近更新的文献、资源内容，会显示该内容访问以及下载的次数，从而为大家提供资源的受欢迎程度参考。点开任意一篇开放的文献，可以免费下载全文，值得一试。
三、随叫随到的英语翻译
01 CNKI翻译助手：更专业的中译英工具
网址：http://dict.cnki.net/
翻译工具千千万，为什么要推荐CNKI翻译助手呢？
不同于一般的英汉互译工具， 这个网站是以CNKI总库所有文献数据为依据。
换句话说，CNKI文献库中的英文文献、英文摘要、英文标题等都是其词源。
简单看一下网站界面：
搜索栏输入搜索内容后，下方正中间即出现相应的翻译内容，包括了词典中的译词（点击“显示更多”可查看多个同义词）、双语例句、英文例句、文摘等。
可以用来替换常用词、了解单词使用语境。为使搜索结果更契合你的领域，可以在“学科分类”中筛选搜索结果。
当然，缺点也是有的，CNKI收录的毕竟是国人写的文章，表达不乏“Chinglish”，若想表达地道还是需要另寻渠道。
02欧路词典
网址：https://dict.eudic.net/
还在用有道词典吗，还在忍受广告吗，又或者不想花钱氪金？那么就来试试欧路词典吧，欧路词典相比于有道词典在词库拓展和划词上更加强大。界面干净没有任何广告，自带的扩展词库已经足够日常需求，还能根据我们自己的需要进行屏幕划词和取词的设置。同时，欧路词典有手机版和电脑版，在移动端也能很好地帮助我们进行语言翻译。
与其说欧路词典是一个查词工具，不如说它也是一个英语学习工具，我们查过的单词句子也会自动帮助我们记录下来，方便我们以后查找。
03NetSpeak
网址：http://www.netspeak.org
NetSpeak是一个提供免费线上单词、词组、语句翻译的工具，其特点是可以在线搜索和比较各种英文词汇、短句、语法、单词解释等内容，并且可以统计出这个用语的变化形态，还可以分析使用频率和情境，堪比谷歌翻译。
04Deepl
网址：deepl.com/translator
通常写SCI或者回复审稿人时，我们总是担心自己的语言不地道，中文直译不准确。的确，机翻的语句或多或少都会存在各种各样的问题，在目前所有汉译英工具中，小虎编辑认为Deepl是最好的，其翻译出的英语比较接近口语表达，尽管偶尔还会出现一些问题，但是在机翻里的表现已经算很优秀的了。
不过，经过小编的测试，Deepl只适合汉译英，假如要进行英译汉的翻译，Deepl的效果反而不如知云或者谷歌翻译。
四、语法检查不怕错
01Grammarly
网址：https://www.grammarly.com/
使用时需要我们注册账号，登录后即可使用。
使用时，需要我们将检查的英文段落粘贴到左侧的对话框中，在右侧网页会自动指出我们这一段话中存在的语法错误、标点符号错误、是否缺少空格等等。一些粗心导致的小错误也能帮助我们检查出来，类似word的自动检测功能，不过Grammarly的效果更好一些。
02 1checker（易改）
下载链接：http://www.1checker.com/
全中文界面，对国人的SCI语言润色十分友好，而且免费使用。点击【获取免费的1checker（易改）】即可下载，安装好后，打开软件，只要在软件中输入一段英文，1checker就会自动帮我们进行语法和错误的检查，顺便说一句，1checker连使用错误的标点符号都能检查出来哦。
03 ProWritingAid：更地道的文法表达
网址：prowritingaid.com/
这款工具主要用于英语写作的语法提高和润色，类似功能的软件如StyleWriter、Grammarly等我们往期推文中有给大家做过详细的测评（推文传送门：SCI英文润色软件推荐——StyleWriter；一键帮你解决SCI论文语法错误——Grammarly英文润色软件）。
ProWritingAid作为后起之秀，有什么过人之处呢？油管、B站也有不少博主给出了对比结果。简言之，它较StyleWriter更易上手，比Grammarly更便宜（年订阅价：ProWritingAid 79$/年；Grammarly 168$/年）。
先看看它有哪些功能。官网上给出的说法是“Edit Faster/ Fix Style Issues/ Eliminate Errors/ Find The Right Words/ Learn As You Edit”。即在交互环境下帮助我们纠错、提升语法及精炼语言。
上手很简单，学生党可以在线使用免费版，限制篇幅500字以内。注册登录后点击“Start Web Editor”启用，在Settings中设置语言为“General English”，文体为“Academic”。
接下来就可以进行文章检测了，可以上传文档或粘贴片段。网站操作界面如下：
《哈佛商业评论》说过：好的语法有助于清晰、专业、准确地表达思想。《ABC新闻》说过：糟糕的语法就像粗俗的搭讪语一样令人反感。由此可见，对于编辑和审稿人来说，论文的英语质量和SCI论文的创新点是一样重要的。
但是，机器或者软件润色始终都有局限性，最好最准确的还是人工润色，这是不争的事实。因为SCI水平的专业文章对于任何一款英文润色软件都显得太高深了，目前的软件只能提供英语语言上的问题，但对于专业问题真的是不大可能有任何帮助的！而专业问题其实才是我们找别人（不管是找老板，同事还是润色机构）润色的核心！
想一想，找个发表了几十上百篇SCI论文而且还是你本专业领域内的教授给你改论文，甚至直接找一个相关领域内的英语母语老外给你改论文，那修改的效率、准确度和地道程度是远远好于用软件修改的。人工润色不仅能修改语言错误，甚至还能给你提一提科学意见，论文的水平立刻上升一个层次。
选择人工服务也是最方便最省心的，这也使得很多人认识了投必得，一个专业的论文润色编辑机构。投必得（TopEdit）创立于2015年，作为全球知名的英文润色和学术论文发表支持服务提供商，投必得 自成立至今，已累计为全球十余个国家，十万余名科研学者、高校、医院、出版商和企业提供英文润色、学术翻译和期刊论文发表指导服务。
网址：https://www.topeditsci.com
哪个电脑浏览器最适合程序员？
既然说到浏览器，就不得不从伟大的IE系列说起，作为一个前端工程师，写页面有个天敌就是IE系列。从IE5到IE11，几乎每代IE的代码兼容都多多少少需要做。因为兼容很困难,而且由于微软自带浏览器的原因，早期IE有很高的市场份额，IE就成了程序员的天敌，也是从这个时候开始，浏览器用户体验慢慢的被人们所认知，用户慢慢的对浏览器的要求越来越高。后来IE的开发者们也清楚IE浏览器并不受人们欢迎，所以当做到IE11的时候，微软终于停止做恶魔，IE系列就此终结，现在的Win10已经换成Edge浏览器，HTML5也开始支持。
还是忍不住吐槽一下，作为一个前端开发者，一直以来认为兼容低端浏览器是开发者的责任，给用户最好的体验是开发者的职责。但还认为，作为开发者，也有资格呼吁大家使用交互更好，性能更好的浏览器，不为了减少工作量，IE浏览器的市场份额越来越少，才会促使前端、浏览器、微软更快的进步。
程序员的选择：Chrome、Firefox
做程序员的，大部分都会从以上两个浏览器中选一个来使用，前端人员会有一部分选择firefox，大部分人都会用Chrome。为什么这两个浏览器程序员这么爱用，细细道来。
Firefox：
火狐浏览器前几年前端人员都很喜欢，原因非常简单，就是Firebug，在那个年代里，Chrome的页面调试真的不如Firebug好用，而且火狐也需要做代码兼容，所以其实Firefox是前端人员必备的浏览器，所以也不好奇为什么程序员会用。而Firefox为什么干不过Chrome呢，有2个原因吧：
1、浏览器启动性能差
早期的Firefox光启动时间就要接近一分钟，受不了受不了
2、Firebug无太大进步
做开发者这么多年，Firebug虽然一如既往，但是与时俱进的能力差一些
Chrome
终于说到主角了，因为目前也是使用Chrome，所以对Chrome的了解更多一些，说说Chrome的优点吧：
1、浏览器简洁性能高。
Chrome画面简洁，性能是所有浏览器中最好的。
2、支持HTML5全面以及浏览器兼容问题做少
为什么前端程序员喜欢Chrome？因为兼容起来最简单！而且HTML5和CSS3可以给用户带来高一层次的视觉和体验。
3、丰富的插件
Chrome的插件系统很强大，如果不了解就体验不到Chrome的最爽的地方
各种辅助工具、屏蔽广告、开发工具等等
4、谷歌搜索
可以直接在url上谷歌搜索。 *** 某度（* 自行理解）
5、开发者工具
老实说早年间的Chrome开发者工具跟IE差不多，也很烂，不过一次一次的迭代，认为现在的Chrome开发者工具已经超过Firebug很多很多了
争议与市场份额并存的国产浏览器：360为首的一系列国产浏览器
说这个话题其实是想为国产浏览器伸冤，有很多人认为国产浏览器很Low，认为国产浏览器抄袭，认为国产浏览器广告多、很垃圾。
首先不认为国产浏览器很Low，认为国产浏览器是在国内环境下用户体验最好的浏览器。
国产浏览器大多的做法是双核浏览器，什么意思呢，就是具有Chrome和IE的双内核。
这么做有什么好处呢？举个栗子吧。
在一家公司上班，用Chrome浏览器日常使用，偶尔要使用OA系统，但是OA系统只支持IE浏览器，那么问题来了，需要打开IE浏览器访问OA系统。但使用双核浏览器的话就没有这个苦恼了，浏览器会识别页面在哪个内核环境可以正常访问，真正实现了一个浏览器解决页面访问。这才是真正的用户体验。至于广告多这种事，插件就可以解决。
html层级最高为多少？
在html中，帧元素(frameset)的优先级最高，表单元素比非表单元素的优先级要高
表单元素包括文本输入框，密码输入框，单选框，复选框，文本输入域，列表框等。非表单元素包括链接(a)，table，div，span等
扩展所有html元素又可以分为有窗口元素和无窗口元素，有窗口元素总是显示在无窗口元素前面。
有窗口元素包括select元素，object元素，frames元素等
无窗口元素包括大部分html元素都是无窗口元素