html5 | 易学教程

【爬虫教程】吐血整理，最详细的爬虫入门教程~

阅读更多关于【爬虫教程】吐血整理，最详细的爬虫入门教程~

初识爬虫学习爬虫之前，我们首先得了解什么是爬虫。来自于百度百科的解释：网络爬虫（又称为网页蜘蛛，网络机器人，在FOAF社区中间，更经常的称为网页追逐者），是一种按照一定的规则，自动地抓取万维网信息的程序或者脚本。通俗来讲，假如你需要互联网上的信息，如商品价格，图片视频资源等，但你又不想或者不能自己一个一个自己去打开网页收集，这时候你便写了一个程序，让程序按照你指定好的规则去互联网上收集信息，这便是爬虫，我们熟知的百度，谷歌等搜索引擎背后其实也是一个巨大的爬虫。爬虫合法吗？可能很多小伙伴都会又这个疑问，首先爬虫是一门技术，技术应该是中立的，合不合法其实取决于你使用目的，是由爬虫背后的人来决定的，而不是爬虫来决定的。另外我们爬取信息的时候也可以稍微 ‘克制’ 一下，能拿到自己想要的信息就够了，没必要对着人家一直撸，看看我们的12306都被逼成啥样了🤧🤧🤧。一般来说只要不影响人家网站的正常运转，也不是出于商业目的，人家一般也就只会封下的IP，账号之类的，不至于法律风险👌。其实大部分网站都会有一个robots协议，在网站的根目录下会有个robots.txt的文件，里面写明了网站里面哪些内容可以抓取，哪些不允许。以淘宝为例—— https://www.taobao.com/robots.txt 当然robots协议本身也只是一个业内的约定，是不具有法律意义的

html5视频文件上传前，预览video

阅读更多关于 html5视频文件上传前，预览video

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文档标题</title> </head> <body> <video style="height:auto;" src="" id="video0" controls="controls"></video> <input class="form-control" type="file" style="height:auto;" id="video" name="video"/> </body> <script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script type="text/javascript"> $("#video").change(function(){ var objUrl = getObjectURL(this.files[0]) ; console.log("objUrl = "+objUrl) ; if (objUrl) { $("#video0").attr("src", objUrl) ; } }) ; //建立一个可存取到该file的url function getObjectURL(file) { var

HTML5 向网页嵌入视频和音频

阅读更多关于 HTML5 向网页嵌入视频和音频

现在很多网站上都会使用到视频和音频，HTML5 中提供了展示视频和音频的标签。向网页嵌入视频可以使用 <video> 标签，而嵌入音频可以使用 <audio> 标签。这两个标签都是 HTML 5 中新增的标签，两个标签中的属性和方法也很类似，但也有些不同。其中 audio 元素用于定义声音，比如音乐， video 元素用于定义视频，如电影等。向网页中嵌入视频 <video> 标签可以用于定义视频，且提供了播放、暂停、音量控件来控制视频。举个例子，像我们侠课岛网站上，课程视频播放，就是通过 <video> 标签来实现的。下面我们来看一下如何向网页中嵌入一个视频。示例：首先我们准备一个视频，例如一个 test.mp4 ，然后使用 <video> 标签嵌入视频，如下所示： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTML5学习(9xkd.com)</title> </head> <body> <video src="./test.mp4" controls="controls" width="700px" height="400px"></video> </body> </html> 在浏览器中的预览效果：从上图中可以看到，我们通过 <video> 标签成功向网页中插入了一个视频，其中 src

看国外女神级程序员，直播写代码一年的感悟

阅读更多关于看国外女神级程序员，直播写代码一年的感悟

我第一次直播写代码是在去年七月份。我想要直播一下我在业余时间内为开源项目领域所做的工作，尽管在youtube上的大部分直播都是关于游戏的。我比较擅长于NodeJS的硬件库方面的工作（尽管大部分项目都是自己的）。并且我在youtube上曾经开启过一个房间了，那为什么我不继续做下去？我的栏目可以叫做：基于Java的硬件开发。当然，我并不是第一个在直播平台直播代码的，Handmade Hero是我见到的第一个直播代码的人。接下来Vlambeer的工程师们也开始了直播代码，他们在youtube上直播Nuclear Throne项目的开发。我也特别喜欢Vlambeer工程师们的直播。真正促使我做这件事情的是我的一个朋友，他是Nolan Lawson。他曾经一周直播一次他在开源项目领域所做的工作，真的很酷。在直播过程中，他解释了他所写的所有内容。他也回复了Github上的issue，将一些错误分类，调试代码分支。我觉得他这样很有意思，因为Nolan维护着拥有很高使用频率的开源代码库。我觉得他的开源生活和我很不一样。你可以看到我曾经在他的视频下留言：一周后，我设置好了youtube房间信息，使用OBS工具，我准备开始直播了。我一直维护着Avrgirl-Arduino这个库，我想我在直播的时候也做这个库的工作好了。第一次直播是很困难的，那时我很紧张

