关注
分享
麋鹿鲁哟
你多学一样本事，就少说一句求人的话
展开
-
什么是盒子模型？——每日一题20190622
什么是盒子模型？把所有的网页元素都看成一个盒子，它具有：content，padding，border，margin四个属性，这就是盒子模型。盒子模型有两种形式：标准盒子模型，怪异盒子模型首先，两种模式可以利用box-sizing属性进行自行选择： 标准模式：box-sizing:content-box; 怪异模式：box-sizing:border-...转载 2019-06-22 01:07:43 · 385 阅读 · 0 评论 -
Vue中使用key的作用
key的作用是为了在diff算法执行时更快的找到对应的节点，提高diff速度key具有唯一性vue中循环需加 :key=“唯一标识” ，唯一标识可以使item里面id index 等，因为vue组件高度复用增加key可以标识组件的唯一性，为了更好地区别各个组件key的作用主要是为了高效的更新虚拟DOM不带有key，并且使用简单的模板，基于这个前提下，可以更有效的复用节...转载 2019-07-19 18:32:37 · 304 阅读 · 0 评论 -
表单提交中Get和Post方式的区别
1.get是从服务器上获取数据，post是向服务器传送数据2.get是把参数数据队列加到提交表单的action属性所指的url中，值和表单内各个字段一一对应，在url中可以看到。post是通过HTTP的post机制，将表单内各个字段与其内容放置在HTML header中一起传送到action属性所指的url地址，用户是看不到这个过程的。3.对于get方式，服务器端用Request.Quer...转载 2019-07-16 18:24:59 · 286 阅读 · 1 评论 -
用CSS绘制实体三角形并说明原理
.test{ width:0;height:0;margin:0 auto;border:6px solid transparent;border-top: 6px solid red;}1.采用的是均分原理盒子都是一个矩形或正方形，从形状的中心，向4个角上下左右划分4个部分。2.代码的实现第一步 保证元素是块级元素第二步 设置元素的边框第三步 不需要显示的边框使用...转载 2019-07-18 18:28:12 · 164 阅读 · 0 评论 -
iframe的优缺点
iframe的优点：1.iframe能够原封不动的把嵌入的网页展现出来。2.如果有多个网页引用iframe，那么只需要修改iframe的内容，就可以实现调用每一个页面的更改，方便快捷。3.网页如果为了统一风格，头部和版本都是一样的，就可以写成一个页面，用iframe嵌套，可以增加代码的可重用。4.如果遇到加载缓慢的第三方内容，如图标或广告，这些问题可以由iframe来解决。5....转载 2019-07-11 18:42:47 · 839 阅读 · 0 评论 -
vue路由跳转的方式
vue路由跳转有四种方式1. router-link2. this.$router.push() (函数里面调用)3. this.$router.replace() (用法同push)4. this.$router.go(n)一、不带参1.1 router-link<router-link :to="{name:'home'}"> <rout...转载 2019-07-15 18:35:48 · 175 阅读 · 1 评论 -
display值的作用分别是什么？relative和absolute分别是相对谁定位的？
display值的作用分别是什么？none：元素隐藏，不占据位置block：该元素显示为块级元素inline：默认，该元素会被显示为内联元素inline-block：行内块元素list-item：该元素会作为列表显示run-in：该元素会根据上下文作为块级元素或内联元素显示table：该元素会作为块级表格来显示inline-table：该元素会作为内敛表格来显示...转载 2019-07-05 18:58:47 · 786 阅读 · 0 评论 -
display:none和visibility:hidden的区别？——每日一题20190630
css控制元素不可见的方法：{ display: none; /* 不占据空间，无法点击 */ }/********************************************************************************/{ visibility: hidden; /* 占据空间，无法点击 */ }/********************...转载 2019-06-30 18:44:36 · 196 阅读 · 0 评论 -
超链接target属性的取值和作用？
<a>标签的target属性规定在何处打开连接文档属性值_black：点击一次打开一个新窗口_new：始终在同一个新窗口中打开_self：默认，在当前窗口打开_parent：在父级窗口打开_top：在当前的整个浏览器中打开所链接文档，即在顶级窗口打开framename：在指定的框架中打开被链接文档...转载 2019-07-10 18:28:50 · 3407 阅读 · 1 评论 -
Web Storage和cookie的区别——每日一题20190629
Web Storage？使用HTML5可以在本地存储用户的浏览数据。使用的主要目的是为了克服Cookie带来的一些限制，当数据需要被严格控制在客户端上时，无需持续的将数据发回服务器主要目标： 1.提供一种在Cookie之外存储会话数据的途径 2.提供一种存储大量可以跨会话存在的数据的机制Web Storage 分为两种：SessionStorage和localSt...转载 2019-06-29 18:28:04 · 137 阅读 · 0 评论 -
CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？
CSS 选择符有哪些？1.id选择器（#id）2.类选择器（.class）3.标签选择器（div，h1，p）4.相邻选择器（h1 + p）5.子选择器（ul > li）6.后代选择器（li a）7.通配符选择器（ * ）8.属性选择器（a[title]）9.伪类选择器（a:hover，li:nth-child）可继承的样式1.字体系列属性...转载 2019-07-04 19:00:14 · 701 阅读 · 0 评论 -
对BFC规范的理解
什么是BFC？BFC 全称为 块级格式化上下文（Block Fromatting Context），是Web页面的可视化CSS渲染出的一部分。它是块级盒布局出现的区域，也是浮动层元素进行交互的区域。简单的来说，它就是一种会影响元素与元素之间的位置、间距的属性。BFC 的特性1.内部的box会在垂直方向，从顶部一个接一个的放置2.box垂直方向的距离由margin决定，属于同一...转载 2019-07-09 18:32:18 · 1016 阅读 · 0 评论 -
position的absolute与fixed共同点与不同点
共同点1.改变行内元素的呈现方式，display被置为block2.让元素脱离普通流，不占据空间3.默认会覆盖到非定位的元素上不同点absolute的“根元素”是可以设置的，而fixed的“根元素”固定位浏览器窗口当滚动网页时，fixed元素与浏览器窗口之间的距离是不变的position：规定元素的定位类型任何元素都可以定位，不过绝对或固定元素会生...转载 2019-07-03 19:00:36 · 791 阅读 · 0 评论 -
Label的作用是什么，是怎么用的？
label标签来定义表单控制间的关系，当用户选择该标签时，浏览器会自动将焦点转到标签相关的表单控件上。如：<form><label for="male">Male</label><input type="radio" name="sex" id="male" /><br /><label for="fe...转载 2019-07-12 18:35:48 · 1315 阅读 · 0 评论 -
为什么要初始化css样式
为什么要初始化css样式1.浏览器差异 不同浏览器对有些标签的默认值是不同的，如果没对css初始化会出现浏览器之间的页面显示差异2.提高编码质量 如果不初始化，整个页面做完会很糟糕，重复的css样式很多最简单的初始化方法是：（不建议）* {padding: 0; margin: 0;} 淘宝样式 样式初始化body, h1...转载 2019-07-08 18:10:14 · 794 阅读 · 0 评论 -
link 和 @import 的区别是什么？
link语法结构：<link href="url" rel="stylesheet" type="text/css">@import语法结构：@import url 多用于css文件中，把多个样式表导入到一个样式表中，在页面里面只需要导入一个样式表即可，便于修改和扩展 1.在html中 <style type="text/css"> ...转载 2019-07-02 19:07:35 · 309 阅读 · 0 评论 -
什么是Cookie？——每日一题20190623
什么是Cookie？Cookie实际上是一小段的文本信息，客户端请求服务器，如果服务器需要记录该用户状态，就使用 response 向客户端浏览器颁发一个Cookie。客户端会把Cookie存起来，当浏览器再请求该网站时，浏览器把请求的网址连同该Cookie一同提交给服务器，服务器检查该Cookie，以此来辨认用户状态，服务器也可根据需求修改Cookie的内容；Cookie的优缺点...转载 2019-06-23 18:16:06 · 194 阅读 · 0 评论 -
什么是回流(重排 reflow)？什么是重绘(repaint)？如何减少回流、重绘？
什么是回流(重排 reflow)？回流（重排 reflow）：对DOM树进行渲染，只要修改DOM或修改元素的形状大小，就会触发reflow，reflow的时候，浏览器会使已渲染好受到影响的部分失效，并重新构造这部分，完成reflow后，浏览器会重新绘制受影响的部分到屏幕中（继昨日每日一题：display:none和visibility:hidden 当display显示及隐藏元...转载 2019-07-01 19:18:22 · 339 阅读 · 0 评论 -
js对数组、对象的深拷贝、复制
基本类型的数据是存放在栈内存中的，而引用类型的数据是存放在堆内存中的基本类型：Number Boolean undefined String Null引用类型：Object Functionjs中对象Object和数组Array都是引用类型当用变量声明一个引用类型时，实际上这个变量不是引用类型本身，而是一个指向这个引用类型的指针。这个指针指向堆内存中该对象的存储地址。复...原创 2019-07-17 18:29:51 · 135 阅读 · 0 评论