- 博客(13)
- 收藏
- 关注
RSS订阅原创 vite和webpack的区别
这意味着在开发过程中，引入的模块以原生 ES 模块的形式直接在浏览器中运行，而不是像 Webpack 那样将所有的脚本都打包成一个或多个文件。4. 生态系统和插件支持：Webapck 是一个成熟且广泛使用的构建工具，具有丰富的生态系统和大量的插件支持，可以满足各种构建需求。总的来说，Vite 更适合于轻量级的、简单的项目，提供了快速的开发体验。而 Webpack 更适合于复杂的项目，并具有更多的配置和插件支持，可以处理更多的构建需求。需要根据项目的需求和规模选择适合的构建工具。
2023-08-09 20:06:58
2065
1
原创 什么是闭包
在js中闭包就是在嵌套函数中，内层函数访问外部函数作用域内的变量和参数，造成的闭包空间，有助于函数不受外界干扰，实现封装，避免命名冲突，如果操作不当容易造成内存泄露，闭包并不是一种属性或者函数，是一种现象，在项目中我们容易遇到闭包的地方就是防抖和封装公共函数的时候。在项目中，我封装了一个公共函数，这个公共函数需要在两个页面使用，功能一样，只是传的参数不同，这个公共函数需要返回一个功能函数，这个功能函数使用了外部函数的变量和参数，就造成了闭包。下面是一个简单的防抖的函数。
2023-07-16 23:02:25
115
1
原创 什么是响应式网站
响应式网站（Responsive Website）是指能够根据不同设备（如桌面电脑、平板电脑、手机等）的屏幕大小和分辨率进行自适应布局和设计的网站。这样的网站能够在各种设备上提供更好的用户体验，因为页面的内容和布局会根据设备的特性进行相应调整，使用户可以轻松地浏览和与网站进行互动。总的来说，响应式网站是一种更加灵活和适应性强的网站设计方法，它使网站可以在各种设备上提供一致和优质的用户体验。在较大的屏幕上，可以使用高分辨率图像，而在小屏幕设备上则使用较小的图像，从而减少加载时间和带宽消耗。
2023-07-16 22:11:32
945
1
原创 px、em、rem、vw、vh、%都是什么单位
px像素单位是当前屏幕的像素单位，根据当前屏幕的大小决定的em相对单位相当于当前标签内的字体大小，如果当前标签内没有设置字体大小，默认为浏览器的字体大小rem相对单位相当于当前HTML的字体大小，如果当前HTML未设置字体大小，默认为浏览器的字体大小vw和vh和是相对单位，相对于当前视口。例如，代表当前视口宽度的，代表当前视口高度的。%相对单位相当于当前父元素的百分比。例如，父元素的宽度为100px,那么50%就是50px
2023-07-16 19:42:36
401
1
原创 判断数据类型的方法
在js中有多种判断数据类型的方法语法 typeof 数据 返回数据类型对于基本数据，除了外均返回正确的结果，返回object对于引用数据类型，除function外均返回object类型对于null，返回object对于function返回function类型检测复杂数据类型检测某一个实例的上是否有这个类的原型属性只要在当前实例的原型链上，我们就用其检测出来的结果都是true在检测复杂数据类型时，在原型链上类的也会被检测为true。
2023-07-16 17:50:06
76
1
原创 能结合代码来说明组合式API比起选项式API的好处？
在之前做过的项目中，有一个不同页面但是相同的功能，调用的api接口，就是参数不同，你可能会说，为什么不直接调用接口，传不同的参数而已，但是我们有额外的功能在里面，比如消息提示，按钮的loading效果。在项目开发中，有两个功能特别的类似，如果单独实现，会有很多重复的代码，在vue3中，我们利用组合式api的特点，他们抽离出来，进行封装，把得到的函数写在一个单独的模块中，导出，以供复用。在vue2中，我们可以通过mixins也可以来抽离公共代码，但是组合式api更加有利。在vue2中采用选项式api。
2023-07-13 17:11:43
125
1
原创 TS中ref reactive computed defineprops defineemits 的类型注解
在TS中数据类型注解的作用就是限制变量赋值的数据类型并有提示。
2023-07-13 09:47:19
1646
1
原创 v-model和.sync的区别
sync一般适用于父子之间的双向绑定，区别就是v-model在一个组件只能使用一次，.sync在一个组件使用多次。修饰符实现父子组件的双向绑定,也实现了子向父传值,父向子传值,通过改变子组件的值可以实现父组件值的改变。v-model=“num”, :num.sync=“num”● 相同点：都是语法糖，都可以实现父子组件中的数据的双向通信。○ v-model只能用一次；.sync可以有多个。v-model和.sync都是用来做双向绑定的。
2023-07-11 17:37:59
192
1
原创 在vue中如何使用mixin复用代码
要实现服用的话，就要在想要使用的组件内再次引入、注册就很麻烦，所以有更方便全局导入，会影响内一个创建的vue实例。定义一个mixin.js文件来书写服用要的代码。在vue中可以用mixin来复用代码，包括。就可以了不用再每个组件内都导入，注册。在要使用的组件中导入注册，语法如下。等等使用方法非常简单如下。在main.js中导入。
2023-07-11 16:27:53
132
1
原创 递归的原理以及如何扁平化数组
对要扁平化的数组进行遍历 用一个方法 Array.isArray()来判断是否为数组，如果是就再次调用，不是的话就push到空数组，最后返回出来结果。树状数据：在项目中某些地方需要我们根据树状数据，对模板进行渲染比如在导航菜单，多级嵌套菜单，树状结构，具体实现见我另一篇博客 下面是地址。递归是一种通过调用自身的函数或方法来解决问题的技术，这种组件结构可以很方便地处理一些具有嵌套层次关系的数据。数组扁平化 ：就是把一个多维嵌套数组，变为一个数组。方法会按照一个可指定的深度递归遍历数组，默认值为。
2023-07-10 23:25:27
168
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人