最近有一个爬虫面试题（http://shaoq.com:7777/exam）在圈内看起来挺火的，经常在各个爬虫群里看到它被提到.
最近（2019年6月）有一个爬虫面试题（http://shaoq.com:7777/exam）在圈内看起来挺火的，经常在各个爬虫群里看到它被提到，而几乎所有提到这个面试题的人在题目限制的条件下就不知道该怎么办了，但这题目其实真的并不难，甚至可以说应该只是为了在招人时再过滤一遍只会写解析，拿着Selenium和代理池硬怼的人罢了（之前招人的时候见过很多，甚至有很多2-3年经验还处于这个水平）。
一、背景样式 在CSS中，背景样式包括两个方面：背景颜色、背景图片。 在Web2.0 时代，对于元素的背景样式，我们都是使用CSS属性来实现。但在Web1.0时代,都是使用background或者 bgcolor这两个HTML属性（不是CSS属性）来为元素定义背景颜色或背景图片。 1.常用背景样式属性 属性 说明 background-color 定义背景颜色。 background-image 定义背景图片地址。 background-repeat 定义背景图片重复。 background-pos
1.background属性 1.1background-image "默认平铺整个页面" <!DOCTYPE HTML> <html> <head lang='en'> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>学城</title> <style type="text/css"> *{
毫无疑问，对于现在的前端新人来讲，尤其是培训班出身的前端新人，找工作就是一场战争。目标就是那几个工作岗位，周围的人全是敌人，没什么同伴。而在昨天的。。。文章中，我已经说的很清楚，前端新人的核心竞争力，就是看谁更早的拥有自己的“前端技术体系。” 都是零基础，都是在培训班中学习，也许对于前端开发的全部理解与认识，都来自于培训班中老师的讲解，这时许多培训班出身的同学，他们的技术水平上限， 就是他们的培训老师的水平上限。---这也是许多公司不愿意要培训班学生的原因之一，技术上限太低。 首先建立第一条技能线，就是前
在前端开发过程中，经常要对元素进行居中设置。一般有水平居中，和垂直居中。一般设置水平居中简单。基本是margin:0 auto，就可以了。但是垂直居中，我们有时会觉得使用vertical-align,但是这个属性对div元素不起作用。 目前通用的解决办法是，使用绝对定位，然后设置left和top为50%。然后通过margin来设置。下面具体代码演示了一个简单的登录页面，然后使登录界面水平居中和垂直居中。代码如下： <html> <head> <title>div元素水平和垂直居中</
浏览器会下载HTML解析页面生成DOM树，遇到CSS标签就开始解析CSS，这个过程不会阻塞，但是如果遇到了JS脚本，此时假如CSSOM还没有构建完，需要等待CSSOM构建完，再去执行JS脚本，然后再执行DOM解析，此时会阻塞。
视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。作为网页设计的热点趋势，越来越多的网站应用了这项技术。
大家好，今天我们一起来实践一个滚动视差的动画效果。虽然我们不是设计师，不擅长PS、AE，但是我们完全可以通过前端技术设计一幅漂亮的画面，今天我们要设计一幅月下山间小道开车的画面。在介绍之前，我们首先了解下什么是滚动视差，有助于我们实现这个案例。
背景属性 1.作用 设置背景颜色和背景图片 2.背景色 属性 background-color:值; 取值 任何合法性的颜色值 3.背景图片 属性 background-image:url(); 4.背景属性 background-repeat:值 取值 no-repeat 不重复
一想到导航菜单就会想到用 ul li无序列表来制作。因为他的语义非常接近条目性的内容。
当给父元素div(类名为box)设置font-size,color,text-align这些属性时,由于这些属性具有继承性,所以该父元素下的所有子元素(p,span,div)都会默认继承这些属性
大家好，今天我们一起来实践一个滚动视差的动画效果。虽然我们不是设计师，不擅长PS、AE，但是我们完全可以通过前端技术设计一幅漂亮的画面，今天我们要设计一幅月下山间小道开车视觉动效。在介绍之前，我们首先了解下什么是滚动视差，有助于我们实现这个案例。
中秋节马上就要到来了，这是一个很有意义的节日，意味这团圆和美满。 为此，我也特别准备了一个案例 中秋主题的3D旋转相册 Paste_Image.png 如图，这是通过Javascript和css3
网络爬虫（又被称为网页蜘蛛，网络机器人）就是模拟浏览器发送网络请求，接收请求响应，一种按照一定的规则，自动地抓取互联网信息的程序。
原文：https://juejin.cn/post/6901273585428463624
值： (1)、normal(正常)；bold(加粗)；（<==常用） (2)、纯数字：100~900的整百数；
大家好，关于惊艳的 Hero Header（不知怎么翻译，暂且这么叫吧） 的动效大家见过不少，在页面打开后的瞬间，好的 Hero Header 动效会给用户留下好的印象，如何抓住用户的第一印象呢。从设计角度方面来说，好的 Hero Header 都有以下要素：
昨天参加了一场CTF比赛，做了一道菜刀流量分析的题目，因为之前流量分析这块不是很熟悉，加上实战CTF也比较少走了不少弯路。
作者名：1_bit 简介：CSDN博客专家，2020年博客之星TOP5，蓝桥签约作者。15-16年曾在网上直播，带领一批程序小白走上程序员之路。
这个教程很简单也好学，希望对初步认识FLASH的动画爱好者有帮助，废话少说，下面我们开始制作 教程吧
实现效果，实际上，这个图片就是镶嵌在这里，如果有多行内容，需要滚轮的时候，图片的位置也不会变动
顺序 no优先级： (location =) > (location 完整路径) > (location ^~ 路径) > (location ~,~* 正则顺序) > (location 部分起始路径) > (/)
矫正： location 的匹配顺序其实是“先匹配普通，再匹配正则”。我这么说，大家一定会反驳我，因为按“先匹配普通，再匹配正则”解释不了大家平时习惯的按“先匹配正则，再匹配普通”的实践经验。这里我只能暂时解释下，造成这种误解的原因是：正则匹配会覆盖普通匹配。
不过“我看见你”和“我触碰你”是不一样的。正好，机缘巧合，最近又与这两个单位想见。大致琢磨了下，貌似vh这个单位可以实现我以前曾希望实现的的整体高度自适应布局。想到这里，自己不由得小兴奋了下，于是决定抽时间研究研究（虽然最近整iPad忙得屁股尿流~~）。
之前做项目的时候，需要实现类似微博个人主页的ScrollView效果，就是到顶部时继续下拉会放大顶部的图片。然后在网上找了一篇相关的实现，效果非常好，代码也很简洁易懂。(传送门: 自定义scrollView实现顶部图片下拉放大)，那么我这里就只是在其基础上修改了一点点而已，比如在代码中控制图片居中、增加动态设置放大的控件、使用自定义的最大放大倍数等，都是很简单的修改，还添加了滑动的监听回调(项目需要)。
在搜索引擎网站后台会有一个非常庞大的数据库，里面存储了海量的关键词，每个关键词对应很多网站，这些网站是被“搜索引擎蜘蛛”从茫茫的互联网上一点点下载收集而来的。这些勤劳的蜘蛛每天在互联网上爬行，从一个链接到另一个链接，下载其中的内容，进行分析提炼，找到其中的关键词，如果“蜘蛛”认为是垃圾信息或重复信息，就舍弃不要，继续爬行，寻找最新的、有用的信息保存起来。
Paste_Image.png 前端时间我在写一个系列，是关于JavaWeb的一个入门级项目实战，我的初衷就是打算写给初学者的，希望能对他们有所帮助。 这段时间博主也接触了一些事情，感觉有必要专门把J
在 three.js 里以向右的方向为 x 轴，向上的方向为 y 轴，向前的方向为 z 轴：
光学显示器中，每个像素都是由三原色的发光原件组成的，靠明亮度不同调成不同的颜色的。r、g、b的值，每个值的取值范围0~255，一共256个值。
http://www.sohu.com/a/330231789_120174705
作用域：server 、location、if 功能：如果一个URI匹配指定的正则表达式regex，URI就按照 replacement 重写。 rewrite 按配置文件中出现的顺序执行。 可以使用 flag 标志来终止指令的进一步处理。 如果 replacement 以 http:// 、 https:// 或 $ scheme 开始，将不再继续处理，这个重定向将返回给客户端。 rewrite后的请求参数 如果replacement包含新的请求参数，则在它之后附加先前的请求参数； 如果不想要之前的请求参数，则在replacement的末尾加一个问号，来避免附加先前的参数。
文章：https://kunnan.blog.csdn.net/article/details/106406160
最近看到的了一个比较有意思的解密游戏，这解密的过程中确实花了不少的功夫，后来通过搜索才发现这是好几年前的题目，虽然题目是老的，但是技术没有过时，不得不承认其中有些问题我确实解答不上来，不过解密的过程还是很有意思的，在此记录一下，游戏地址为光棍节程序员闯关秀第1关(总共10关)
Glidedsky 是一个爬虫闯关的网站，针对不同的水平的玩家，有着难度不同的关卡，基础爬虫，以及比较难的爬虫，用于练练手是挺适合的一个网站
第六步：用for循环绘制表格。 问题？怎么绘制？ 第一步：每一次的循环都开启一个新的路径。根据xy坐标绘制就行了.(默认canvas左上角开始). 为什么-0.5，因为默认情况下线条的中心点和像素的底部对齐所以会2显示，所以显示非纯黑色问题。所以-0.5，代表0.52=1
relative可定位，但是不改变容器尺寸和占据的空间 margin不同，margin也在盒模型中。 从border开始往里边，是可视尺寸clientWidth部分。 加上margin，是占据尺寸outerWidth margin可以改变元素尺寸，正值宽度变小，负值宽度变大。 margin也可以定位
那么此时就应该对应的修改其内边距，内边距也是属于对应的文本组件内容，那么其背景色也会被作用，如果是外边距则是表示对某个方向的距离，编写对应的距离并不会增加其这个元素的厚度，在此需要更高内边距：
引言 两年前，因QQ空间一个带宽优化项目的契机，我们团队制作了一个在线图片优化的系统—智图（http://zhitu.isux.us/），提供用户在线压缩图片，智能转换图片格式，在线生成webP格式图片等功能。在这两年的期间，我们根据用户的需求不断优化这个系统，也开放过api接口，同时我们也在考虑一种更快捷，更方便的图片压缩方式，nodejs时代的到来给我们提供了很大的便利，基于nodejs的跨平台客户端也在这两年如春笋般崛起。于是我们开始着手开发基于用户客户端的图片压缩工具（脱网模式），结合nodejs
大家好，又见面了，我是你们的朋友全栈君。 转载于：https://www.bilibili.com/video/BV12E411A7ZQ?spm_id_from=333.337.search-card
前段时间张鑫旭老师的《css 世界》出版，之前看过他写的博客，写的挺好的，一直就在思考要不要买？
网络爬虫（又被称为网页蜘蛛，网络机器人）就是模拟浏览器发送网络请求，接收请求响应，一种按照一定的规则，自动地抓取互联网信息的程序。 原则上,只要是浏览器(客户端)能做的事情，爬虫都能够做。
在线简历编辑这个，相对来讲还是有一点点复杂的。 在上一篇文章《【图片简历】Vue.js在线简历编辑器&生成图片简历(二)》中， (1)、搞定了html2canvas.js生成html网页图片。 (2)
工作中其实经常用到一些span标签和div标签来进行内容的显示，但涉及到文本标签的换行，总得多花那么一两分钟多写一下，今天就专门来瞅一瞅。
在上一篇 【HelloCSS】的第一章CSS的语法与工作流中介绍了 CSS的语法规则以及基本的渲染流程。本篇则会分享 CSS的逻辑属性以及盒子模型。
如果A网站和B网站, 同时使用了https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js的资源, 在访问其他网站A时, 浏览器会缓存jquery.min.js资源文件, 访问网站B时,就可以免于下载jquery.min.js的文件, 这样既节省了服务器流量, 又提升了资源加载的速度, 一举两得~
做前端的都知道，网页的布局是最麻烦的一件事了，虽然很多的事情都是很麻烦的，但是布局绝对是里面相对比较烦人的一件事了，之前的常见的布局方式有盒子模型，就是依赖于display+position+float的办法。但是一般的布局用这些还是没有问题的，也不是说特别的麻烦，但是如果是处理垂直居中的时候就会很麻烦，那么为了解决这个问题，2009年伟大的W3C提出了一种新的布局福方式-Flex布局。那么今天我们就简单的看看这个布局是怎么回事！
在浏览器中实现用户界面时，请尽可能减少浏览器带来的差异，以使用户界面具有可预测性。 跟踪所有这些差异很困难，因此，我整理了一些常见问题及其解决方案方便大家查看。
昨天咱们谈过了什么是切图，那今天接着往下说说，切图之后做什么。 一般来讲，切图的工作成本是HTML静态页面。在有些公司，是美工或是UI设计他们给切了。但这么多年来，这些美工和UI他们给切的图片，没有一次是好用的。我都得修补或是返工，差别只是程度不同。 为啥呢？因为他们不管前端开发。可能也基本不懂。所以UI和美工他们切图，那是真正的按图片的边啊，缝什么的往下切。 好了，在咱们前端开发的手里，切图这环节完事了之后。接下来你有二种情况， 第一，你们是用J2EE，或是.NET的开发环境，那么你需要把你的静态页面放到
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
云直播
