2020年4月26日
BFC（格式化上下文）
摘要： BFC 什么是BFC? BFC格式化上下文，它是一个独立的渲染区域，让处于 BFC 内部的元素和外部的元素相互隔离，使内外元素的定位不会相互影响 如何产生BFC? display: inline-block position: absolute/fixed BFC作用 BFC最大的一个作用就是：在页 阅读全文
posted @ 2020-04-26 14:20 昭z 阅读(186) 评论(0) 推荐(0)
移动端样式重置reset.css
摘要： 样式重置 html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, sam 阅读全文
posted @ 2020-04-26 12:58 昭z 阅读(689) 评论(0) 推荐(0)
2020年4月13日
forEach与map的区别与用法
摘要： forEach与map的区别与用法 一、相同点： 1.都是循环遍历数组中的每一项 2.每次执行匿名函数都支持三个参数，参数分别为item（当前每一项），index（索引值），arr（原数组） 3.匿名函数中的this都是指向window 4.只能遍历数组 二、不同点 1.map()会分配内存空间存储 阅读全文
posted @ 2020-04-13 22:58 昭z 阅读(7402) 评论(0) 推荐(0)
Vue的路由实现：hash模式 和 history模式
摘要： 区别: hash模式url带#号，history模式不带#号 hash模式： 在浏览器中符号“#”，#以及#后面的字符称之为hash，用window.location.hash读取；特点： hash虽然在URL中，但不被包括在HTTP请求中；用来指导浏览器动作，对服务端安全无用，hash不会重加载页 阅读全文
posted @ 2020-04-13 22:40 昭z 阅读(1036) 评论(0) 推荐(0)
未知宽高的div怎么垂直水平居中(transform: translate(-50%, -50%);)
摘要： 知道宽高可以用绝对定位，加上设置margin为负值，大小为宽高的一半即可 1 #demo{ 2 position: absolute; 3 width: 200px; 4 height: 200px; 5 top: 50%; 6 left: 50%; 7 margin-left: -100px; 8 阅读全文
posted @ 2020-04-13 22:24 昭z 阅读(418) 评论(0) 推荐(0)
长连接和短连接的区别
摘要： 短连接 连接->传输数据->关闭连接 比如HTTP是无状态的的短链接，浏览器和服务器每进行一次HTTP操作，就建立一次连接，但任务结束就中断连接。 具体就是 浏览器client发起并建立TCP连接 -> client发送HttpRequest报文 -> server接收到报文->server han 阅读全文
posted @ 2020-04-13 21:49 昭z 阅读(8602) 评论(0) 推荐(0)
UDP和TCP的区别
摘要： TCP与UDP UDP ：面向无连接的通信协议，数据包括目的端口信息和源端口信息优点：面向无连接，操作简单，要求系统资源较少，速度快，由于不需要连接，可进行广播发送缺点：发送数据之前不需要与对方建立连接，接收到数据时也不需要发送确认信号，发送端不知道接收端是否正确接接收，不会重发，不可靠。 TCP： 阅读全文
posted @ 2020-04-13 21:45 昭z 阅读(176) 评论(0) 推荐(0)
zepto和jQuery的区别
摘要： 优点: zepto可以说是jQuery的子集,按照官方文档来说,会jQuery就会zepto Zepto更轻量级 Zepto是jQuery的精简，针对移动端去除了大量jQuery的兼容代码 部分API的实现方式不同 区别: 1.zepto主要用于移动端 2,Dom操作的区别：添加id时jQuery不 阅读全文
posted @ 2020-04-13 16:17 昭z 阅读(550) 评论(0) 推荐(0)
2020年4月6日
读后感
摘要： 辞职后,久违的读了一本书,虽然以前读了大半部分,但难得现在能静下来看完整本. 书的名字是<<以你现在的努力程度,还轮不到拼天赋>> 如书名一样,鸡汤文,感觉吧,最大的读后感就是,看人的心态去看这本书,如果像我这样无所事事的话,可能觉得很多是废话,毕竟道理我都懂,前提是需要去做!!! 如果是其他心态的 阅读全文
posted @ 2020-04-06 00:14 昭z 阅读(145) 评论(0) 推荐(0)
2020年1月6日
在vue中使用wangEditor富文本编辑器
摘要： 1.安装wangEditor npm install wangeditor 2.创建公共组件 在components中创建wangEnduit文件夹 3.编写index.vue组件 <template lang="html"> <div class="editor"> <div ref="toolb 阅读全文
posted @ 2020-01-06 15:13 昭z 阅读(15757) 评论(1) 推荐(0)