最近两天接触到了CSS伪类和伪元素之间的关系，伪类和伪元素在css代码中使用:做标识符，同来识别元素。我倒是理解，可是为什么时常见到一会用一个冒号，一会用两个，然后就感觉很迷糊了，于是就有了这一篇文章。伪类和伪元素，对于绝大多数同学来说，都是耳熟能详的名字，但确实又有很多人搞不清楚它们之间的区别，以致于混淆概念。而当概念都混淆的时候，也往往意味着你不会经常使 …
文章教程
大家肯定注意到，很多网站变成灰色，原因都知道，是为了纪念一位伟人。比如我们打开百度，界面如下：这种把整个页面都变成灰色，是怎么做到的呢？对前端开发有经验的同学，也许会说换一套灰色的模板UI。显然是不可能的，网站上元素这么多，而且一直在迭代新功能，都改成灰色成本太大了，所以一定有另一种非常快速的方法。在浏览器按下F12，我找到了答案。body上多了一个名为bi …
HTML是最流行的Web前端开发技术之一，它是一种用于创建网页和 Web 应用程序的标记语言。HTML与CSS和JavaScript结合使用以创建有吸引力且响应迅速的前端网页。 HTML 提供了几个不同的元素，如 <head>、<body>、<p>、<img>、<a> 等，它们充当网站的构建块 …
版权声明 本文首发自微信公共帐号： 学习学习再学习（xiaolai-xuexi）； 无需授权即可转载，甚至无需保留以上版权声明； 转载时请务必注明作者。注意：以下是一个“烂教程”的示例。烂教程的特点就是作者懒得写清楚，或者干脆不知道应该如何写清楚，不知道把什么写清楚，不知道写给谁，当然也不知道读者究竟在哪里需要什么样的帮助…… 于是写出来的东西，除了给自己带 …
在我们日常工作中，可能会遇到截图页面的场景，有时页面有些内容不符合要求，我们可能需要进行一些数值或内容的修改。如果你会PS，修改内容难度不高，如果你是前端，打开控制台也能通过修改dom的方式进行简单的文字修改。今天，我就来分享一个冷门又实用的前端技巧 —— 只需一行 JavaScript 代码，让任何网页瞬间变成可编辑的！ 先看看效果：甚至，还可以插入图片等 …
什么是DIV？ DIV是层叠样式表中的定位技术，全称DIVision或叫做划分。在网站制作中DIV元素一般是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。当使用DIV+CSS布局的时候， 主要把它当做盒子然后把需要的文字，图像等内容放在DIV标签之中，它可称作为“DIV block”，或“DIV element”或“CSS- …
摘要HTMLAgilityPack 是一个开源的.NET库，旨在帮助开发人员处理和操作HTML文档。它提供了解析HTML文档、查询DOM元素以及修改HTML内容的功能。HTMLAgilityPack 基于XPath和LINQ查询，使得开发者能够以类似于操作XML文档的方式来操作HTML文档。这使得从复杂的HTML结构中提取所需数据变得轻而易举。正文HTMLA …
为什么Web页面的加载速度如此重要？在这个信息化的时代，如果一个网站的加载时间过长，大部分用户会极其不耐烦地选择“关掉”！这让辛辛苦苦熬夜敲代码的程序员们情何以堪，不管网站功能如何强大，用户根本都没来得及看一眼，结果网站访问量越来越少，粉丝转化率越来越低，最后，程序员可能就要下岗了。了解前端开发的程序员都知道，影响网站性能的因素有很多，例如，HTTP请求数量 …
Beautiful Soup 4 (BS4) 是一个非常灵活和强大的库，有很多使用技巧可以让你的HTML解析工作更高效和简洁。这里列举一些：1. 使用更精确的选择器 (CSS Selectors):select() 和 select_one() 方法允许你使用CSS选择器，这通常比 find() 和 find_all() 结合多种参数更直观和强大。from …
掌握一些简洁有力的单行代码技巧可以大幅提高编码效率，让JavaScript代码更加优雅。分享 20 个实用且令人惊叹的 JavaScript 单行代码，可能为你的工作带来便利。1. 数组去重const uniqueArray = [...new Set([1, 2, 3, 3, 4, 4, 5])];[1, 2, 3, 4, 5]利用 ES6 的 Set 对 …