- 博客(120)
- 资源 (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
548
原创 深入浅出 Webpack 知识地址汇总
前言Web 应用日益复杂，相关开发技术也百花齐放，这对前端构建工具提出了更高的要求。 Webpack 从众多构建工具中脱颖而出成为目前最流行的构建工具，几乎成为目前前端开发里的必备工具之一，因此每位紧跟时代的前端工程师都应该掌握 Webpack。官方中文文档https://webpack.docschina.org/concepts/loaders/#configurationwuhaolin 入门、配置、实战、优化实例http://webpack.wuhaolin.cn/...
2021-08-05 15:43:19
78
原创 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
204
原创 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
11509
原创 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
155
原创 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
360
原创 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
886
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
316
原创 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
875
原创 Echerts的一些另类参数(宽度、内容被隐藏、渐变、饼图上显示文字)
echerts Vue 项目中另类参数，柱状图设置宽度、设置渐变、设置内容超出被隐藏的处理、饼图上显示文案
2020-07-13 14:49:42
213
原创 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
907
原创 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
1262
原创 Vue3学习-用 vite@latest 初始化项目后，引入模块出现：找不到模块 ‘@/***
因为没有默认配置别名，需要在 vite.config.ts 与 tsconfig.json 添加配置。
2024-05-23 17:39:43
109
原创 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
179
原创 vscode git撤回本地提交commit， 回退误操作之前状态
提交至暂存区后，在VSCode，进行以下操作之后再修改下会有暂存区退回来的操作文件，进行以下操作如果还出现同步操作提示，更新一下远程代码，即可
2023-04-19 16:13:33
1461
1
原创 常用的 js-cookie 安装、引用、设置、获取、删除、自定义时长、最大时长
常用的 js-cookie 安装、引用、设置、获取、删除、自定义时长、最大时长
2022-11-29 17:32:31
1332
原创 nvm下载安装、node缓存设置、node源地址更换
因为Node.js的版本众多，开发时不同的项目可能会使用不同的版本，每次面对不同的项目都要重新安装，版本的切换十分麻烦。
2022-11-27 10:34:02
1293
原创 Vue 路由跳转、路由传参、跳转区别、传值取值
Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成，让用 Vue.js 构建单页应用变得轻而易举。
2022-11-21 10:36:21
362
原创 node.js 包管理工具 npm，底层依赖，常见内置模块，搭建本地服务
node.js 包管理工具 npm，底层依赖，常见内置模块，搭建本地服务
2022-02-25 18:04:19
754
原创 babel-loader 配置项目编译 ES6 语法 至 ES5 语法
前因webpack 自身可以自动加载JS文件，就像加载JSON文件一样，无需任何 loader。可是，加载的JS文件会原样输出，即使JS文件里包含ES6+的代码，也不会做任何的转化。那么我们就需要Babel帮忙了，Babel 是一个 JavaScript 编译器，可以将 ES6+ 转化成 ES5。在Webpack里使用Babel，需要使用 babel-loader依赖安装npm install -D babel-loader @babel/core @babel/preset-envbabel-
2022-02-25 10:27:55
669
原创 Uncaught ReferenceError: regeneratorRuntime is not defined
regeneratorRuntime is not defined
2022-02-25 10:16:36
910
原创 TypeError: Cannot assign to read only property ‘0‘ of object ‘[object Array]‘
报错正文vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in v-on handler: "TypeError: Cannot assign to read only property '0' of object '[object Array]'"found in---> [....文件代码忽略]vue.runtime.esm.js?2b0e:1897 TypeError: Cannot assign to read only pro
2021-09-15 10:35:22
4343
原创 vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确， 然后再试一次。
报错内容vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。所在位置 行:1 字符: 1+ vue -v+ ~~~ + CategoryInfo : ObjectNotFound: (vue:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException解
2021-08-31 11:37:44
11593
1
原创 uniapp H5+打包app添加隐私政策、用户服务协议弹窗提示同意操作
在 maifest.json 内找到“app-plus”参数，添加以下代码"privacy" : { "prompt" : "template", "template" : { "title" : "服务协议和隐私政策", "message" : "请你务必审慎阅读、充分理解“服务协议”和“隐私政策”各条款，包括但不限于：为了更好的向你提供服务，我们需要收集你的设备标识、操作日志等信息用于分析、优化应用性能。<br/> 你可阅读<a hr
2021-08-23 16:46:51
4745
原创 CSS篇，数字字母连串换行、颜色渐变、Div透明度、滚动条样式、超出省略号显示
数字字母连串换行word-break 属性规定自动换行的处理方法word-break: normal; /*使用浏览器默认的换行规则。*/word-break: break-all; /*允许在单词内换行。使用此方案，使字母及数字连串换行*/word-break: keep-all; /*只能在半角空格或连字符处换行。使用此方案，只有在内容内包含空格或者特殊符号才会换行*/颜色渐变上下background: -webkit-linear-gradient(top,#ffffff,
2021-08-09 17:42:38
200
原创 uniapp消息推送-设置篇笔记
uniPush开通进入开发者中心点击创建的应用名称再点击左侧 uniPush 菜单下的 uniPush然后右侧填写应用相关信息最后点击开通
2021-07-28 16:51:28
496
原创 uniapp消息推送-代码篇笔记
给推送绑定事件plus.push.addEventListener( 'receive', function (msg) { // 分析msg.payload处理业务逻辑 createLocalPushMsg(msg) }, false)创建本地推送let cnt = 0function createLocalPushMsg(msg) { var options = { cover: false, title: msg.title, when: new
2021-07-28 16:38:35
737
原创 uni-app 实现APP的版本更新
定义检测版本与下载的事件methods: { // 获取当前版本号 // 检查是否安卓 isandroid() { var that = this; uni.getSystemInfo({ success: async (res) => { if (res.platform == "android") { let vurl='https://pcb.wttx56.cn/apk/sjv.json' try{ let {data} = awai
2021-07-16 11:43:11
1724
2
原创 Vue项目报错：parseComponent
报错内容 ERROR Failed to compile with 1 error 上午10:30:35 error in ./src/App.vueSyntax Error: TypeEr
2021-07-01 10:40:00
2503
谷歌浏览器Vue插件vue-devtools
2020-08-03
前端性能（加载、渲染）优化.zip
2020-07-23
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人