- 博客(22)
- 收藏
- 关注
RSS订阅原创 块级作用域
在ES6之前，作用域分为全局作用域和函数作用域，全局作用域指最顶部的js作用域，也可以理解为单个js文件内或是script内的最顶层代码。函数作用域也可以称之为局部作用域，其只在函数定义时生成。此打印为undefined，其代码一开始的想法是在fn函数中调用全局作用域下的txt变量，然后再对函数作用域下定义一个txt变量，那为什么后续打印的时候值为undefined呢？其原因在于var声明的变量，其会有变量提升的情况。
2023-07-03 10:18:24
359
原创 Vue3的setup语法糖下的defineEmit、defineExpose、defineProps函数
setup作为vue3的新增生命周期hooks，其替代了vue2的beforeCreate、created，注意setup的执行时间是位于beforeCreate之前，熟悉vue2的都知道，在beforeCreate时是无法访问data、method的数据的，如果实在需要在setup中访问data及method的数据及方法可在setup中通过调用onBeforeMount挂载前的生命周期去访问data及method的数据及方法。，在。
2023-06-26 15:10:13
1168
原创 Vue3插件记录（持续更新）
VueUse 是一个基于 Composition API 的实用函数集合。通俗的来说，这就是一个工具函数包，它可以帮助你快速实现一些常见的功能，免得你自己去写，解决重复的工作内容。以及进行了基于 Composition API 的封装。让你在 vue3 中更加得心应手。core.js是Javascript库的补丁包，在如今ES的迅速发展下以及浏览器频繁的更新换代带了的ES语法在不同浏览器上的兼容成为一个问题，而core.js就是为了做兼容处理的，让我们在不兼容某种新特性的浏览器上使用新特性。
2023-01-06 16:59:18
378
原创 vite-vue3-elementPlus-vueRouter4-Pinia搭建项目
一个项目的代码编写，需要经过需求-技术选型-项目搭建-业务功能实现，这次的重点在于项目的搭建，在经历了一年的前端工作，对于项目的搭建并不是很熟悉，是部门的前端前辈去搭建的，在公司参与了好几个项目的研发，每个项目，或者说是每个人的项目架构都不太一样，
2022-09-21 11:10:04
985
原创 Missing script: “dev“
在通过cli构建项目的时候，因为前几个项目都是dev启动的，习惯性的通过运行项目，出现一下报错。其实npm run的运行package的依赖包，在package中没有dev故报错说没有dev。在查阅资料后发现，和没有区别，只是在语法上不同而已，出现语法不同的原因是其cli的版本不同导致的，故通过对应的依赖执行就行了，如果真有强迫症的话建议更新cli版本。package.json...
2022-06-29 17:15:40
2250
1
原创 面向对象的形象阐述
在现如今的代码世界中，面向对象是一个很重要的编程对象，面向对象的三大特性是，封装性、多态、继承性。面向对象的思想是将属性和行为封为一个类，因为一个对象中一般拥有很多个属性以及行为。例如：人也是个对象，属性：眼睛、鼻子、手、嘴巴等；行为/方法：听声音（参数为声音）、吃东西（食物为参数）等。人这个对象也有继承性，可以new出一个新的人类，当然在代码世界中，不是必须得两个对象才能new的，一个对象就行，new出的子类默认拥有着其父级的属性及方法（其属性、方法在子类的原型对象中），也可对其方法进行覆盖重写。
2022-06-29 10:50:20
246
原创 自适应三栏布局
在面试一个公司的时候有问到这样的一个问题实现两边固定 中间自适应的布局?如果pc端的布局是三列形式的布局，如何在移动端实现三行形式的布局?当时并没有想出解决方法，主要还是自己的知识不牢固！！！在后面查阅资料后并代码演示后以此记录：
2022-06-02 15:53:57
244
原创 Vue3 +ElementPlus 表单组件的封装
Vue3 +ElementPlus 表单组件的封装在系统中，表单作为用户与后端交互的重要传递组件使用频率极高，故对其进行封装是必然的，也是一个编写规范代码的前端程序员必须做的一件事。在Vue3中封装组件时，能感受到与Vue2有着很大的不同，故作此记录。form文件夹FormItem.tsx文件是Typescript中的新特性之一，详细可查阅TS中文文档index.vue是主体文件type.ts表单的规约FormItem.tsximport filter from '@/utils/fi
2022-05-06 17:04:45
4915
3
原创 Elementplus中TimePicker时间选择器 数据类型的转换 TypeError: dates.map is not a function
Elementplus中TimePicker时间选择器 数据类型的转换 TypeError: dates.map is not a function
2022-04-28 14:53:21
2488
1
原创 Vue3 setup语法糖的子组件调用父组件的函数
Vue3 setup语法糖的子组件调用父组件的函数在Vue3中对于父子组件传值的使用与Vue2有些许不同子组件调用父组件的函数父组件通过定义函数以及将函数通过@属性=“函数”，将函数传入子组件中//父组件<template> <ChangeCarrier ref="ChangeCarrierRef" @refresh="getData"></ChangeCarrier></template><scri
2022-04-24 17:34:24
18526
4
原创 TypeScript的常用新特性
TypeScriptTypeScrtpt作为Javascript的超集，拥有Javascript的基本特性，在保留基本的关键字以及内置函数外，还有作为TypeScript的新特性。其中作为TypeScript的最基本的新特性为type，因为Javascript中对变量的定义是弱类型的，在TypeScript中新增了对变量进行定义的特性。TypeScript的出现就是为了贴近面向对象的语法。强类型JavaScript是一个弱类型的语言，在定义变量时不用对变量进行类型上的定义，如Java语言中，对数值型的
2022-04-21 17:43:55
1431
原创 Vue3的新特性
Vue3Vue3作为Vue2的升级，区别还有有很大的变化的。双向绑定Vue2中的双向绑定通过在data中定义数据，在view层中通过{{data}}来实现//vue2<div><template>{{data}}</template></div><script>export default { data(){ return{ data:'vue2.0' } }}</script>Vue3中
2022-04-21 17:39:06
879
原创 Vue3+Ts+echarts的地图实现
Vue3+Ts+echarts的地图今天接到一个需求，在首页添加我们大中国的地图。由于我技术不行，且用echarts的次数屈指可数，而且地图不同于柱状图那些好理解，且在网上没有查找到Vue3+TS的，找到的也很丑，在经历半天的磨难中，终于完成了。没有点击！没有点击！因为项目需求是这样，所以没有弄转市的点击事件。而且因为还没有具体的需求接口，故将每个省的id作为value，来显示颜色。后期看需求可以对其进行更改。在这运用了模块化的思想，将方法封装在另一个文件中，在主文件引用，来对其进行调用，进行主页面
2022-04-21 16:53:57
3886
1
原创 Vue3+TS报错TypeError: Cannot set properties of undefined (setting ‘0‘)
TypeError: Cannot set properties of undefined (setting '0')
2022-04-19 11:26:13
11327
原创 Vue3+TS错误解决 Failed to fetch dynamically imported module:
Internal server error: [@vue/compiler-sfc] <script setup> cannot contain ES module exports. If you are using a previous version of <script setup>, please consult the updated RFC at https://github.com/vuejs/rfcs/pull/227.
2022-04-12 13:56:35
44459
5
原创 Vue的生命周期的详解
Vue的生命周期Vue的生命周期是每个使用Vue框架的前端人员都需要掌握的知识，以此作为记录。Vue的生命周期就是vue实例从创建到销毁的全过程，也就是new Vue() 开始就是vue生命周期的开始。Vue 实例有⼀个完整的⽣命周期，也就是从开始创建、初始化数据、编译模版、挂载Dom -> 渲染、更新 -> 渲染、卸载 等⼀系列过程，称这是Vue的⽣命周期。钩子函数是Vue生命周期中每个阶段对外开放让程序员操作Vue的接口。Vue有8个钩子函数，分别为：beforeCreate( 创建前
2022-04-11 14:48:31
145391
12
原创 Vue + ElementUI+ el-autocomplete 组件的防抖方案的懒加载
# Vue + ElementUI+ el-autocomplete 组件的防抖方案的懒加载在项目开发中，经常会使用到下拉选择框，为了更快捷所以有了autocomplete的出现，autocomplete 是一个可带输入建议的输入框组件，该组件在数据量大的情况下能通过输入快速的查找到对应的选项。通过Element-UI的官网文档的示例可知，其通过输入数据从而自动查找且显示对应的数据。 当数据量大的时候，此时加载...
2022-04-07 17:49:14
3847
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人