- 博客(21)
- 收藏
- 关注
RSS订阅转载 HTML文本换行问题
强制不换行：white-space:nowrap;超出部分隐藏：overflow: hidden;隐藏部分用省略号代替：overflow: hidden;text-overflow: ellipsis;自动换行：word-wrap: break-word; （ word-break: normal; ）强制断开英文单词实现换行：word-break: break...
2019-08-13 16:15:00
1120
转载 判断for(var i=0;i<=3;i++){ setTimeout(function() { console.log(i) }, 10) }
原文：https://www.jianshu.com/p/ecb71343964a使用 var:每一次for循环的时候，setTimeout都执行一次， 但是里面的函数没有被执行，而是被放到了任务队列里面，等待执行， for循环了4次，就放了4次，当主线程执行完成后，才进入任务队列里面执行。使用 let：for循环头部的let不仅将i绑定到for循环块中， 它...
2019-08-12 17:23:00
3608
转载 js的执行机制——宏任务和微任务
宏任务队列可以有多个，微任务队列只有一个；主线程上的任务是第一个宏任务；会建立宏任务的有：setTimeOut、 setInterval、 requestAnimationFrame会建立微任务的有：Promise的回调、process.nextTick当有一个宏任务队列执行完毕后，会执行微任务队列中的全部内容，然后执行另一个宏任务队列，如此反复js...
2019-08-12 11:29:00
533
转载 v-if 和 v-show 的区别
v-if：每次都会重新删除或创建元素，具有较高的切换性能消耗；v-show：每次切换元素的 display：none 样式，具有较高的初始渲染消耗。<input type="button" value="shift" @click="flag=!flag><h1 v-if="flag">v-if 控制的元素 </h1><h1 ...
2019-08-12 09:28:00
91
转载 使用vuex实现组件间传值
1.state中的数据获取时使用 this.$store.state.xxx;2.修改state中的数据必须通过 mutations 中提供的方法，调用方法使用 this.$store.commit('方法名称', 唯一参数)，要传递多个参数可使用对象；3.如果对外提供 state 中的数据时需要对数据进行包装，可使用 getters，方法为：this.$store.g...
2019-08-10 16:33:00
309
转载 Vue父子组件之间传值
一、父组件向子组件传值：在父组件中调用子组件时，使用v-bind将要传的值进行绑定<com :parentmsg="msg"></com>在子组件的props中，添加第一步中为接收父组件数据而定义的变量props: ["parentmsg"]子组件可使用 this.parentMsg 来调用父组件的数据 ...
2019-08-10 15:43:00
104
转载 从浏览器输入URL地址到最终页面渲染完成，发生了什么？
1.DNS解析：将域名地址解析为IP地址；2.TCP连接：TCP三次握手-第一次握手，由浏览器发起，告诉服务器我要发送请求了；-第二次握手，由服务器发起，告诉浏览器我准备接收了；-第三次握手，有浏览器发起，告诉服务器，我即将发送；3.发送请求；（请求报文）4.接受响应；（响应报文）5.渲染页面-浏览器用响应的解析器解析HTML、CSS、JS文件6断...
2019-08-10 14:05:00
506
转载 数组去重
let arr = [1,1,2,2,3,3,3,5,6] //待去重的数组let t = []t[0] = arr[0]for(let i = 0; i < arr.length; i++){ for(let k = 0; k < t.length; k++){ //当原数组中的值和新数组中的值相同时，没有必要继续比较，跳出内循环...
2019-08-10 13:48:00
76
转载 关于绝对定位和相对定位
relative 相对定位：相对于本身的位置进行偏移。absolute 绝对定位：相对于非static的祖先元素进行位置偏移，当这样的元素不存在，则相对于根级容器定位。经验告诉我们：当一个元素使用relative定位而使位置发生改变时，其他的定位依赖于它的元素的位置不会改变，就好像这个元素没有改变位置一样。而当一个元素使用absolute根据父元素而位置发生改变时，位置受它影响的...
2019-08-09 15:25:00
163
转载 解决子元素的浮动导致的父元素高度坍塌的问题
参考：https://blog.csdn.net/qq_42129063/article/details/80441069当父元素中的子元素设置了float属性时，可认为子元素就跳出了父元素的束缚而位于新的一层，此时父元素内部没有元素，其高度就变为0。要解决这个问题，人为给父元素设置高度是不现实的，因为一般父元素的高度是由子元素决定的，为此我们可以从父子元素两个角度出发，用两种思路解...
2019-08-09 14:23:00
829
转载 为dom元素绑定js事件的三种方式
1. 在html标签中直接绑定；2. 在js中获取到相应的dom元素后绑定；3. 在js中使用addEventListener（）实现绑定；具体代码示例如下：<!-- 以下为给dom元素绑定js事件的三种方法 --> <!-- 1--html内直接绑定 --> <input type="button" id="bt...
2019-08-09 11:30:00
573
转载 取消行内块元素的默认边距
行内块元素默认有边距，如：....box{ display: inline-block; width: 100px; height: 100px; background-color: aquamarine; border: 5px solid black;}</style></head><body&g...
2019-08-08 17:06:00
1100
转载 css水平居中的几种方式
1. 子元素为行内元素时，父元素使用text-align: center; 实现子元素的水平居中；2. 子元素为块级元素时， 2.1. 将子元素设置 margin: 0 auto; 实现居中； 2.2. 将子元素设置display: inline-block，然后可使父元素使用text-align:center实现居中； 2.3. 根据父元素采用绝对定位，右移父...
2019-08-08 16:03:00
96
转载 浅谈Flex布局
原文链接：https://juejin.im/post/5cce975ae51d456e8b07de03何为Flex布局传统的布局解决方案，是基于盒子模型，利用position + margin + float来完成；但这种布局方案对部分布局方式很不友好，比如水平垂直居中Flex布局是W3C提供的一种新型布局解决方案，利用弹性盒子布局，可以做到响应式设计，更好的适配...
2019-08-08 15:41:00
106
转载 vue的生命周期函数
实例创建阶段：1. beforeCreated：表示刚刚初始化了一个空的Vue实例对象，此时，对象身上只有默认的一些什么周期函数和事件，其他的都还未创建。*此时data和methods中的数据还没有初始化。2. created：在created中，data和methods都已被初始化好了，如果要对methods或data进行操作（包括发送数据请求等），最早在create...
2019-08-08 14:26:00
81
转载 vue---watch、computed和methods之间的区别
let vm = new Vue({ el: "#app" data: { firstname: '', lastname: '', fullname: '', }, methods: { //可用keyup动作绑定事件 getFullname () { this.fullname = this.first...
2019-08-08 13:58:00
135
转载 rem适配
在写移动端页面时，由于不同手机屏幕尺寸不一样，所以我们如果以px为单位，会造成我们的页面在不同的手机上展现地不一样，为此，我们使用rem来实现页面在不同屏幕上以相同的比例来展现的目的。具体操作：1.设置meta：<meta name="viewport" content="width=device-width, initial-scale=1.0">2.将HT...
2019-08-07 17:14:00
109
转载 js中数组的遍历方法
具体有十几种之多，网上都可以找到，这里记录一些个人认为比较常用的1.for性能最好2.foreachforeach有三个参数：arr.foreach(（数组元素，索引值（可选），数组本身（可选））=> { } ），无返回值。3.for in 和 for of工作中for in用的比较多，这两个还是有很大区别的（1）for in遍历的是数组的索引（即键名...
2019-08-07 16:31:00
98
转载 post和get的区别
1.如果请求不带参数，get请求和post请求，形式上是一样的，就是方法名不同；如果请求带参数，则get请求的参数是放在url中传递的，post请求的参数是放在body中传递的；2.get重点在从服务器上获取资源，post重点在向服务器发送数据；3.Get传输的数据量小，Post可以传输大量数据，所以上传文件时只能用Post方式；***安全性方面两者其实是一样的，都不安全，因...
2019-08-07 15:47:00
97
转载 分享一道关于闭包的面试题，以及自己的理解
这是一道经典的前端闭包的面试题，根据下面的函数，分别指出各打印的结果function fun (n,o) { console.log(o); return { fun: function (m) { return fun (m,n) } }}let a = fun(0)a.fun(1)a.fun(2)a.fun(3)let b ...
2019-08-06 16:59:00
184
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人