前端进阶笔记之核心基础知识---那些HTML标签你熟悉吗？

阅读更多关于前端进阶笔记之核心基础知识---那些HTML标签你熟悉吗？

目录 1、交互实现 1.1 meta标签：自动刷新/跳转 1.2 title标签：消息提醒 2、性能优化 2.1 script标签：调整加载顺序提升渲染速度 2.2 link标签：通过预处理提升渲染速度 3、搜索优化 3.1 meta标签：提取关键信息 3.2 link标签：减少重复 3.3 延伸内容：OGP(开放图表协议) 总结提到HTML标签，我们会非常熟悉，开发中经常使用。但我们往往关注更多的是页面渲染效果及交互逻辑，也就是对用户可见可操作的部分，比如表单、菜单栏、列表、图文等。其实还有一些非常重要却容易忽视的标签，这些标签大多数用在页面头部head标签内，虽然对用户不可见，但如果在某些场景下，比如交互实现、性能优化、搜索优化，合理利用它们可以让我们在开发中达到事半功倍的效果。 1、交互实现在实现一个功能的时候，我们编写的代码越多，不仅开发成本越高，而且代码的健壮性也越差。因此我们在开发中提倡编码简约原则： Less code, less bug 1.1 meta标签：自动刷新/跳转 meta标签妙用场景一：假如每隔一分钟就需要刷新页面，这个时候就可以用到meta标签： <meta http-equiv="Refresh" content="60"> meta标签妙用场景二：假如想让某个页面在对用户展示一段时间后，然后跳转到其他页面去，也可用到meta标签：

入门Web前端开发主要学什么?

阅读更多关于入门Web前端开发主要学什么?

　　入门Web前端开发主要学什么?是很多初学web前端学员都会问到的问题，毕竟近些年来web开发变化巨大，从简单网页脚本开发语言到开始染指后端服务器开发各种库插件多如牛毛，几乎无所不能。下面，千锋上海就分享给大家Web前端开发主要学什么? 　　了解web前端　　Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。2005年以后，互联网进入Web2.0时代，各种类似桌面软件的Web应用大量涌现，网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片，各种富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。　　网页开发工具　　学习web前端开发，网页开发工具有FrontPage，会用 Word 的人很容易学会FrontPage。还有一个常用的是Dreamweaver。这两种都是使用最多的HTML网页制作工具，我使用的是Dreamweaver cs6,因为这套软件提供了一套直观的可视界面，融合了html5一些新的内容。包括网格布局什么的。　　学习内容　　HTML、CSS和JavaScript。html是内容，css是表现，javascript是行为。前端开发的门槛其实非常低，与服务器端语言先慢后快的学习曲线相比，前端开发的学习曲线是先快后慢。所以，对于从事IT工作的人来说，前端开发是个不错的初入点

HTML5 给图形绘制阴影

阅读更多关于 HTML5 给图形绘制阴影

在 HTML5 中，我们除了上一节讲过的可以对图形设置平移、旋转、缩放，还可以给图形添加阴影效果。添加阴影的时候只需要利用图形上下文对象的几个关于阴影绘制的属性就可以实现啦。图形阴影绘制的属性属性描述 shadowOffsetX 阴影的横向位移量 shadowOffsetY 阴影的纵向位移量 shadowBlur 阴影的模糊范围 shadowColor 阴影的颜色 shadowOffsetX 属性和 shadowOffsetY 属性分别用于设置阴影在 X 轴和 Y 轴的延伸距离，属性值为正值表示向下或向右延伸，负值表示向上或向左延伸。 shadowBlur 属性用于设置阴影的模糊度，当我们不希望图形的阴影太清晰时，可以使用这个属性。属性值为必须为正值，否则无效哟，一般设定在 0到10 之间。 shadowColor 属性值用于设置阴影的颜色，属性值可以为任意标准的 CSS 颜色值，默认颜色为黑色。给图形绘制阴影例如给一个粉色的矩形绘制阴影。示例：绘制向右偏移 10 像素的阴影： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTML5学习(9xkd.com)</title> </head> <body> <canvas id="mycanvas" width="300" height="200"

