- 博客(32)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 浅谈IFC
IFC(inline Formatting Contexts)直接翻译为“内联格式化上下文”,IFC的高度由其包含行内元素中最高的实际高度计算而来的(不受竖直方向上的padding/margin影响)内部的元素从包含块的顶部开始,从左到右(默认)排列成一行形成一个矩形盒子叫做line boxIFC布局规则line box的宽度由浮动情况和他包含的块决定的line box 的高度由line...
2019-11-08 13:56:04
710
原创 为什么利用多个域名来存储网站资源会更有效?
CDN缓存更方便突破浏览器并发限制节约cookie资金节约主域名的连接数,优化页面响应速度防止不必要的安全问题
2020-06-05 15:33:45
279
原创 meta常用视口的总结
```powershell<!DOCTYPE html> <!--H5标准声明,使用 HTML5 doctype,不区分大小写--><head lang=”en”> <!--标准的 lang 属性写法--><meta charset=’utf-8′> <!--声明文档使用的字符编码--><meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″/&g.
2020-06-05 15:32:50
209
原创 简单爬虫的理解应用,简单爬虫的例子
简单爬虫的理解应用爬虫:通过模拟浏览器进行上网,去网络上抓取数据的过程爬虫广义分为:通用爬虫、聚焦爬虫通过requests模块实## 简单的爬虫应用爬虫:通过模拟浏览器进行上网,去网络上抓取数据的过程爬虫广义分为:通用爬虫、聚焦爬虫通过requests模块实现模拟浏览器发起的请求数据requests的编码流程:指定页面的url发起请求:get post获取响应的数据存储在相应的文件或者内存中get请求requests.get(url,params,headers)post请求
2020-05-12 00:53:48
284
原创 js中有哪些内置函数
Objectarray bollean number string functiondate regexp 正则表达式error数值方法数值对象仅包含了几个任何对象均定义的默认方法方法描述constructor()返回创建该对象实例的函数。默认是数值对象。toExponential()强制将数值以指数形式显示。toFixed()可把 ...
2019-11-08 13:59:18
2090
原创 何时使用 === 何时使用 ==
考查:强制类型转换`===` 严格相等,会比较两个值的类型和值`==` 抽象相等,比较时,会先进行类型转换,然后再比较值只有下面的情况使用两个等号,其他的均使用三等if (obj.a == null) { //这里相当于 obj.a === null || obj.a ===undefined 的简写形式 //这个是jq源码的书写形式}...
2019-11-08 13:58:05
458
原创 浅谈BFC
BFC:块级格式化上下文什么是BFCBFC:英文为block Formatting Context,块级格式化上下文。它是页面中的一块渲染区域,并且有一套渲染规则,他决定了其子元素将如何的定位,以及和其他元素的关系和相互作用我们可以将BFC理解为一个封闭的大箱子,容器里面的子元素不会影响到外面的元素,反之也是如此。如何触发BFC浮动元素:float的值不为none当设置floa...
2019-11-08 13:55:30
260
1
原创 rgba和opacity的透明有何不同
rgba():只能作用于元素自身的颜色或者背景色,对元素的内容是没有影响的,并且透明元素的子元素是不会继承透明效果的opacity:在作用于元素自身的颜色或者背景色的同时,也作用于元素内容的透明度在应用的时候:一般弹窗类的界面使用rgba();opacity作用于元素,以及元素内的所有的内容的透明...
2019-09-23 20:12:29
204
原创 简述同步和异步的区别
同步就是阻塞模式,就是指一个进程在执行某个请求的时候,如果这个请求需要一段时间才能返回这个请求的数据的时候,这个请求的进程会一直的的等待下去,其他的请求需要在后面一直等待,直到上个请求收到返回的信息,后面的请求才能继续执行下去。例如:打印机异步就是指进程不需要一直等待下去,当执行一个请求后,不需要等待返回的信息,继续执行下一条的请求,不需要管理其他进程的状态,当有进程的消息返回到系统模块的时候,...
2019-09-23 20:11:59
317
原创 行内元素有哪些?块级元素有哪些?空元素有哪些?
块级元素(block)的特性:总是独占一行,表现为另起一行开始,而且其后面的元素必须另起一行显示,宽度(width)、高度(height)、内边距(padding)、外边距(margin)都是可以自行控制的。行内元素(inline)或内联元素特性:相邻的内联元素是在一行的宽度(width)、高度(height)、内边距(padding)、外边距(margin)都是不能自行控制的。只有...
2019-09-23 20:11:19
3531
原创 css优化、提高性能的方法有哪些?
避免后代选择符避免过度的约束缩写css代码background属性border属性避免不必要的命名空间避免使用!important较大的站点,分离网页颜色和背景设置样式...
2019-09-23 20:10:34
203
原创 为什么htnl5里面我们不需要再引入DTD
在html4.0的版本中,声明并且引用DTD是因为,HTML4.0是基于SGML的。DTD规定了标记语言的规则,这样浏览器才能正确的解析并且呈现内容。HTML5是不基于SGML的,所有就不需要引入DTD,因此只需要将头声明为<!DOCTYPE>即可...
2019-09-23 20:09:55
270
原创 HTML5有哪些新特性?
html5是HTML标准的最新的版本,是w3c在2014年完成标准制定的,让网页能够适应迅速发展,让网页标准符合当代的网络需求。新特性: 1.增加语义化标签,等标签 2.多媒体的标签,video、audio元素等 3.图像效果,用于绘画的canvas元素,svg元素等 4.离线缓存,对本地离线存储的更好的支持,local、store、cookies等 5.设...
2019-09-23 20:09:24
398
原创 DOCTYPE的作用?严格模式与混杂模式-如何触发这两种模式,区分它们有何意义?
doctype是一种标准通用标记语言的文档声明类型,目的是告知要有什么来解析文档。**<!DOCTYPE>**声明是用来指示web浏览器关于页面使用哪个htnl版本进行编写的指令。声明必须是在文档的第一行,在html标签之前。浏览器本身就分为两种模式,一种是严格模式(标准模式),一种是混杂模式(怪异模式),浏览器就是通过doctype来区分这两种模式的, doctype在h...
2019-09-23 20:08:42
888
原创 webSocket如何兼容低版本的浏览器
webSocket是基于h5规范的组成部分之一,在2011年的时候正式成为标准,目前chrome、firefox、Opera、safari等主流的浏览器都支持,ie浏览器是从ie10之后也开始支持。我们知道WebSocket是一种在服务器与客户端双向通讯的技术,使用原生的WebSocket可以最小化 服务器资源的使用并且为两者提供了一种统一的通信方式。对于低版本的浏览器我们可以使用下面几种方法对...
2019-09-14 18:22:32
3706
1
原创 为什么利用多个域名来存储网站资源?
1.cdn缓存更加方便 cdn是构建在现有网络基础之上的智能虚拟网络,依靠部署在各地的边缘服务器,通过中心平台的负载均衡、内容均发、调度等功能模块,让用户就近获取所需要的内容,降低网络拥堵,提高用户访问速度和命中率,他的主要的技术就是内容存储和分布技术。2.突破浏览器并发的限制 在相同的时间同一域名下的内容请求是有一定数量限制的,超过请求的数量会被限制请求,对于有些网速较差的主机...
2019-09-14 18:21:50
988
原创 get和post的区别
get: - get是通过request-line中进行传输的 - get的传输长度是有限的,在IE中一般为2083,而且在服务端url请求过长也会出现404错误。 - get是form表单的默认的请求方式 - get 请求是具有缓存的,get的请求的数据都会显示在URL地址栏栏内,并且浏览器会保存请求的历史数据。 - 不能够传输大量的数据post:- post相对于get稍微安全...
2019-09-14 18:21:06
145
原创 let、const、var的区别有哪些
1.var是在ES5的时候提出的,let和const是在ES6上提出的。2.在定义变量的时候,var存在变量的提示,let和const不存在变量的提升var a = 100;consoloe.log(a);//100consoloe.log(a);//underfinde 证明这个时候a已经声明,只是没有赋值var a = 100;consoloe.log(b);//Referen...
2019-09-14 18:20:16
180
原创 前端部分基础面试题01
什么是盒模型在网页中,一个元素所占用的空间的大小是有四个部分组成的,元素本身的内容(content)、元素的内边距(padding)、元素的外边距(margin)、元素的边框(border)共同组成的。这四个部分有的可以显示相应的内容,有的部分只能用来分隔相邻的区域,这四个部分组成了css中的元素的盒模型。行内元素有哪些?块级元素有哪些?空元素有哪些?行内元素: a、span、b、img、s...
2019-09-11 14:06:25
160
原创 标签语义化的原因
标签语义化的原因 web语义化是指的是html标签和class类名使用恰当的英文来语义化标签内容,让页面具有良好的结构与含义。让人和机器能够快速的理解网页的内容。 1.语义化标签能够让代码的结构更清晰,逻辑结构更严谨,当去掉或者丢失样式的时候能够快速的找到结构位置。 ...
2019-09-02 11:19:35
237
原创 前端自我学习和常用网站推荐
前端自我学习和常用网站推荐 最近在自我的学习前端的知识,目前自学前端知识已经四个月了,以后准备在前端方向找个合适的工作,最近总结了一些在自我学习中常用到的网站,有在前端方面感兴趣的可以一块交流学习,一个人学习总是不知道进度和学习的程度。学习规划 &nbs...
2019-09-02 10:58:50
376
原创 jquery旋转轮播图
jquery旋转轮播图html代码部分**<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="index.css">...
2019-08-26 22:14:23
610
原创 img标签的alt和title有何异同
img标签的alt和title有何异同?img标签其中的两个属性alt和title有相似的地方,但是在不同的情况下要使用不同的属性的。alt属性和title属性相同点: 它们都会出现浮层,显示自己设置的图片相关的内容。alt属性和title属性不同点: alt属性:1.当图片加载不出来的时候,就会...
2019-08-25 21:59:42
4921
原创 浏览器内核及简介
浏览器内核及简介五大主流浏览器的内核:IE浏览器内核:Trident内核,俗称为IE内核。Chrome浏览器内核:开始使用的是webkit内核,俗称为chrom内核或者Chromium内核。在2013年后使用的是Google和Opera Software共同研发的blink内核。也是现如今世界上市场占有率最高的浏览器。Firefox浏览器内核:gecko内核,俗称为Firefox内核,ge...
2019-08-20 03:01:35
464
原创 Https简介及优缺点
Https简介及优缺点HTTP是一种构建在SSL和TLS上的HTTP协议。是一种通过计算机网络进行安全通信的传输协议HTTPS是HTTP的安全版本,是经由HTTP进行通信,但是利用ssl和TLS来加密数据包,为网络通信提供来源认证、数据加密和报文完整性检测,保障通信的保密性和可靠性。HTTPS协议的URL都是以HTTPS://开头,在访问某个web页面的时候,通过443端口进行连接。HTTP的...
2019-08-20 02:38:47
480
原创 canvas和svg的区别
canvas和svg的区别canvas是由Apple私有技术发展而来的,是从小众发展到广泛的被接受,注重的栅格图像处理。使用JavaScript程序绘图(动态生成),是基于像素(动态点阵图),目前只能提供2D绘制函数,是一种HTML的元素类型,依赖于HTML,只能通过脚本绘制图像,但是目前只有主流的浏览器和IE9+以上的浏览器兼容。svg是一套独立的矢量图形语言,在2003年的时候成为w3c标...
2019-08-19 22:27:38
255
原创 前端面试必备个人总结:web网页常见图片格式
前端面试必备个人总结浅谈web网页常见的图片格式知道网页制作的过程中常用的图片格式有哪些?图片在整个网页中占有重要的地位,大多数的网页的图片占比达到60%左右,所以在不同的场景中使用不同的图片对于web页面的性能会有很大的优化。文本页面常用的图片格式有:gif、png、jpg、webp等。图片格式的分类:无压缩:无压缩的图片格式不对图片数据进行压缩处理,能够准确的呈现原图片。bmp格式是...
2019-08-19 22:06:29
795
原创 Linux必备命令大全
线上查询及帮助命令(2个)man help文件和目录操作命令(18)ls cd cp find mkdir mv pwd rename rm rmdir touch tree basename dirname chattr lsattr file md5sum查看文件及内容处理命令(24)cat tac more less head tail cut spilt paste sort u...
2019-03-12 19:35:14
153
原创 crond命令格式详解
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用M...
2019-01-02 16:58:18
698
原创 crond秒级任务
Linux下自定义脚本实现秒级任务crond的概念和crontab是不可分割的。crontab是一个命令,常见于Unix和类Unix的操作系统之中,用于设置周期性被执行的指令。该命令从标准输入设备读取指令,并将其存放于"crontab"文件中,以供之后读取和执行。该词来源于希腊语 chronos(χρόνος),原意是时间。而crond正是它的守护进程。执行脚本编程:每一秒打印Linux ni...
2018-12-16 10:34:57
288
原创 ls命令详解
ls命令:显示目录内容列表ls的作用:在Linux中是使用率较高的命令。ls命令的输出信息可以进行彩色加亮显示,以分区不同类型的文件。语法:ls(选项)(参数)选项: -a:显示所有档案及目录(ls内定将档案名或目录名称为“.”的视为影藏,不会列出);A:显示除影藏文件“.”和“…”以外的所有文件列表;-C:多列显示输出结果。这是默认选项;-l:与“-C”选项功能相反,所有输出信息用单...
2018-12-16 10:32:13
2480
原创 date命令详解
**date命令详解**命令:date命令功能:用于显示和设定系统的日期和时间命令作用:很多shell脚本里面需要打印不同格式的时间或日期,以及要根据时间和日期执行操作。延时通常用于脚本执行过程中提供一段等待的时间。日期可以以多种格式去打印,也可以使用命令设置固定的格式。在类UNIX系统中,日期被存储为一个整数,其大小为自世界标准时间(UTC)1970年1月1日0时0分0秒起流逝的秒数。...
2018-11-25 22:31:24
495
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人