- 博客(9)
- 收藏
- 关注
RSS订阅原创 2021前端复习(一)
2021前端复习汇总2021-061.清除浮动的方式功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 2021-06 1.清除浮动的方式 原因：当所有的子元素浮动且父元素未设置高度时，父元素会产生高度塌陷。 解决： 给父元素设置高
2021-06-29 17:47:55
68
原创 Vue中v-if和v-show的区别
Vue中v-if和v-show的区别v-ifv-show区别 v-if v-if是真正的条件渲染，在切换过程中，条件块中的子组件和事件会同时销毁或重建，它是惰性的，在值为假时，不会渲染，直到值变为真，才会开始渲染。 v-show 无论初始条件是什么，v-show总会渲染，只是简单的切换css。 区别 v-if 有更高的切换开销，而 v-show 有更高的初始渲染开销。因此，如果需要非常频繁地切换，...
2020-04-01 10:31:50
86
原创 小米前端一面
1.typeof null返回值 typeof null返回的是一个字符串 值为object console.log(typeof null);//"object" 2.bind用法 bind方法主要是将函数绑定到对象上，bind会常见一个函数，函数的this会指向传入到bind中的第一个参数的值：fn.bind(obj);此时函数的this会指向obj 3.for in 和for of fo...
2019-09-11 11:48:29
102
原创 JavaScript中的设计模式
一、工厂模式 ECMAScript6以前无法创建类，用函数来封装以特定接口创建对象的细节： function createPerson(name.age.job){ var o=new Object(); o.name=name; o.age=age; o.job=job; o.sayName=function(){ console.log(this.name); } retur...
2019-09-07 20:08:05
72
原创 js排序
快速排序 以中间项为基准base 遍历数组，小于基准的放在smaller，大于基准的放在bigger 递归调用 时间复杂度：最坏O(n^2) 平均O(n*logn) function quicksort(arr) { if (arr.length <= 1) { return arr } ...
2019-09-07 18:43:36
101
原创 浏览器中的排版方案
正常流排版 浏览器支持元素和文字的混排，元素被定义为占据长方形的区域，还允许有边框，内外边距，留白，也就是盒模型 正常流的基础上，浏览器还支持绝对定位元素和浮动元素 绝对定位元素：直接由left和top等属性确定自身位置，不参加排版计算，不影响其他元素，由position属性控制。 浮动元素则是使得自己在正常流的位置向左或者向右移动到边界，并且占据一块排版空间。浮动元素由 float 属性控制...
2019-09-07 17:05:04
540
原创 程序设计原则
程序设计原则 单一原则 里氏替换原则 依赖倒置原则 接口隔离原则 迪米特法则 职责尽可能的独立、单一，不混在一起，混在一起耦合度太高； 如果一个功能用到很多次，尽可能地用继承，但继承不能去覆盖父类的内容； 为使代码更健壮，扩展性更好，尽可能地做抽象/接口，具体实现交给子类； 如果要去继承接口，尽可能用最小的接口 类和类之间，减少彼此的“认识” 修改代码或功能，尽量不在原有代码里改，去扩展，原...
2019-09-07 16:20:24
69
原创 HTTP2.0与1.1差别
HTTP2是HTTP1.1的升级版本，HTTP2.0最大的改进：一是服务端推送，二是支持TCP连接复用。 服务端推送在客户端发送第一个请求时，提前把一部分内容推送到客户端，放入缓存中，避免客户端请求顺序带来的并行度不高导致的性能问题。 TCP连接复用，使用同一个 TCP 连接来传输多个 HTTP 请求，避免了 TCP 连接建立时的三次握手开销，和初建 TCP 连接时传输窗口小的问题。 ...
2019-09-01 17:57:01
151
原创 使用原生js实现一个60秒倒计时验证码
使用原生js实现一个60秒倒计时验证码 let getCode = document.querySelector('.getCode'); let tel = document.querySelector('.tel'); let error = document.querySelector('.error'); let time = 60; let tim...
2019-09-01 17:40:45
354
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人