- 博客(18)
- 收藏
- 关注
RSS订阅
原创 vue3中elementui组件的使用
elementui的全局引入；一定要注意 vue版本//安装：npm install element-plus --save//在main.js内引入element-plus以及样式:import ElementPlus from 'element-plus'import 'element-plus/dst/index.css'//挂载createApp(App).use(ElementPlus)elemtnt-ui的按需引入//安装：npm install element-plu
2022-03-31 11:54:44
1458
原创 开发常用class 名
状态类： primary, secondary, success, danger, warning, info, error, Link, light, dark, disabled, active, checked, loading。结构类：hd, bd, ft, top, bottom, left, right, middle, col, row, grid, span。
2023-02-17 14:19:38
208
原创 初识NUXTJS
nuxtjs的特点：更多请看官网：关于 Nuxt.js - NuxtJS | Nuxt.js 中文网2016 年 10 月 25 日, zeit.co 背后的团队对外发布了 Next.js，一个 React 的服务端渲染应用框架。几小时后，与 Next.js 异曲同工，一个基于 Vue.js 的服务端渲染应用框架应运而生，我们称之为：Nuxt.js。https://www.nuxtjs.cn/guide...
2022-06-27 08:18:17
169
原创 2022面试题总结
文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！一、BFC模式1.BFC（Block Formatting Context），即块级格式化上下⽂，它是⻚⾯中的⼀块渲染区域，并且有⼀套属于⾃⼰的渲染规则：内部的盒⼦会在垂直⽅向上⼀个接⼀个的放置对于同⼀个BFC的俩个相邻的盒⼦的margin会发⽣重叠，与⽅向⽆关。每个元素的左外边距与包含块的左边界相接触（从左到右），即使浮动元素也是如此BFC的区域不会与float的元素区域....
2022-05-25 08:09:40
298
原创 vue2中关于token的本地储存时间
在我练习的时候，需要token验证自己整理了一个思路一、首先在点击登录（触发事件）的时候let obj = { name:xxx.token, //获取存储时的时间 time:new Date().getTime()}localStorage.setItem('token',JSON.stringify(obj))二、在router的index.js//设置你想储存的时间 因为获取的时间是以毫秒计算 所以的们要单位转换 1s=1000mslet time=xxxxrouter.b
2022-05-07 16:04:31
666
原创 es6开发常用小技巧
一、如何隐藏所有指定的元素const hide = (el) => Array.from(el).forEach(e => (e.style.display = 'none'));// 事例: 隐藏页面上所有`<p>`元素hide(document.querySelectorALL('p'))二、如何检查元素是否具有指定的类？页面DOM里面的每个节点上都有一个 classList\color{#FF0000}{classList}classList对象，程序员可以使用里面
2022-05-07 15:46:03
280
原创 说说var、let、const之间的区别
⼀、var在ES5中，顶层对象的属性和全局变量是等价的，⽤ var 声明的变量既是全局变量，也是顶层变量注意：顶层对象，在浏览器环境指的是 window 对象，在 Node 指的是 global 对象var a = 10;console.log(window.a) // 10使⽤ var 声明的变量存在变量提升的情况console.log(a) // undefinedvar a = 20在编译阶段，编译器会将其变成以下执⾏var aconsole.log(a)a = 20使⽤
2022-04-12 21:05:57
108
1
原创 数组的常用方法总结
1.join()join（’参数‘）把数组的元素以传入的参数为分割符，转换成字符串。let arr = [1,2,3,4,5];let str = arr.join(',');console.log(str) // -> '1,2,3,4,5';2.push()和pop()push(): 可以接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度。pop()：数组末尾移除最后一项，减少数组的 length 值，然后返回移除的项。let arr = ['张三','李四',
2022-04-06 11:59:43
101
原创 初识TypeScript
一.Ts简介ts是js的超集；添加了类型系统的js；适合于任何规模ts不能直接被浏览器识别 ---需要转化为js后才能被浏览器识别ts完全支持es6语法ts是微软 公司出了二.概念（1）编程语言（java、php、net、python、c、c++、c#、js、ts....） 静态类型的语言和动态类型 的语言是根据类型检查的时机，可以分为 静态类型和动态类型js是解释型的语言，没有编择阶段；js属于动态类型的语言ts是静态的（2）强类型 和 弱类型的语言 （是..
2022-04-01 11:45:21
89
原创 vue3中的Vant的使用
一.全局安装//安装 --npm install vant --save//在main.js内引入import Vant from 'vant'import 'vant/lib/index.css'createApp(app).use(Vant) 二.按需引入//安装 --npm install vant --save//非vite项目；安装:npm i babel-plugin-import -D将 "plugins":[ [ "import", { "
2022-03-31 11:14:11
1980
原创 Vuex的原理
Vuex不是vue内置的：我们使用的时候需要安装，当然框架也会给你下载好的如果说自己安装：1.npm install vuex --save2.新建一个js文件；import Vue from ‘vue’import Vuex from ‘vuex’Vue.use(Vuex)’导出：在main.js内引入一、我们在说说什么是VuexVuex是vue的状态（理解为数据）管理工具；主要实现各组件之间的数据共享二、5个核心的概念1.state -- 存放状态（数据）2.
2022-03-29 12:03:16
1058
原创 js加减乘除精确运算方法
因为计算机数字是浮点型，所以在计算过程中通常得到的并不是一个准确的数据，所以在做一些数组运算的时候比较头疼，我们这里就来写一下精确运算的方法function add(arg1, arg2) { arg1 = arg1.toString(), arg2 = arg2.toString(); // 将传入的数据转化为字符串 var arg1Arr = arg1.split("."), // 将小数的数据从小数点的位置拆开 arg2Arr = arg2.split("."),
2022-03-28 17:34:13
257
转载 Vue3.0如何在setup中获取定义的全局方法
有些情况下我们需要定义全局方法 然而在vue3.0中我们定义全局方法需要在globalProperties上面定义大部分情况下还是可以定义在main.js中的 我们这里就以定义在main.js中为例// 这里我们就简单的随便添加一个属性 import { createApp } from 'vue' import App from './App.vue' import router from './router' import store from './store' let app = cre
2022-03-28 17:24:30
216
原创 vue3基础
vue3的生命周期函数人： 出生到死亡的过程vue生命周期：vue实例从创建到销毁的过程;主要是在不同的时段执行不同的事情;常见的8个身影周期钩子函数（创建前后、挂载前后、更新前后、销毁前后）另外三个： activated de-- errorCapturenew Vue({ router, store, render: h => h(App)}).$mount('#app')new Vue({ data:{}, el: '#app' // 挂载...
2022-03-25 11:16:47
77
原创 vue3的监听属性的不同
首先我们要知道vue3中有哪些监听属性:watch和watchEffect/***watchEffect和watch*1. 立即执行的是 watchEffect; watch不会；如果想让watch执行；需要开启立即监听*2.watch 监听需要我们传入监听的依赖；watchEffect 不需要手动传入*3.watch可以获取前后的值；而watchEffect不能*/以上就是监听的不同...
2022-03-25 10:36:13
108
原创 Ts使用vscode监视代码编译
安装全局安装ts命令 npm install -g typescript 安装结束后运行tsc -v命令 显示版本号表示安装成功 接下来可以使用tsc 文件名称 可以将ts文件转化为js文件 js文件可以引入在html文件中直接使用监视ts文件在文件夹中执行 tsc --init 可以生成tsconfig.json文件 打开该文件可以看到 内容如下{ "compilerOptions": { /* Visit https://aka.ms/tsconfig.json to re
2022-03-08 15:49:41
483
原创 promise封装小程序APi请求
在项目中我们使用请求 需要通过api封装为什么封装api因为在项目中 请求使用的地方会有很多 不利于后期维护 如果我我们讲api封装出来 只需要维护api文件就可以了这里以uniapp封装api来写小程序为例第一步先在项目目录中创建一个utils文件夹 在该文件夹下创建一个js文件为请求的封装 代码如下
2022-03-08 15:41:28
76
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人