- 博客(18)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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
1480
原创 开发常用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
314
原创 初识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
189
原创 2022面试题总结
文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢!一、BFC模式1.BFC(Block Formatting Context),即块级格式化上下⽂,它是⻚⾯中的⼀块渲染区域,并且有⼀套属于⾃⼰的渲染规则:内部的盒⼦会在垂直⽅向上⼀个接⼀个的放置对于同⼀个BFC的俩个相邻的盒⼦的margin会发⽣重叠,与⽅向⽆关。每个元素的左外边距与包含块的左边界相接触(从左到右),即使浮动元素也是如此BFC的区域不会与float的元素区域....
2022-05-25 08:09:40
335
原创 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
719
原创 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
313
原创 说说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
117
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
109
原创 初识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
106
原创 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
2047
原创 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
1072
原创 js加减乘除精确运算方法
因为计算机数字是浮点型,所以在计算过程中通常得到的并不是一个准确的数据,所以在做一些数组运算的时候比较头疼,我们这里就来写一下精确运算的方法function add(arg1, arg2) { arg1 = arg1.toString(), arg2 = arg2.toString(); // 将传入的数据转化为字符串 var arg1Arr = arg1.split("."), // 将小数的数据从小数点的位置拆开 arg2Arr = arg2.split("."),
2022-03-28 17:34:13
277
转载 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
240
原创 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
97
原创 vue3的监听属性的不同
首先我们要知道vue3中有哪些监听属性:watch和watchEffect/***watchEffect和watch*1. 立即执行的是 watchEffect; watch不会;如果想让watch执行;需要开启立即监听*2.watch 监听需要我们传入监听的依赖;watchEffect 不需要手动传入*3.watch可以获取前后的值;而watchEffect不能*/以上就是监听的不同...
2022-03-25 10:36:13
118
原创 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
516
原创 promise封装小程序APi请求
在项目中我们使用请求 需要通过api封装为什么封装api因为在项目中 请求使用的地方会有很多 不利于后期维护 如果我我们讲api封装出来 只需要维护api文件就可以了这里以uniapp封装api来写小程序为例第一步先在项目目录中创建一个utils文件夹 在该文件夹下创建一个js文件为请求的封装 代码如下
2022-03-08 15:41:28
102
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人