前端
ZHZ98
为人亲和,自成一派
展开
-
说说js中的数据类型,以及如何存储
这个是js考察中一般会最先问到的题,这道题一定要答得顺畅,否则会影响你接下来和面试官的问答过程基本数据类型和引用数据类型,基本数据类型包括:Undefined,Null, String,Number,Boolean,Symbol,其中Symbol是ES6新增的,引用类型统称为Object,细分的话,分为5个:Object,Array,Date,RegExp ,Function基本数据类型和引用类型的区别:基本数据类型和引用数据类型存储在内存中的位置不同,基本数据类型存储在栈中,引用类型的对象存储于.原创 2020-11-27 09:38:48 · 565 阅读 · 0 评论 -
浅谈事件捕获和事件冒泡
在DOM事件流中,存在三个阶段,事件捕获阶段,处于目标阶段,事件冒泡阶段事件捕获:当鼠标点击或触发dom事件时,浏览器会从根节点------->事件源开始传播(由外到内)事件冒泡:事件源----->根节点进行传播(由内到外)无论是事件捕捉还是事件冒泡都有一个共同的行为,就是事件传播dom标准事件流的触发的先后顺序为:先捕获再冒泡,即当触发dom事件时,会先进行事件捕获,捕捉到事件源之后通过事件传播进行事件冒泡addEventListener的第三个参数:在平时我们用addEven原创 2020-11-13 21:52:46 · 165 阅读 · 0 评论 -
从输入url到页面展示到底发生了什么?
总体来说分为以下几个过程:DNS 解析:将域名解析成 IP 地址TCP 连接:TCP 三次握手发送 HTTP 请求服务器处理请求并返回 HTTP 报文浏览器解析渲染页面断开连接:TCP 四次挥手一、URL 到底是啥URL统一资源定位符,用于定位互联网上资源,俗称网址。二、域名解析(DNS)1.IP 地址在浏览器输入网址后,首先要经过域名解析,因为浏览器并不能直接通过域名找到对应的服务器,而是要通过 IP 地址。大家这里或许会有个疑问----计算机既可以被赋予 IP 地址,也可以被赋予主原创 2020-06-27 17:34:00 · 133 阅读 · 0 评论 -
vue.js 三种方式安装(vue-cli)
Vue.js(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单...转载 2020-04-09 07:58:03 · 271 阅读 · 0 评论 -
es6总结
ECMAScript 6(简称ES6)是于2015年6月正式发布的JavaScript语言的标准let关键字变量的解构赋值对象的简写属性箭头函数三点运算符Promise对象SymbolieratorGenerator类的使用async深度克隆let关键字let与var类似,用于声明一个变量特点:在块级作用作用域内有效不能重复声明,不存在变量提升,不会预处理...原创 2020-03-28 11:35:40 · 141 阅读 · 0 评论 -
移动端适配
在做移动端的时候,与我们需要百分百的还原设计图,在不同的设备上需要实现等比,所以应进行适配,总结了几种适配的方案一、rem适配rem一个相对单位,是相对于页面默认的font-size大小进行适应的,通过动态改变font-size的方式来让页面适应不同的手机屏幕大小 var styleNode = document.createElement("style") va...原创 2020-03-11 16:27:25 · 658 阅读 · 0 评论 -
pc端项目总结
这个星期做了一个简单的PC项目,在这个项目也遇到很多的问题,考察了对css3的动画,canvas,还有对js掌握程度,自己也对此进行一些的总结一 项目骨架对HTML5新增的语义化标签进行应用, <header></header> <nav></nav> <section></section> <foot...原创 2020-03-08 20:37:02 · 1455 阅读 · 0 评论 -
offsetParent
本身定位为fixed==> offsetParent:null(不是火狐)==> offsetParent:body(火狐)本身定位不为fixed父级没有定位==> offsetParent:body父级有定位==> offsetParent:定位父级...原创 2020-03-01 11:08:05 · 117 阅读 · 0 评论 -
CSS 之 a.active和a:active的区别
a.active 是对class=active的a标签生效,a:active 是对按下的a标签生效刚刚踩到的一个坑原创 2020-02-28 19:24:47 · 2147 阅读 · 0 评论 -
canvas
canvas定义是 HTML5 新增的元素,可用于通过使用JavaScript中的脚本来绘制图形例如,它可以用于绘制图形,创建动画。 最早由Apple引入WebKit渲染上下文 元素只是创造了一个固定大小的画布,要想在它上面去绘制内容,我们需要找到它的渲染上下文 元素有一个叫做 getContext() 的方法,这个方法是用来获得渲染上下文和它的绘画功能。getContext()只有...原创 2020-02-26 09:09:50 · 230 阅读 · 1 评论 -
圣杯布局与双飞翼布局
圣杯布局和双飞翼布局都是两边固定,中间内容自适应,当中列要完全显示,中间列要优先加载圣杯布局圣杯布局首先要用float搭建完整的布局框架,让middle,left,right都浮动,给left设置一个margin-left:-100%,此时left区域上去并靠左,给right设置一个margin-left:-200px,此时right区域上去并靠右,设置content的padding,上下...原创 2019-12-17 11:37:57 · 124 阅读 · 0 评论 -
JavaScript基础知识总结
JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能变量数字符串布尔值函数对象undefinednull可以用typeof来检查一个变量的类型在js中用var...原创 2019-11-06 18:53:10 · 140 阅读 · 0 评论 -
正则表达式(Regular Expression)
正则表达式,又称规则表达式。(英语:Regular Expression,在代码中常简写为regex、regexp或RE),计算机科学的一个概念。正则表达式通常被用来检索、替换那些符合某个模式(规则)的文本。许多程序设计语言都支持利用正则表达式进行字符串操作创建正则表达式的对象使用构造函数创建正则表达式语法:var 变量 = new RegExp(“正则表达式”,“匹配模式”);在...原创 2019-10-24 15:22:19 · 473 阅读 · 0 评论 -
解决高度塌陷问题
在文档流中,父元素的高度默认是被子元素撑开的当为子元素设置浮动后,子元素会完全脱离文档流此时会导致子元素无法撑起父元素的高度,导致父元素的高度塌陷由于父元素的高度塌陷了,则父元素下的所有元素都会向上移动, 导致页面布局混乱所以在开发中需要避免出现高度塌陷的问题如何开启元素的BFC1.设置元素浮动-使用这种方式开启,虽然可以撑开父元素,但是会导致父元素的宽度丢失,而且使用这种方式...原创 2019-09-26 12:16:39 · 222 阅读 · 0 评论 -
HTML&CSS选择器
元素选择器作用:通过元素选择器可以选择页面中的所有的元素语法:标签名{ }id选择器通过元素的ID属性值选中唯一的一个元素#p1{ font-size: 20px; }类选择器通过元素的class属性值选中一组元素.p2{ color: red; }选择器分组通过选择器分组可以同时选中多个选择器对应的元素 语法:选择器1,选择器2,选择器n{...原创 2019-09-17 11:57:59 · 161 阅读 · 0 评论