- 博客(132)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 项目内的多环境打包。以及多个项目配置打包
一、单个项目多环境配置1.在根目录创建一下文件.env 全局默认配置文件，不论什么环境都会加载合并.env.development 开发环境配置文件 development 模式用于 vue-cli-service serve.env.production 生产环境配置文件 production 模式用于以下两个script命令 vue-cli-service build vue-cli-service test:e2e.env.test
2021-08-06 18:00:41
634
原创 深入浅出 Webpack 知识地址汇总
前言Web 应用日益复杂，相关开发技术也百花齐放，这对前端构建工具提出了更高的要求。 Webpack 从众多构建工具中脱颖而出成为目前最流行的构建工具，几乎成为目前前端开发里的必备工具之一，因此每位紧跟时代的前端工程师都应该掌握 Webpack。官方中文文档https://webpack.docschina.org/concepts/loaders/#configurationwuhaolin 入门、配置、实战、优化实例http://webpack.wuhaolin.cn/...
2021-08-05 15:43:19
127
原创 Vue 项目使用 axios 相关解说
介绍Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。点击看这个吧从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRFget请求axios.get('/user', {params: {ID: 1111}}).then(function (response) { console
2021-08-04 11:38:19
306
原创 Vue3项目引用TS语法实例
基础语法定义data//script标签上 **lang="ts"**<script lang="ts">import { defineComponent, reactive, ref, toRefs } from 'vue';//定义一个类型type或者接口interface来约束datatype Todo = { id: number, name: string, completed: boolean}export default defineComponent
2021-07-29 18:07:52
11850
原创 web端，高德、Echerts、Echerts地图数据
高德js apihttps://lbs.amap.com/api/jsapi-v2/guide/abc/loadEcherts apihttps://echarts.apache.org/zh/api.html#echarts地图JSONhttps://datav.aliyun.com/tools/atlas/index.html
2021-07-29 09:57:08
198
原创 vue项目里，使用 provide 和 inject 用法
概况provide：Object | () => Objectprovide 选项应该是一个对象或返回一个对象的函数。该对象包含可注入其子孙的属性。在该对象中你可以使用 ES2015 Symbols 作为 key，但是只在原生支持 Symbol 和 Reflect.ownKeys 的环境下可工作。inject：Array | { [key: string]: string | Symbol | Object }inject 选项应该是：一个字符串数组，或 一个对象，对象的 k
2021-07-09 16:28:16
411
原创 Vue单页面使用Vuex汇总
单页面使用 state//一、直接获取this.$store.user.userName//二、利用辅助函数 //首先引入辅助函数 import { mapState } from "vuex"; //创建computed来获取 export default { computed:{ //mapState([模块名称]，{ // 监听者变量：所实时监听的状态数据 //}) // 官网说法：把 `this.usName ` 映射为 `this.$store.user.
2020-10-27 13:35:42
954
2
原创 Vuex使用，自动注册函数
目录结构文件内容user.jsexport default { namespaced: true, state: { userName:'', userPwd:'' }, getters: { toName: (state, getters)=>{ return {name:state.userName,info:getters.addPwd} }, addPwd: state => { return stat
2020-10-27 10:27:00
371
原创 Vue组件之图片文件上传，类型转换和文件校验。基于Element ui 框架
html代码<el-upload drag action :auto-uploads="false" :show-file-lists="false" :on-change="changeFile"> <i class="cl-icon-upload"></i> <div classs="el-upload_text"> 将文件掩到此处，成 </div></el-upload> I<! — IM
2020-08-01 22:16:30
940
原创 Echerts的一些另类参数(宽度、内容被隐藏、渐变、饼图上显示文字)
echerts Vue 项目中另类参数，柱状图设置宽度、设置渐变、设置内容超出被隐藏的处理、饼图上显示文案
2020-07-13 14:49:42
276
原创 Vue项目使用 Echarts ,本主使用的Cli4版本，可能有相关语法差异。请谅解
Echert 地址https://echarts.apache.org/zh/download.htmlEchert 案例地址https://echarts.apache.org/examples/zh/index.html#chart-type-custom项目安装import echarts from 'echarts';Vue.prototype.$ech = echarts；组件上使用：添加ID<div id="wptjEchBox"></div>
2020-07-10 17:09:07
955
原创 Element ui 简单直接的 table 自适应高度方案
创建高度变量data(){ return { tableHei : 0 }}给table应用变量<el-table :height="tableHei"></el-table>利用onsize获取最新高度并改变高度变量window.onresize = () => { return (() => { this.tableHei = this.xxx.winHei(330).toString()
2020-06-10 16:19:15
1321
原创 vite+TS+Vue3之项目优化，代码压缩、文件压缩、文件归类、预构建、自动导入、自动注册、可视化工具、兼容浏览器、离线缓存
service worker 本质上是充当代理服务器的角色，位于 Web 应用程序、浏览器和网络（如果有可用）之间。service worker 旨在实现以下功能：创建有效的离线体验、拦截网络请求并根据网络是否可用采取适当的行动、更新服务器上的资产，以及允许访问推送通知和后台同步 API。
2025-04-02 11:18:50
118
原创 vite 利用PWA技术,实现离线缓存 vite-plugin-pwa
【代码】vite 利用PWA技术,实现离线缓存 vite-plugin-pwa。
2025-03-27 17:02:05
176
原创 Vue3 + Vite + TS,使用 vite的 Glob 完成遍历方式引入注册全局组件
Vite 支持使用特殊的 import.meta.glob 函数从文件系统导入多个模块
2025-03-06 14:06:07
192
原创 Vue3 + Vite + TS,使用 配置项目别名属性：server
为开发服务器配置自定义代理规则。期望接收一个 { key: options } 对象。如果 key 值以 ^ 开头，将会被解释为 RegExp。configure 可用于访问 proxy 实例。
2025-02-25 22:24:55
199
原创 Vue3 + Vite使用 vue-i18n
如果您使用的是 vue-i18n 软件包，您可以非常容易地将其与 Vuetify 集成。这让你可以将所有的翻译都保存在一个地方。只需在你的消息中为 $vuetify 创建一个条目，然后添加相应的语言更改。然后通过提供一个自定义翻译功能将 vue-i18n 与 Vuetify 挂钩（如下图所示）。欲知所有可用按键的完整列表，请 [导航这里](#creative-a-translation)。
2025-02-25 00:11:18
327
原创 Vue3学习- setup 使用 useRoute函数返回为 undefined，语法糖与非语法糖的错误、正确的写法情况
我使用了vue3的setup语法糖。如果是非vue3 setup语法糖，useRouter和useRoute函数不能在setup里面的函数体内部执行，要放在顶部或者其他位置，不然作用域改变，执行后的router/route是 undefined。
2024-05-26 19:07:57
1196
原创 Vue3学习-用 vite@latest 初始化项目后，引入模块出现：找不到模块 ‘@/***
因为没有默认配置别名，需要在 vite.config.ts 与 tsconfig.json 添加配置。
2024-05-23 17:39:43
509
原创 Vue3学习-用 vite@latest 初始化项目后，遇到无法识别 .vue 文件
2.在 tsconfig.json 文件， include配置项后添加。1.安装依赖 typescript-vue-plugin。2.在根目录 tsconfig.json 文件中添加。1.根目录创建 env.d.ts，添加。
2024-05-23 16:39:22
686
原创 vscode git撤回本地提交commit， 回退误操作之前状态
提交至暂存区后，在VSCode，进行以下操作之后再修改下会有暂存区退回来的操作文件，进行以下操作如果还出现同步操作提示，更新一下远程代码，即可
2023-04-19 16:13:33
1907
原创 常用的 js-cookie 安装、引用、设置、获取、删除、自定义时长、最大时长
常用的 js-cookie 安装、引用、设置、获取、删除、自定义时长、最大时长
2022-11-29 17:32:31
1504
原创 nvm下载安装、node缓存设置、node源地址更换
因为Node.js的版本众多，开发时不同的项目可能会使用不同的版本，每次面对不同的项目都要重新安装，版本的切换十分麻烦。
2022-11-27 10:34:02
1558
原创 Vue 路由跳转、路由传参、跳转区别、传值取值
Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成，让用 Vue.js 构建单页应用变得轻而易举。
2022-11-21 10:36:21
473
谷歌浏览器Vue插件vue-devtools
2020-08-03
前端性能（加载、渲染）优化.zip
2020-07-23
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人