- 博客(76)
- 收藏
- 关注
RSS订阅原创 v3+ts+vite 打包后打开indx.html 控制台报Access to CSS stylesheet at ‘file:///D:/static.......
综上所述，在面对由 Vite/Vue3/TypeScript 构建的应用被打包成独立网页形式之后再尝试运行却遭遇到了 Cross-Origin Resource Sharing(CORS)方面的阻碍现象时，最佳实践便是借助简易 web server 来模拟线上真实环境条件来进行调试测试工作流程。
2025-05-02 12:55:47
462
原创 vue3项目使用scss报错相关处理
The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0
2024-12-27 17:00:07
577
原创 element表格的多层级合并
效果如下：代码如下：html：<el-table :data="tableData" :span-method="objectSpanMethod" border style="width: 100%; margin-top: 20px" > <el-table-column prop="id" label="ID" width="180"
2022-04-14 11:56:09
1699
2
原创 高效的js小方法 （持续更新。。。）
1.找出在数组中重发两次以上的数据duplicates(arr) { // 先进行排序 var arr = arr.sort(); // 可以在控制台输出看一下返回的值 // console.log(arr) // 实例化一个set数组 var a = new Set(); // arr.length-1是为了保证下面的arr[i+1]不会超过数组的长度 for (var i = 0; i < arr
2022-03-24 10:57:51
397
3
原创 判断某app是否安装
// 判断用户是否安装支付宝 checkAlipay(instal) { if (plus.runtime.isApplicationExist({ pname: 'com.eg.android.AlipayGphone', action: 'alipay://' })) { console.log("支付宝应用已安装"); } else { // uninstal() console.log("支付宝应用未安装"); plus..
2021-12-08 16:15:25
1275
原创 Vuex在子组件中的使用
vuex推荐使用方式index.js内容:import Vue from 'vue'import Vuex from 'vuex'import login from './login'Vue.use(Vuex)const store = new Vuex.Store({ modules: { login: login }})export default storelogin.js内容:export default { state: {}, m.
2021-12-07 09:34:58
1285
原创 PDA按键扫描功能
创建通用组件<template> <view></view></template><script> var main, receiver, filter; var _codeQueryTag = false; export default { data() { return { scanCode: '' }...
2021-11-15 13:58:14
2671
原创 uniapp开发手持PDA扫码
在页面上调用时methods：{ getScancode(code){ this.config =code } }， onLoad() { //init传入一个回调函数做参数，在扫描的时候会将数据传入这个方法里，然后在处理你的业务逻辑 broadcastScan.init(this.getScancode); }, onUnload() { broadcastScan.stop(); },..
2021-09-23 09:48:25
225
原创 通过免费api获取天气
一、接口网址接口文档：https://www.tianqiapi.com/?action=v1用户中心：https://www.tianqiapi.com/user/相关代码 getWeather() { axios({ url: 'https://www.tianqiapi.com/api/', method: "get", params: {
2021-09-08 17:31:32
2159
1
原创 vue中使用rem的方式之一
new Vue({ router, store, render: h => h(App), created () { // 实例创建完成后被立即调用rem换算方法,解决内容闪现问题 setRemPc(); window.addEventListener('resize', setRemPc);//浏览器窗口大小改变时调用rem换算方法 }}).$mount('#app')//rem计算function setRemPc () { var whde.
2021-09-08 14:52:27
564
原创 设置echarts 中文字大小根据浏览器得宽度来显示大小
export function fontSize (res) { let docEl = document.documentElement, clientWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; if (!clientWidth) return; let fontSize = 100 * (clientWidth / 1920); r.
2021-09-08 14:50:09
421
原创 下载文件到电脑
this.$ajax.get('/doc/downloadReq?upId=' + upId).then((res) => { const { reqCode, downCode } = res.data; const a_el = document.createElement('a'); a_el.href = 'window.doc_ip' + '/doc/download?reqCode=' + reqCode + '&downCode=.
2021-09-06 16:51:26
26
原创 webpack相关配置记录
生产环境下方的配置文件均为webpack.config.js文件在配置完成后运行指令均为webpack，可查看打包产生的文件1.提取css成单独文件因为在一般情况下，js内引入的css文件，会被打包进出口js文件内，所以引入在编译的时候会到导致编译文件较大，速度慢的情况所以将css单独打包出来，可以适当增加文件加载速度需要下载插件npm install --save-dev mini-css-extract-plugin修改配置文件const { resolve } = r
2021-07-19 08:59:18
59
1
原创 在项目中使用原生高德地图创建坐标点（可点击）
<!-- 在index.html中的body引用<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=2d6f52355c4d17024610a5d45243378d"></script> --><!-- 地图 --><template> <div class="content"> <div clas..
2021-07-09 20:17:46
1190
原创 快速切换node源
修改源地址为淘宝 NPM 镜像npm configsetregistryhttp://registry.npm.taobao.org/修改源地址为官方源npm config set registry https://registry.npmjs.org/
2021-06-25 18:14:27
298
原创 vue项目中请求接口时使用element的loading组件
import axios from 'axios';import { Message, MessageBox, Loading } from 'element-ui';import $store from '../../store/index.js';var instance = axios.create({ // baseURL: process.env.BASE_API, responseType: 'json', // 返回json格式a withCredentials: tru.
2021-06-18 15:54:19
1497
原创 关于js中一些便捷方法总结(持续更新中......)
arrCopyConcat:ƒarrCopyConcat(arr) arrCopyFrom:ƒarrCopyFrom(arr) arrUnique:ƒarrUnique(arr) arraySort:ƒarraySort(arr) assayType:ƒassayType(target) changeCase:ƒchangeCase(str) deepCopy:ƒdeepCopy(target) extend:ƒextend(source, target) f...
2021-06-17 09:17:48
133
原创 JS基本数据类型string、number转换
方法或函数 注释 将其他变量转换为string类型 变量 . toString() 返回转换后的值，不能转换 null 和 undefined 类型, String(变量) 返回转换后的值，属于强制转换 变量 + " " 隐式转换 将其他类型转换为number类型 Number(变量) 返回转换后的值，属于强制转换，对于字符串中包含字母的会转换为NaN parseInt() 返回转换后的值，可以将字符串中的有效数字解析，然后转换为numbe..
2021-05-18 15:56:59
189
原创 js的深浅拷贝
浅拷贝与深拷贝的区别浅拷贝：因为浅拷贝只会将对象的各个属性进行依次复制，并不会进行递归复制，而 JavaScript 存储对象都是存地址的，所以浅拷贝会导致obj.arr和shallowObj.arr指向同一块内存地址，大概的示意图如下。意思就是将obj对象拷贝到 obj2对象中，但不包括obj里面的子对象(arr)，也就是说obj2只保存了obj的子对象的指针，但同为一个子对象。深拷贝：不仅复制原对象的各个属性，同时也将原对象各个属性所包含的子对象也递归地复制到新...
2021-05-15 22:18:46
154
2
原创 vue递归组件实现
父组件<template> <div> <div class="content"> <detail-list :list="list"></detail-list> </div> </div></template><script>import DetailList from './list'export default { name: 'Deta
2021-04-27 16:35:35
178
原创 element在table中使用多选框
先贴效果图先说下怎么实现<template v-for="(item, index) in makeProcess"> <vd-table-column width="120" align="center" > <template slot-scope="scope" slot="header" >
2021-04-22 15:02:28
779
原创 element中的tabs标签页引用其他页面使用
<div class="tabZujian"> <el-tabs v-model="activeName" @tab-click="handleClick" > <el-tab-pane label="设置" name="first" :key="'first'" > <aa v-if="isChildUpdate1.
2021-04-19 13:47:14
3570
4
原创 关于element框架的注意点（更新中...）
关于日期选择器的注意点<el-form-item label="结束时间" prop="endTime" > <el-date-picker v-model="formData.endTime" type="date" placeholder="选择日期"/></el-form-item>注意： 使用普通方法赋值后期可能回出现无法修改的情况，推荐使用 $set 方法// 使用$set赋值this.$set(this.formData, "e....
2021-03-30 12:44:09
313
1
原创 js实现子级循环遍历
var arrayList = { title: '1', children: [{ title: '2', children: [{ title: '3', children: [{ title: '4', children: [] }] }] }] } function deep (val) { val.name = 'aa' if (val.
2021-03-26 18:00:17
825
原创 Vue 性能优化相关
Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue 项目性能方面的优化，使项目具有更高效的性能、更好的用户体验 Vue 代码层面的优化； webpack 配置层面的优化； 基础的 Web 技术层面的优化。 一、代码层面的优化1.1、v-if 和 v-...
2021-03-18 14:29:42
492
原创 JavaScript中 ES6-ES9中新增的特性
ES6let ：声明变量、不能重复声明、 具有块级作用域 、不存在变量提升const ：定义常量、定义时要赋值、具有块级作用域、值不能修改、如果定义的是数组或对象则可以修改解构赋值：//解构const obj = { name: 'a' age: '18'}let { name, age } = obj//赋值let arr=[13,18,12,'aaa',true,'哈哈哈'];let [a,b,c,d,e,f]=arr;console.info(a,b.
2021-03-18 11:54:04
170
原创 模块化
ES6M模块化1、导入模块import xx from '路径'import '路径'1、导出模块export default xxexportCommonJs 模块化暴露模块：1、module.exports =2、exports.xxx =引入模块：require(xxx)
2021-03-17 14:18:15
84
原创 vue项目使用了eslint，VSCode快速格式化代码
在VSCode编辑器中将以下代码复制其中既可1、window电脑：文件首选项设置右上角打开设置按钮settings.json中添加2、mac电脑 code>首选项 >设置{"editor.quickSuggestions":{//开启自动显示建议"other":true,"comments":true,"strings":true},//vscode默认启用了根据文件类型自动设置t...
2021-03-11 11:28:44
421
原创 require.context()使用方法及项目实战
require.context你还可以通过require.context()函数来创建自己的 context。equire.context()是可以用来创建自己（模块）上下文的方法，有3个参数：可以给这个函数传入四个参数：directory：要搜索的文件夹目录useSubdirectories：是否还应该搜索它的子目录regExp：一个匹配文件的正则表达式mode：是否异步加载webpack 会在构建中解析代码中的require.context()。语法如下：...
2021-03-11 10:35:40
4212
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人