web开发
JsRoccketq
余生很短,只有学习
展开
-
为什么利用多个域名来存储网站资源会更有效?
CDN缓存更方便突破浏览器并发限制节约cookie资金节约主域名的连接数,优化页面响应速度防止不必要的安全问题原创 2020-06-05 15:33:45 · 283 阅读 · 0 评论 -
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 · 216 阅读 · 0 评论 -
js中有哪些内置函数
Objectarray bollean number string functiondate regexp 正则表达式error数值方法数值对象仅包含了几个任何对象均定义的默认方法方法描述constructor()返回创建该对象实例的函数。默认是数值对象。toExponential()强制将数值以指数形式显示。toFixed()可把 ...原创 2019-11-08 13:59:18 · 2104 阅读 · 0 评论 -
何时使用 === 何时使用 ==
考查:强制类型转换`===` 严格相等,会比较两个值的类型和值`==` 抽象相等,比较时,会先进行类型转换,然后再比较值只有下面的情况使用两个等号,其他的均使用三等if (obj.a == null) { //这里相当于 obj.a === null || obj.a ===undefined 的简写形式 //这个是jq源码的书写形式}...原创 2019-11-08 13:58:05 · 469 阅读 · 0 评论 -
浅谈IFC
IFC(inline Formatting Contexts)直接翻译为“内联格式化上下文”,IFC的高度由其包含行内元素中最高的实际高度计算而来的(不受竖直方向上的padding/margin影响)内部的元素从包含块的顶部开始,从左到右(默认)排列成一行形成一个矩形盒子叫做line boxIFC布局规则line box的宽度由浮动情况和他包含的块决定的line box 的高度由line...原创 2019-11-08 13:56:04 · 718 阅读 · 0 评论 -
浅谈BFC
BFC:块级格式化上下文什么是BFCBFC:英文为block Formatting Context,块级格式化上下文。它是页面中的一块渲染区域,并且有一套渲染规则,他决定了其子元素将如何的定位,以及和其他元素的关系和相互作用我们可以将BFC理解为一个封闭的大箱子,容器里面的子元素不会影响到外面的元素,反之也是如此。如何触发BFC浮动元素:float的值不为none当设置floa...原创 2019-11-08 13:55:30 · 269 阅读 · 1 评论 -
为什么htnl5里面我们不需要再引入DTD
在html4.0的版本中,声明并且引用DTD是因为,HTML4.0是基于SGML的。DTD规定了标记语言的规则,这样浏览器才能正确的解析并且呈现内容。HTML5是不基于SGML的,所有就不需要引入DTD,因此只需要将头声明为<!DOCTYPE>即可...原创 2019-09-23 20:09:55 · 275 阅读 · 0 评论 -
css优化、提高性能的方法有哪些?
避免后代选择符避免过度的约束缩写css代码background属性border属性避免不必要的命名空间避免使用!important较大的站点,分离网页颜色和背景设置样式...原创 2019-09-23 20:10:34 · 213 阅读 · 0 评论 -
行内元素有哪些?块级元素有哪些?空元素有哪些?
块级元素(block)的特性:总是独占一行,表现为另起一行开始,而且其后面的元素必须另起一行显示,宽度(width)、高度(height)、内边距(padding)、外边距(margin)都是可以自行控制的。行内元素(inline)或内联元素特性:相邻的内联元素是在一行的宽度(width)、高度(height)、内边距(padding)、外边距(margin)都是不能自行控制的。只有...原创 2019-09-23 20:11:19 · 3550 阅读 · 0 评论 -
简述同步和异步的区别
同步就是阻塞模式,就是指一个进程在执行某个请求的时候,如果这个请求需要一段时间才能返回这个请求的数据的时候,这个请求的进程会一直的的等待下去,其他的请求需要在后面一直等待,直到上个请求收到返回的信息,后面的请求才能继续执行下去。例如:打印机异步就是指进程不需要一直等待下去,当执行一个请求后,不需要等待返回的信息,继续执行下一条的请求,不需要管理其他进程的状态,当有进程的消息返回到系统模块的时候,...原创 2019-09-23 20:11:59 · 326 阅读 · 0 评论 -
rgba和opacity的透明有何不同
rgba():只能作用于元素自身的颜色或者背景色,对元素的内容是没有影响的,并且透明元素的子元素是不会继承透明效果的opacity:在作用于元素自身的颜色或者背景色的同时,也作用于元素内容的透明度在应用的时候:一般弹窗类的界面使用rgba();opacity作用于元素,以及元素内的所有的内容的透明...原创 2019-09-23 20:12:29 · 209 阅读 · 0 评论 -
HTML5有哪些新特性?
html5是HTML标准的最新的版本,是w3c在2014年完成标准制定的,让网页能够适应迅速发展,让网页标准符合当代的网络需求。新特性: 1.增加语义化标签,等标签 2.多媒体的标签,video、audio元素等 3.图像效果,用于绘画的canvas元素,svg元素等 4.离线缓存,对本地离线存储的更好的支持,local、store、cookies等 5.设...原创 2019-09-23 20:09:24 · 406 阅读 · 0 评论 -
DOCTYPE的作用?严格模式与混杂模式-如何触发这两种模式,区分它们有何意义?
doctype是一种标准通用标记语言的文档声明类型,目的是告知要有什么来解析文档。**<!DOCTYPE>**声明是用来指示web浏览器关于页面使用哪个htnl版本进行编写的指令。声明必须是在文档的第一行,在html标签之前。浏览器本身就分为两种模式,一种是严格模式(标准模式),一种是混杂模式(怪异模式),浏览器就是通过doctype来区分这两种模式的, doctype在h...原创 2019-09-23 20:08:42 · 902 阅读 · 0 评论 -
webSocket如何兼容低版本的浏览器
webSocket是基于h5规范的组成部分之一,在2011年的时候正式成为标准,目前chrome、firefox、Opera、safari等主流的浏览器都支持,ie浏览器是从ie10之后也开始支持。我们知道WebSocket是一种在服务器与客户端双向通讯的技术,使用原生的WebSocket可以最小化 服务器资源的使用并且为两者提供了一种统一的通信方式。对于低版本的浏览器我们可以使用下面几种方法对...原创 2019-09-14 18:22:32 · 3731 阅读 · 1 评论 -
Https简介及优缺点
Https简介及优缺点HTTP是一种构建在SSL和TLS上的HTTP协议。是一种通过计算机网络进行安全通信的传输协议HTTPS是HTTP的安全版本,是经由HTTP进行通信,但是利用ssl和TLS来加密数据包,为网络通信提供来源认证、数据加密和报文完整性检测,保障通信的保密性和可靠性。HTTPS协议的URL都是以HTTPS://开头,在访问某个web页面的时候,通过443端口进行连接。HTTP的...原创 2019-08-20 02:38:47 · 506 阅读 · 0 评论 -
浏览器内核及简介
浏览器内核及简介五大主流浏览器的内核:IE浏览器内核:Trident内核,俗称为IE内核。Chrome浏览器内核:开始使用的是webkit内核,俗称为chrom内核或者Chromium内核。在2013年后使用的是Google和Opera Software共同研发的blink内核。也是现如今世界上市场占有率最高的浏览器。Firefox浏览器内核:gecko内核,俗称为Firefox内核,ge...原创 2019-08-20 03:01:35 · 473 阅读 · 0 评论 -
img标签的alt和title有何异同
img标签的alt和title有何异同?img标签其中的两个属性alt和title有相似的地方,但是在不同的情况下要使用不同的属性的。alt属性和title属性相同点: 它们都会出现浮层,显示自己设置的图片相关的内容。alt属性和title属性不同点: alt属性:1.当图片加载不出来的时候,就会...原创 2019-08-25 21:59:42 · 4973 阅读 · 0 评论 -
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 · 615 阅读 · 0 评论 -
前端自我学习和常用网站推荐
前端自我学习和常用网站推荐 最近在自我的学习前端的知识,目前自学前端知识已经四个月了,以后准备在前端方向找个合适的工作,最近总结了一些在自我学习中常用到的网站,有在前端方面感兴趣的可以一块交流学习,一个人学习总是不知道进度和学习的程度。学习规划 &nbs...原创 2019-09-02 10:58:50 · 383 阅读 · 0 评论 -
标签语义化的原因
标签语义化的原因 web语义化是指的是html标签和class类名使用恰当的英文来语义化标签内容,让页面具有良好的结构与含义。让人和机器能够快速的理解网页的内容。 1.语义化标签能够让代码的结构更清晰,逻辑结构更严谨,当去掉或者丢失样式的时候能够快速的找到结构位置。 ...原创 2019-09-02 11:19:35 · 244 阅读 · 0 评论 -
前端部分基础面试题01
什么是盒模型在网页中,一个元素所占用的空间的大小是有四个部分组成的,元素本身的内容(content)、元素的内边距(padding)、元素的外边距(margin)、元素的边框(border)共同组成的。这四个部分有的可以显示相应的内容,有的部分只能用来分隔相邻的区域,这四个部分组成了css中的元素的盒模型。行内元素有哪些?块级元素有哪些?空元素有哪些?行内元素: a、span、b、img、s...原创 2019-09-11 14:06:25 · 163 阅读 · 0 评论 -
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 · 185 阅读 · 0 评论 -
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 · 152 阅读 · 0 评论 -
为什么利用多个域名来存储网站资源?
1.cdn缓存更加方便 cdn是构建在现有网络基础之上的智能虚拟网络,依靠部署在各地的边缘服务器,通过中心平台的负载均衡、内容均发、调度等功能模块,让用户就近获取所需要的内容,降低网络拥堵,提高用户访问速度和命中率,他的主要的技术就是内容存储和分布技术。2.突破浏览器并发的限制 在相同的时间同一域名下的内容请求是有一定数量限制的,超过请求的数量会被限制请求,对于有些网速较差的主机...原创 2019-09-14 18:21:50 · 1003 阅读 · 0 评论 -
前端面试必备个人总结:web网页常见图片格式
前端面试必备个人总结浅谈web网页常见的图片格式知道网页制作的过程中常用的图片格式有哪些?图片在整个网页中占有重要的地位,大多数的网页的图片占比达到60%左右,所以在不同的场景中使用不同的图片对于web页面的性能会有很大的优化。文本页面常用的图片格式有:gif、png、jpg、webp等。图片格式的分类:无压缩:无压缩的图片格式不对图片数据进行压缩处理,能够准确的呈现原图片。bmp格式是...原创 2019-08-19 22:06:29 · 803 阅读 · 0 评论