- 博客(130)
- 收藏
- 关注
RSS订阅
原创 前端面试相关
HTML5新特征 ✅HTML5 与es6 新特性_日晞的博客-优快云博客 cookie与sessionStorage和localStorage的区别 ✅Cookie 和localStorage、SessionStorage 区别_日晞的博客-优快云博客 事件冒泡和事件捕获 垂直居中DIV 两栏布局左边固定右边自适应 三栏布局左右固定中自适应 常用的块与行属性内标签有哪些？有什么特征 清除浮动 CSS3新特征 介绍一下盒模型 CSS中有哪些长度单位？ 伪类和伪元素的区别 disp
2023-08-24 15:30:17
421
转载 Babel 是什么
Babel 是一个 JavaScript 编译器，它主要用于将新版本的JavaScript代码转换为向后兼容的版本，以便在不支持最新语法和特性的浏览器中运行。Babel能够将ES6+的代码转换为ES5的代码，以及处理一些其他语法转换和代码优化。webpack 会通过 babel.config.js 来配置 babel；
2023-08-30 14:14:22
205
转载 webpack
Webpack 本身只能处理 JavaScript 模块，如果要处理其他类型的文件，就需要使用 loader 进行转换。比如 CSS 就需要用到 css-loader 和 style-loader。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。是一个用于现代 JavaScript 应用程序的。
2023-08-30 12:39:49
141
原创 CI/CD 自动化部署
CI：持续集成，指持续的将本地代码合成到主分支（比如开发分支），这样可以使得本地代码和主分支差别不会过大。CI/CD 可以大大的缩短开发时间，但是对于发版比较严格的公司，CI/CD 需要注意的会比较多。CD：持续交付和持续部署。持续交付是指持续将代码合并部署到测试环境，交付给测试去测。持续部署是指当你合并代码到 master 主分支时，那么就会自动化部署到正式环境。
2023-08-29 23:59:05
337
转载 export 和 export default 的区别
你能够在每一个模块中定义多个命名导出，但是只允许有一个默认导出。export default：默认导出。export：命名导出。
2023-08-29 16:38:48
136
转载 对 MVC 和 MVVM 的理解
MVVM：各部分之间的通信，都是双向的；且 View 的变动，自动反映在 ViewModel 上。的，V --> C --> M --> V。MVC：所有通信都是。
2023-08-29 16:10:24
129
转载 JS 的 this 指向问题
3.箭头函数：由于没有 this 指向，箭头函数内打印 this 会指向上一层的 this。5.事件绑定中的this。2. 普通函数作用域下。
2023-08-27 23:35:55
138
转载 async...await 与 promise 的关系
async 里 return 相当于 promise 的 resolve()，所以promise 状态变成 fulfilled，这时就会跳到 .then() 里进行执行。
2023-08-27 23:03:34
133
原创 promise
由宏任务、微任务可得，微任务先执行（promise.then()）， 他改变了promise 的状态，打印2，再到宏任务，setTimeOut,但是由于 promise 状态一经生成，不会改变状态，所以不打印。resolve() 和reject() 里的参数就是对于 then 和 catch 里的参数；Promise.resolve() 返回 fulfilled 状态的promise => then()Promise.reject() 返回 rejected 状态的promise => catch()
2023-08-26 20:14:06
1155
原创 数组、对象和类数组遍历方式
every(),some(),entries(),fill(),filter(),find(),for..of,for 循环，forEach,includes(),indexof(),join(),map(),reduce(),sort(),reverse(),flat()最好是转换成数组进行遍历。比如arguments。
2023-08-26 14:16:04
183
转载 数组的方法，是否会改变原数组
改变原数组： fill()，pop()，push()，shift()，unshift()，reverse()，sort()，splice()
2023-08-26 13:43:59
104
转载 JavaScript == 和 ===的区别
如果一个是对象，另一个是数值或字符串，把对象转换成基础类型的值再比较。版权声明：本文为优快云博主「Sunny_lxm」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。如果任一值是 true，把它转换成 1 再比较；如果任一值是 false，把它转换成 0 再比较。如果一个是字符串，一个是数值，把字符串转换成数值再进行比较。== 对于类型不同的数据，会进行转换，进行判断；=== 会严格的判断类型，值是否完全相等；如果两个值类型相同，进行 === 比较。
2023-08-26 13:10:58
110
转载 flex 布局
主轴由 flex-direction(row，row-reverse，column，column-reverse) 定义；交叉轴是相对于主轴而相应产生的，当以列(column)为主轴，那么交叉轴为行。flex-grow：如果第一个元素 flex-grow 值为 2，其他元素值为 1，则第一个元素将占有 2/4（上例中，即为 200px 中的 100px）, 另外两个元素各占有 1/4（各 50px）。上面二者的缩写： flex-flow: flex-direction flex-wrap;
2023-08-25 11:56:23
108
原创 事件捕获和事件冒泡
以下代码，点击 aa ，控制台会打印什么呢？这就是事件冒泡，从内层向外层传递事件流。事件捕获和事件冒泡与事件流有关系。而事件捕获正相反，通过外层到内层。
2023-08-24 15:45:19
260
转载 svg 与 canvas 的区别
相同点：主要用于画 2D 图形不同点：Canvas 画的是位图，SVG 画的是矢量图，而矢量图是放大不失真的。 SVG 不依赖分辨率，Canvas 依赖分辨率。 SVG 节点过多时渲染慢，Canvas 性能更好一点。
2023-08-19 13:51:22
76
转载 webpack 与 vite 的区别
本文链接：https://blog.youkuaiyun.com/xiasohuai/article/details/123017321。版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
2023-08-17 12:01:58
107
原创 预加载和懒加载的区别
懒加载：用户看不到的数据先不加载，等到用户滑动到时/满足某种条件再加载。预加载：预先加载主要内容，缓存到本地，等需要用时直接从缓存中获取。
2023-08-17 11:32:03
93
转载 websocket 和 http 的区别
http 是客户端向服务端发起连接，服务端预先是不知道的；webSocket是需要客户端和服务端握手进行建立连接的。http 是单向的；webSocket是双向通信协议，可以双向发送或接受信息。
2023-08-17 11:10:25
46
原创 window.location: origin,host,href...
【代码】window.location: origin,host,href...
2023-08-15 13:59:13
511
原创 css 长度单位
px：一个长度单位，与屏幕分辨率有关 %：eg: 父元素 100px ，50% 就是 100px * 50% = 50px em：1em = 父元素的字体大小 rem： 1rem = html 根元素的字体大小 vw: 100vw = 窗口的宽度 vh：100vh = 窗口的高度
2023-08-15 11:10:30
105
原创 CSS3 新特性
以下以首字母排序：动画（animate）圆角(border-radius)怪异盒模型(box-sizing)阴影（box-shadow）背景(eg: background-image,background-clip)css 计算属性(calc())图片属性（filter）flex 布局线性渐变(gradient)rgba文字阴影(text-shadow)变换（transform）伪元素
2023-08-08 16:31:26
963
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人