前端面试中可能会问到的问题(一)

阅读更多关于前端面试中可能会问到的问题(一)

一面可能会问到的问题？使用键去获得JavaScript对象中的值时，时间复杂度是多少？为什么？ ES6中用过的语法或者知识点 proxy相比Object.defineProperty的优势（前面我提到了proxy）闭包的概念以及用途 http响应状态码永久重定向和临时重定向的区别？如何实现说出知道的http请求方法，还有就是put和post的区别，put和patch的区别。幂等的请求靠什么来实现的？是该方法自身实现还是需要后端实现？浏览器缓存策略跨域的解决办法 cookie的特性前端可能会存在哪些安全风险？如何防范为什么要有微任务然后做了两道题：实现一个sum函数，sum(1,2)(3).valueOf()这样调用后的结果为6 对字符串去重，要求时间复杂度为O(n)。 transition和animation 垂直居中的方法点击tab对应到tab详情。<a href='#id'>来实现 var声明变量和var声明function的优先级 promise的实现箭头函数 this的指向闭包 getElementsByTagName和querySelectAll的区别类数组对象转数组的方法数组的去重 set方法对象的遍历方法 304的过程是怎么样的，etag和if-none-match又是怎么比较的？ content-type类型 https加密的过程

JAVA和前端该选哪个？

阅读更多关于 JAVA和前端该选哪个？

这几年来伴随着互联网的迅速发展，新兴互联网产业的兴起，传统行业也逐渐开始互联网化，使得互联网职业在这样的背景下成了备受瞩目的热门职业，其中“前端开发”和“Java开发”就是热门职业其中之二，两者在关注度和热度上不分伯仲，但外界对他们得评价也是褒贬不一，随着互联网的继续发展，前端，Java工程师人才缺口大的现状也日益显著，在发展前景和薪资的吸引下，不断有刚毕业的大学生，或者有一定职场经验的工作者转行进入这个行业，但是大家就有疑问了，到底是学前端好还是学Java好呢？ > >>> 接下来我们做这样几个对比分析前景对比 java Java自1995年问世以来，即使历经二十年发展仍然在行业内保持着“常青树”的地位。可见其卓越的通用性、高效性、平台移植性和安全性等特性不可否认。在互联网的发展之下，Java技术也开始渗透进我们的生活，涉及领域众多，大到网站的开发，小到每一笔订单的支付，无论是手机软件、手机Java游戏还是电脑软件，都离不开Java，不可否认的是，可以说Java语言有着广泛的行业发展前景前端随着移动端的普及，谷歌、YouTube、Twitch等大型企业纷纷将视线转投向HTML5，在不长的时间内H5受欢迎程度已经有目共睹，并且开始涉及到各个行业，而HTML5作为移动互联网前端的主流开发语言，更加确认了前端开发在互联网时代的发展远景。加上微信小程序的推出

五分钟了解浏览器的工作原理

阅读更多关于五分钟了解浏览器的工作原理

Web 浏览器无疑是用户访问互联网最常见的入口。浏览器凭借其免安装和跨平台等优势，逐渐取代了很多传统的富客户端。 Web 浏览器通过向 URL 发送网络请求来访问 Web 服务器资源，并以交互性的方式展示这些内容。基本操作包括获取、处理、显示和存储。常见的浏览器包括 Internet Explorer、Firefox、谷歌 Chrome、Safari 和 Opera 等。架构图浏览器架构图浏览器主要由以下几个部分组成：用户界面浏览器引擎渲染引擎数据存储层 UI BackEnd JavaScript 解析器 (脚本引擎) 网络层用户界面这是用户与浏览器发生交互的区域。浏览器的外观没有特定的标准，HTML5 规范没有规定 UI 元素该长什么样，但是列了一些常见元素：地址栏、个人信息栏、滚动条、状态栏和工具栏等。浏览器引擎它提供了 UI 与底层渲染引擎之间的接口，根据用户交互进行查询和操控渲染引擎，提供初始化加载 URL 的方法，并负责重新加载、返回和前进等操作。渲染引擎渲染引擎负责在屏幕上显示网页内容。渲染引擎的主要工作是解析 HTML。渲染引擎默认可展示 HTML、XML和图片，还可以通过插件或扩展程序支持其他数据类型。现代浏览器使用不同的渲染引擎。 Gecko ： Firefox Webkit ：Safari Blink ：Chrome, Opera

订阅 html5