- 博客(20)
- 收藏
- 关注
RSS订阅原创 Vue3.0如何在setup中获取定义的全局方法
因为这只是开发环境表现出来的样式，打包后ctx以及proxy都会产生变化 现在我们把打包后的情况给大家看一下。说道这里相信大家应该已经明白原因了吧？欢迎各位给出自己的建议。接下来我们需要在页面中去获取 这里以在setup中获取为例。那么这样使用的理由是什么呢？
2023-06-03 13:33:40
1266
原创 Promise
PromisePromise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理且更强大。它最早由社区提出并实现，ES6将其写进了语言标准，统一了用法，并原生提供了Promise对象。特点1.对象的状态不受外界影响 （3种状态）Pending状态（进行中）Fulfilled状态（已成功）Rejected状态（已失败）2.一旦状态改变就不会再变 （两种状态改变：成功或失败）Pending -> FulfilledPending -> Rejecte
2022-05-06 10:44:30
169
原创 面试题，写一个函数，输出小于这个数的质数
质数的概念：指在一个大于1的自然数中，除了1和其自身外，没法被其他自然数整除的数。2是最小的质数。function fn (num){ let arr = [2] const isFrame = new Array(num).fill(1); // let index1 = 0; // let index2 = 0; for(let i = 3; i <= num;i+=2){ index1++; i
2022-04-25 18:26:16
113
原创 数组的常用方法总结
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-18 10:44:07
173
原创 动态设置rem
动态配置rem其实就是在窗口大小改变时重新设置rem的值(function(doc, win) { var docEl = doc.documentElement, resizeEvt = "orientationchange" in window ? "orientationchange" : "resize", recalc = function() { if (docEl.clientWidth > 750) { ...
2022-04-18 10:36:50
585
原创 axios的封装
在项目中我们使用请求 需要通过api封装为什么封装api因为在项目中 请求使用的地方会有很多 不利于后期维护 如果我我们讲api封装出来 只需要维护api文件就可以了这里以uniapp封装api来写小程序为例第一步先在项目目录中创建一个utils文件夹 在该文件夹下创建一个js文件为请求的封装 代码如下...
2022-03-21 11:02:45
107
原创 vuex 数据持久化插件
刷新页面，vuex里面数据丢失、清空。有时候我们需要把一些数据固话到本地，即使刷新也不能清空，例如：登陆状态、token等。这是就需要用到vuex数据持久化//需要先下载插件npm install vuex-persistedstate --save 或者 使用yarn add vuex-persistedstate --save//在vuex初始化时导入插件import persist from 'vuex-persistedstate'//并使用export default new
2022-03-17 13:51:54
135
原创 css样式重置
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, l
2022-03-11 14:15:13
84
原创 正则表达式
很多不太懂正则的朋友，在遇到需要用正则校验数据时，往往是在网上去找很久，结果找来的还是不很符合要求。所以我最近把开发中常用的一些正则表达式整理了一下，在这里分享一下。给自己留个底，也给朋友们做个参考。一、校验数字的表达式// 1. 数字：^[0-9]*$// 2. n位的数字：^\d{n}$// 3. 至少n位的数字：^\d{n,}$// 4. m-n位的数字：^\d{m,n}$// 5. 零和非零开头的数字：^(0|[1-9][0-9]*)$// 6. 非零开头的最多带两位小数
2022-03-07 18:27:04
126
原创 js加减乘除精确运算方法
因为计算机数字是浮点型，所以在计算过程中通常得到的并不是一个准确的数据，所以在做一些数组运算的时候比较头疼，我们这里就来写一下精确运算的方法首先是加法 （这里以两个数据相加为例）function add(arg1, arg2) { arg1 = arg1.toString(), arg2 = arg2.toString(); // 将传入的数据转化为字符串 var arg1Arr = arg1.split("."), // 将小数的数据从小数点的位置拆开 a...
2022-02-24 19:29:57
184
原创 vue3+vant 移动端适配
Vant 中的样式默认使用 px 作为单位，如果需要使用 rem 单位，推荐使用以下两个工具：postcss-pxtorem 是一款 postcss 插件，用于将 px 单位转化为 remlib-flexible 用于设置 rem 基准值1.安装依赖yarn add amfe-flexible或者使用npm i amfe-flexible然后在 main.js 中加载执行该模块：import 'amfe-flexible'2.安装postcss-pxtorem依赖：y
2022-01-03 10:25:21
250
原创 vue3 在原型上挂载方法
在vue3 中没有 this 不在是实例化查出来的vue对象，那怎么往原型挂在公用的方法呢？const app = createApp(App);const test = () => { console.log('我是测试函数触发的'); return '测试成功！';};app.config.globalProperties.$Test = test;app.use(store).use(router).mount('#app')下面是使用的方式impor.
2021-12-30 14:12:13
2641
1
原创 递归实现深拷贝
function copy(obj) { let newObj = null; // 声明一个对象来存储拷贝之后的内容 // 判断数据类型是否是复杂的数据类型，如果是则调用自己，如果不是则直接赋值即可！ // 由于null不可以循环但是他的类型又是object，所以这个需要对null进行判断 if (typeof(obj) == 'object' && obj !== null){ // 声明一个变量用以存储拷贝出来的值，根据参数的.
2021-12-30 11:15:57
138
原创 vuex 数据持久化插件
数据持久化：刷新页面，vuex里面数据丢失、清空。有时候我们需要把一些数据固话到本地，即使刷新也不能清空，例如：登陆状态、token等。这是就需要用到vuex数据持久化//需要先下载插件npm install vuex-persistedstate --save 或者 使用yarn add vuex-persistedstate --save//在vuex初始化时导入插件import persist from 'vuex-persistedstate'//并使用export def
2021-12-27 19:39:45
346
原创 用canvas画的一个加载条
一个同学问的问题， 同样类型的问题不知道被问了多少变了， 这里写了一个例子，需要使用的同学可以自行复制粘贴，但是相关尺寸及内容请自行更改<template> <div class="about"> 总课程数量<input type="text" v-model="m"> 已完成数量<input type="text" v-model="n"> <button @click="finish">确认完成</butt...
2021-12-27 19:36:31
135
原创 js冒泡排序的四种方法
这种方法冒泡排序比较相邻的两个元素,如果前一个比后一个大，则交换位置。第一轮把最大的元素放到了最后面。由于每次排序最后一个都是最大的，所以之后按照步骤1排序最后一个元素不用比function arr_sort(data) { var temp for(var i = 0; i<data.length-1;i++) { for(var j = 0; j<data.length - i; j++) { if(data[j]) &g...
2021-12-27 17:19:27
337
原创 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 read m...
2021-12-27 10:14:44
563
原创 vue3.0使用vuex的过程
在vue3中使用vue2中的写法也可以 但是这里我们使用组合api来使用vuex的数据和各种方法打开store中的index.js 代码如下 // 可以看出与vue2的写法有些区别，但是用法一样 // 但是需要注意的是如果在创建项目时没有安装vuex 则需要自己安装 安装命令是 npm install vuex@next --save 这里需要注意命令的不同 安装的版本就不同 import { createStore } from 'vuex' export default createSto
2021-12-25 16:57:27
265
转载 vue打包路径和服务代理配置
首先在 vue 的项目下面 新建一个 vue.config.js 该文件夹和src是同级的文件夹。文件夹的内容如下：module.exports = { publicPath: "./", // 部署应⽤包时的基本 URL outputDir: "dist", // npm run build ⽣成的⽂件夹，默认是dist assetsDir: "static", // 在kaixin⽂件夹下⾯⽣成static⽬录存放js,img,css等静态资源 indexPath: "inde
2021-12-25 11:24:12
1128
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人