随笔分类 -  前端开发

开发页面踩过的坑
前端犄角旮旯，非常规面试题总结（不断更新....）
摘要：前段时间面试了一个大厂，被问了一些犄角旮旯的面试题，整场下来，一脸懵逼，决定痛定思痛，把这些题总结下来，不断更新。每天一遍，每天进步。。。 1、npm cnpm yarn pnpm的区别，各自的优势是什么？ 你项目中用的什么？ 首先说一下Node.js，简单的说 Node.js 就是运行在服务端的 阅读全文
posted @ 2023-09-04 15:03 冰中焱 阅读(245) 评论(0) 推荐(0)
vue3+vite build打包报错：Some chunks are larger than 500 KiB after minification. Consider:
摘要：看官方的解决方案： 1、在rollup配置文件中添加output.manualChunks，将模块拆分成多个chunk，减小每个chunk的大小; 2、build.chunkSizeWarningLimit,提高报错的阈值;3、使用动态import()进行代码分割，减小每个chunk的大小。 我的解 阅读全文
posted @ 2022-12-28 23:01 冰中焱 阅读(7180) 评论(1) 推荐(0)
反转字符串
摘要：反转字符串 直接看代码 1 const reverse = str => str.split('').reverse().join(''); 2 3 reverse('hello world'); 阅读全文
posted @ 2022-05-10 16:16 冰中焱 阅读(27) 评论(0) 推荐(0)
对象数组去重
摘要：对象数组去重 直接看代码，不多解释 1 let objArray = [ 2 { value: '1', lable: '1xxx' }, 3 { value: '1', lable: '1xxx' }, 4 { value: '2', lable: '2xxx' }, 5 { value: '2' 阅读全文
posted @ 2022-05-10 16:14 冰中焱 阅读(57) 评论(0) 推荐(0)
vue3 中 子组件中传值，并调用父组件的方法
摘要：在vue3 中传值，父传子，在父组件中自定义属性，子组件使用props就可以接收，但是子传父之间是怎么传值呢？ 父组件代码如下：自定义属性名和方法名 1 <template> 2 <son @自定义属性名="自定义方法名"> 3 </template> 4 5 6 <script> 7 import 阅读全文
posted @ 2022-05-10 14:36 冰中焱 阅读(677) 评论(0) 推荐(0)
在ts中怎么引入js文件
摘要：有时候我们需要在.ts后缀名的文件中引入js文件，直接引入是报错的。。。。直接看图，我们只需要把引入路劲在这个文件里配置一下即可 阅读全文
posted @ 2022-04-24 14:52 冰中焱 阅读(7762) 评论(0) 推荐(1)
前端面试大全及答案
摘要：前端开发掌握的知识点内容摘要： HTML&CSS：浏览器内核、渲染原理、依赖管理、兼容性、CSS语法、层次关系，常用属性、布局、选择器、权重、CSS盒模型、Hack、CSS预处理器、CSS3动画 JavaScript： 数据类型、运算、对象、Function、继承、闭包、作用域、事件、Prototy 阅读全文
posted @ 2022-02-05 22:42 冰中焱 阅读(265) 评论(0) 推荐(0)
es6中class的理解
摘要：传统的javascript中只有对象，没有类的概念。它是基于原型的面向对象语言。原型对象特点就是将自身的属性共享给新对象。这样的写法相对于其它传统面向对象语言来讲，很有一种独树一帜的感脚！非常容易让人困惑！ 如果要生成一个对象实例，需要先定义一个构造函数，然后通过new操作符来完成。构造函数示例： 阅读全文
posted @ 2022-01-14 12:39 冰中焱 阅读(249) 评论(0) 推荐(0)
js中解决异步编程的方案
摘要：一、事件监听 优点：与回调函数相比，事件监听实现了代码的解耦，方便代码管理 缺点：使用不方便，每次都要手动地绑定和触发事件 二、回调函数 回调是一个函数被作为一个参数传递到另一个函数里，在那个函数执行完后再执行。（ 即：B函数被作为参数传递到A函数里，在A函数执行完后再执行B ） 优点：简单，方便， 阅读全文
posted @ 2022-01-14 11:50 冰中焱 阅读(131) 评论(0) 推荐(0)
promise到底怎么理解
摘要：Promise的含义promise是异步编程的一种解决方法。所谓promise，简单说是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果，从语法上说，promise是一个对象，从它可以获取异步操作的消息，promise提供了统一的API，各种异步操作都可以用同样的方法进行处理。 阅读全文
posted @ 2022-01-14 11:31 冰中焱 阅读(937) 评论(0) 推荐(0)
react中引入图片路劲正确但是页面上不显示或者打包后不能正常显示的问题
摘要：一、react中图片引入方式 以前我们用img引入图片只需要如下即可，在react中这样写会报错： <img src="../assets/zzsc1.png" /> 下面我总结了两种方式： 1、用require方式引入路劲： 错误用法： <img src={require("./zzsc1.png 阅读全文
posted @ 2022-01-07 17:23 冰中焱 阅读(2328) 评论(0) 推荐(0)
CSS设计之页面滚动条出现时防止页面跳动的方法
摘要：切换标签时滚动条突然出现导致页面跳动的千年难题 当前web届，绝大多数的页面间布局都是水平居中布局，主体定个宽度，然后margin: 0 auto的节奏~，例如，大淘宝的首页：然而，这种布局有一个存在一个影响用户体验的隐患。应该都知道，现代浏览器滚动条默认是overflow:auto类型的，也就是如 阅读全文
posted @ 2022-01-07 11:01 冰中焱 阅读(443) 评论(0) 推荐(2)