html
关注
分享
扫一扫
lengye7
这个作者很懒，什么都没留下…
展开
-
WEB通信交互的几种方式
WEB通信交互的几种方式 - 实时通信发展过程简介 简单介绍一下现在的WEB通信有以下几种方式：最基本的http请求方式，Ajax轮询，Ajax长轮询，HTML5推送事件，HTML5的WebSocket。最基本的http请求方式: 客户端向服务器端发起一个请求 服务器端接收到请求后会在服务器端进行业务逻辑处理运算 服务器端返回结果到客户端 一个很实在的例子...转载 2019-02-17 00:40:32 · 5236 阅读 · 0 评论 -
浏览器缓存机制详解
对于浏览器缓存，相信很多开发者对它真的是又爱又恨。一方面极大地提升了用户体验，而另一方面有时会因为读取了缓存而展示了“错误”的东西，而在开发过程中千方百计地想把缓存禁掉。那么浏览器缓存究竟是个什么样的神奇玩意呢？什么是浏览器缓存：简单来说，浏览器缓存就是把一个已经请求过的Web资源（如html页面，图片，js，数据等）拷贝一份副本储存在浏览器中。缓存会根据进来的请求保存输出内容的副本。当下...转载 2019-02-08 14:08:12 · 425 阅读 · 0 评论 -
浏览器渲染页面过程与页面优化
由一道面试题引发的思考：从用户输入浏览器输入url到页面最后呈现 有哪些过程？一道很常规的题目，考的是基本网络原理，和浏览器加载css，js过程。答案大致如下： 用户输入URL地址 浏览器解析URL解析出主机名 浏览器将主机名转换成服务器ip地址（浏览器先查找本地DNS缓存列表 没有的话 再向浏览器默认的DNS服务器发送查询请求 同时缓存） 浏览器将端...转载 2019-02-08 13:53:33 · 268 阅读 · 0 评论 -
转载：浏览器渲染原理及流程
我们可能都知道浏览器含有一个渲染引擎，用来渲染窗口所展示的内容。默认情况下，渲染引擎可以显示html、xml文档及图片，它也可以借助插件（一种浏览器扩展）显示其他类型数据，例如使用PDF阅读器插件，用于显示PDF格式。但是其具体的渲染原理和流程估计也有很多人都不知道或者不清楚吧。这些天研究了一下浏览器的渲染原理，有了些心得，在这里跟大家分享一下，这里只讨论渲染引擎最主要的用途——显示应用了CSS之...转载 2019-02-07 23:54:07 · 187 阅读 · 0 评论 -
link标签的主要用法
link的rel属性有很多的值，不同的值代表了外部资源与本html文档的关系。rel属性的值可以是：alternate author canonical dns-prefetch external help icon licence manifest modulepreload next pingback prefetch preload prev searc...原创 2019-02-07 22:40:50 · 29221 阅读 · 1 评论 -
转载：五大主流浏览器内核的源起以及国内各大浏览器内核总结
下面是来自百度统计流量研究院的浏览器市场份额报告（2016年1月至今）可以看到chrome和IE依然占据了国内浏览器份额的大多半江山，尤其是chrome浏览器，近几年来发展迅速，抢走IE不少份额。另外国内一些浏览器也有不错的成绩，比如QQ、2345还有搜狗等等。下面主要总结一下，五大主流浏览器以及国内一些浏览器所使用的内核。捋一下内核的概念： 浏览器内核又可以分成两部分：渲染...转载 2019-02-06 17:26:47 · 534 阅读 · 0 评论 -
标签head的通常用法
<head>标签通常放在头部，其中的内容不会显示在网页中，在head标签内部，可以包含以下一些标签<base>, <link>, <meta>, <script>, <style>, 以及 <title>。title标签：该标签可以用于指明html文档的标题，从而能够使浏览器和搜索引擎更好的分析和确定htm原创 2019-02-03 16:04:34 · 772 阅读 · 0 评论 -
标签html的常用属性
<html>标签的常用属性<html lang="en"></html>指定了整个文档的主要语言是英语<html lang="zh"></html>指定了整个文档的主要语言是中文指定了页面中的主要语言，方便了搜索引擎和浏览器。 <html manifest="url"&原创 2019-02-01 17:06:31 · 650 阅读 · 0 评论 -
怎样循序渐进、有效地学习JavaScript（转）
初学一门语言，要秉承一个原则：“能动手的，尽量别吵吵” 你需要一个能够从简到难的知识体系，一步一步跟下来。下面是干货。说明一下这张图，如何有效学习JS，我这里理解为JS原生，所以关于框架、工作流的内容，没有具体展开，有兴趣可以自行搜索。文档资料 a) 红宝书(基础)：https://book.douban.com/subject/10546125/ b) 蝴蝶书(进阶)：...转载 2019-01-31 22:36:25 · 168 阅读 · 0 评论 -
探析浏览器执行JavaScript脚本加载与代码执行顺序
本文主要基于向HTML页面引入JavaScript的几种方式，分析HTML中JavaScript脚本的执行顺序问题1. 关于JavaScript脚本执行的阻塞性JavaScript在浏览器中被解析和执行时具有阻塞的特性，也就是说，当JavaScript代码执行时，页面的解析、渲染以及其他资源的下载都要停下来等待脚本执行完毕①。这一点是没有争议的，并且在所有浏览器中的行为都是一致的，原因也不...转载 2019-01-29 00:05:58 · 672 阅读 · 0 评论 -
浏览器中JavaScript执行原理
本章我们讨论javascript在浏览器中是如果工作的，包括：下载、解析、执行的全过程。javascript的这些讨人嫌的地方我们是知道的：i.需要串行下载ii.需要解析iii.需要串行执行而在chrchromium中，js是这样解析的：（其实第一章末尾已经有了）至于一些步骤的解释，这里就不再复述了，不懂的请戳：浏览器渲染过程 拉至末尾。简直就是大魔王有木有？心中可有一...转载 2019-01-28 23:03:48 · 2469 阅读 · 0 评论 -
转载：浏览器渲染过程
转载自：http://www.cnblogs.com/inJS/p/4893434.html最近工作闲下来了，恰巧最近在研究前端性能优化相关的问题。读到很多书籍、以及以前公司分享的一些相关资料。这里将它们总结起来，以便大家学习。我们的目标是：没有白屏，对！没有白屏。以下是在同一台机器，相同网络环境的一个测试：大家都知道，浏览器产生白屏。是因为UI在渲染过程中被阻塞了。那么问题来了，...转载 2019-01-28 21:08:37 · 179 阅读 · 0 评论 -
script标签中defer和async属性的区别
转载自：https://www.cnblogs.com/neusc/archive/2016/08/12/5764162.html这篇文章来源于JS高级程序设计第三版中关于script标签的介绍，结合查阅的资料写下的学习笔记。 向html页面中插入javascript代码的主要方法就是通过script标签。其中包括两种形式，第一种直接在script标签之间插入js代码，第二种即是通过sr...转载 2019-01-28 19:18:42 · 2131 阅读 · 3 评论 -
M3U8文件
M3U本质上说不是音频文件，它是音频文件的列表文件，是纯文本文件。你下载下来打开它，播放软件并不是播放它，而是根据它的记录找到网络地址进行在线播放。 M3U文件的大小很小，也就是因为它里面没有任何音频数据。把M3U文件直接转换为音频文件是不可能的，除非你把它指向的音频文件下载下来再作处理。m3u格式的文件只是存储多媒体播放列表，提供了一个指向其他位置的音频视频文件的索引，你播放的还是那些被指向的...转载 2019-01-26 14:05:39 · 5204 阅读 · 0 评论 -
转载：python爬取网站m3u8视频，将ts解密成mp4，合并成整体视频
转载自：https://blog.csdn.net/a33445621/article/details/80377424一些网站会提供m3u8视频地址，以供下载观看。或者一些网站经过分析后发现是使用m3u8格式进行播放的，这时使用m3u8的地址链接就可以下载到相应的视频。一、关于m3u8：（https://blog.csdn.net/baidu_34418350/article/detai...转载 2019-01-25 19:46:13 · 4027 阅读 · 1 评论 -
转载：视频网站中video标签中的视频资源以blob:http呈现的探索
一、问题场景 想下载知乎视频资源，却发现视频链接是这个样子的blob:https://v.vzuu.com/b6146956-6e52-406d-8909-f3f1b81ae461当时一脸懵比啊 ~难道blob:https是什么牛逼的新协议？于是进行了一番探索二、探寻结论 结论就是blob:https并不是一种协议，而是html5中blob对象在赋给video标...转载 2019-01-25 19:42:47 · 6143 阅读 · 0 评论 -
转载：爬虫，关于 video 标签 src 带有blob:http的 一些想法
转载自：https://blog.csdn.net/Angry_Mills/article/details/82705595大家好，我是烤鸭： 之前玩爬虫的时候，看到过video标签中src属性引入的blob:http:xxxx，当时没找到解决思路，今天又遇到类似问题，就试着找了一下。这是有人问过 https://vimeo.com/ 这个网站的视频怎么下载。 htt...转载 2019-01-25 18:15:24 · 4825 阅读 · 0 评论 -
转载：抓取前端渲染的页面
随着AJAX技术不断的普及，以及现在AngularJS这种Single-page application框架的出现，现在js渲染出的页面越来越多。对于爬虫来说，这种页面是比较讨厌的：仅仅提取HTML内容，往往无法拿到有效的信息。那么如何处理这种页面呢？总的来说有两种做法：在抓取阶段，在爬虫中内置一个浏览器内核，执行js渲染页面后，再抓取。这方面对应的工具有Selenium、HtmlUnit或者...转载 2019-01-25 17:15:18 · 594 阅读 · 0 评论 -
转载：使用chrom调试
转载自：https://www.cnblogs.com/hongmaju/p/5115801.html首先我们打开开发者工具，你可以直接在页面上点击右键，然后选择审查元素或者在Chrome的工具中找到或者你直接记住这个快捷方式： Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台)，或者直接按F12。1、Elements标签页这个就是查看、编辑页面上的元素，包括...转载 2019-01-25 16:00:42 · 476 阅读 · 0 评论 -
转载：h5标签中的embed标签
转载自：https://www.cnblogs.com/xiyangbaixue/p/4195278.html摘要： <embed> 标签是 HTML 5 中的新标签，用来定义嵌入的内容，比如插件。类似于HTML 4.01 中的object和applet标签。我们要在网页中正常显示flash内容，那么页面中必须要有指定flash路径的标签，也就是OBJECT、APPLET和E...转载 2019-01-25 13:41:49 · 1467 阅读 · 0 评论 -
html的组成
<!--这是注释-->//注释的内容<!DOCTYPE html> //声明为html5文档<html> //根元素，必须有 <head><meta charset="utf-8"><title>实例 </title></head>原创 2017-08-01 23:00:07 · 375 阅读 · 0 评论