- 博客(18)
- 资源 (8)
- 收藏
- 关注
RSS订阅原创 CSS性能优化
我们都知道对于网站来说，性能至关重要，CSS作为页面渲染和内容展现的重要环节，影响着用户对整个网站的第一体验。因此，与其相关的性能优化是不容忽视的。下面我们来看一下css性能优化的几种方法：实践型的4个优化技巧1. 内联首屏关键CSS（Critical CSS）性能优化中有一个重要的指标——首次有效绘制（First Meaningful Paint，简称FMP）即指页面的首要内容（primary content）出现在屏幕上的时间。这一指标影响用户看到页面前所需等待的时间，而**内联首屏
2021-01-27 17:40:13
276
原创 如何阻止事件冒泡
1、事件处理过程中，阻止了事件冒泡，但不会阻止默认行为（执行超链接的跳转）2、事件处理过程中，阻止了事件冒泡，也阻止了默认行为（不执行超链接的跳转）3、事件处理过程中，不阻止事件冒泡，但阻止默认行为（父元素以上全部会触发该事件，但不执行超链接跳转）
2021-01-27 15:07:53
15042
原创 JS操作字符串的常用API
目录+运算符concat().length[]indexOf()search()toLowerCase()、toUpperCase()replace()substring()split()lastIndexOf()JavaScript中通过“+”来连接两个字符串，如果两个变量为数字，则是进行相加运算，如果是字符串，则是将两个变量连接起来。concat()JavaScript中通过concat()方法实现两个字符串的连接，此方法与使用“+”方法实现的效果相同。.lengthJavaScri
2021-01-27 11:48:38
1057
原创 深拷贝和浅拷贝
浅拷贝（shallowCopy）只是增加了一个指针指向已存在的内存地址，深拷贝（deepCopy）是增加了一个指针并且申请了一个新的内存，使这个增加的指针指向这个新的内存，使用深拷贝的情况下，释放内存的时候不会因为出现浅拷贝时释放同一个内存的错误。浅复制：仅仅是指向被复制的内存地址，如果原地址发生改变，那么浅复制出来的对象也会相应的改变。深复制：在计算机中开辟一块新的内存地址用于存放复制的对象。深拷贝实现const obj1 = { age: 20, name: 'kayo',
2021-01-23 23:17:17
365
原创 BFC
什么是BFCBFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。BFC是一个独立的布局环境，其中的元素布局是不受外界的影响，并且在一个BFC中，块盒与行盒（行盒由一行中所有的内联元素所组成）都会垂直的沿着其父元素的边框排列。BFC的布局规则 内部的Box会在垂直方向，一个接一个地放置。 Box垂直方向
2021-01-23 19:49:37
392
2
原创 凡科前端校招面经（2021.1.19）
笔试题：简述CSS3的flex弹性布局，以及适用场景 解释box-sizing属性 CSS提高性能方法有哪些 实现数组的reduce方法 JS综合面试题（这题考察的知识点非常多，想要题目可以私聊我） 简单实现promise 实现call、apply、bind 实现深拷贝和浅拷贝 浏览器渲染流程面试题：做过小程序吗 隐藏元素 防抖节流 setTimeout（面试官非常重视这个，问了四五个深入的问题） addEventLisener CSS性能优化 reduce prom
2021-01-20 03:03:48
826
3
原创 巴图鲁前端实习面经（2021.1.14）
overflow:hidden为什么能清除浮动？ BFC 介绍em 用纯CSS绘制浏览器的最大正方形怎么做？ CSS3中的transform用过吗？ 如何阻止事件冒泡？ 事件代理，给url的li绑定事件怎么做？ 判断是否数组除了instanceof还有其他方法吗？ call apply bind的区别 防抖和节流以及使用场景 JSONP跨域让你实现你要怎么写？ Vue的data为什么是一个函数形式？ 子组件想修改父组件传来的值，又能反馈到父组件怎么做？（它好像说是用this） 从哪
2021-01-18 02:49:53
472
5
原创 紫鲸互联前端实习面经（2021.1.6）
说说你的项目 Vuex Vuex的生命周期 父子组件间传值 兄弟组件间传值 自定义指令 做过什么移动端项目 怎么做移动端适配的 说说rem H5 H5的绘画（Canvas） Ajax 如何阻止事件冒泡 display属性 position属性要该公司笔试题可以私聊我紫鲸互联招的前端招进去纯粹是做Flutter开发的，同行请谨慎！...
2021-01-18 02:40:31
552
原创 华资前端校招面经（2020.11.18）
只面了hr面，hr面挂了通过什么渠道学习的？ 其中哪个渠道用得最多？ 有没有团队合作过项目？ 开发过程中有没有定期交流过？ 项目过程中出现的最大的问题，是谁的问题？ 大三下学期有空抽出来自己学习的吗？ 有没有制定学习的详细规划？ 反问实习工资2.1k，hr没礼貌，回答问题她觉得不正确的时候就在你面前偷笑（嘲讽的笑容），最后问有什么想问她的吗？说完这句话就秒接“没有也没有关系……”人家公司没通过就没通过，你问我有没有问题问你然后又不让我问.........
2021-01-18 02:31:07
968
3
原创 call、apply、bind
在JS中，这三者都是用来改变函数的this对象的指向的，他们有什么样的区别呢。在说区别之前还是先总结一下三者的相似之处：都是用来改变函数的this对象的指向的。 第一个参数都是this要指向的对象。 都可以利用后续参数传参。那么他们的区别在哪里的，先看一个例子。// 不传参const xw = { name: "小王", gender: "男", age: 24, say: function() { console.log(this.name + "," + th
2021-01-15 04:07:05
243
原创 JS操作数组的常用API
能够基于当前数组中的一或多个项创建一个新数组，slice()方法可以接受一或两个参数，即要返回项的起始和结束位置，在只有一个参数的情况下，slice()方法返回从该参数指定位置开始到当前数组末尾的所有项，例如slice(3)，则从下标为3的元素开始提取。但不一定要传数组，可传多个参数，如果传入的是非数组，则直接把参数合并到数组的后面。splice()方法需要传入2个以上的参数，第一个参数是索引开始的位置，第二个参数是删除元素的数量，第三个参数是在开始索引的位置插入的元素（可以为多个元素）。
2021-01-13 20:33:54
1506
1
原创 作用域和闭包
this的不同应用场景，如何取值？ 手写bind函数 实际开发中闭包的应用场景，举例说明知识点作用域和自由变量 闭包 this作用域一个变量或者某个变量合法的使用范围，变量如果离开这个范围使用的话会报错的全局作用域（比如window对象和document对象） 函数作用域 块级作用域（ES6新增）（比如if、for、while等语法有个大括号的）上面a、a1、a2都是自由变量只要用let/const去写，都是报错，用var不会报错闭包所有的自
2021-01-12 22:47:08
264
原创 typeof和instanceof
typeoftypeof只能判断值类型和函数的类型，其他类型都判断为object对象深拷贝实现const obj1 = { age: 20, name: 'kayo', address: { city: 'beijing' }, arr: ['a', 'b', 'c']} const obj2 = deepClone(obj1); //浅拷贝// const obj2 = obj1;obj2.address.city = 'shanghai';.
2021-01-12 00:11:46
200
原创 CSS绘制一个三角形
目录等腰梯形普通三角形（等腰三角形）等边三角形平行四边形我们先来看这样一个图形，为什么呢？因为绘制梯形、三角形或者平行四边形就是在这个基础上绘制的！<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>创建三角形</title> <style> *{ margin: 0; padding: 0;
2021-01-09 18:32:08
543
原创 三栏布局（5种解决方案）
代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>三列布局</title> <style> *{ margin: 0; padding: 0; } .layout{ margin-top: 20px; } .layout article div{ min-he...
2021-01-09 01:50:14
658
原创 前端面试题准备完毕
标准模型和IE模型的区别就在于宽和高的计算方式不同，标准模型的宽度和高度指的就是content的宽度和高度，它不包含padding和border，IE模型的宽度和高度是计算padding和border的，如果宽度都设置为200px，对于IE模型来说，200px包含了padding和border，如果IE模型的padding是10px，无border，那么对应的content只能是180px，高度亦是如此。冒泡的具体流程，就是从目标元素，一层一层往上传，最后到window，完成了一次冒泡的流程。
2021-01-03 01:39:20
628
React Developer Tools
2022-07-12
HTML&amp;amp;CSS-王者荣耀
2020-12-16
安卓开发-个人电影收藏信息管理系统
2020-12-15
vue-devtools/shells/chrome
2020-12-08
安卓开发-贫困生信息管理系统
2020-11-05
安卓开发小游戏-王者荣耀
2020-11-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人