- 博客(38)
- 资源 (6)
- 收藏
- 关注
原创 express搭建服务器再也不用等后台出API拖前端的进度啦
express搭建服务器不用等后台啦安装搭建安装npm install express -g //全局安装express库npm install express-generator -g //生成器即手脚架,可以使用express命令express --version //查看版本号搭建创建一个空文件夹,进入空文件夹,如果有git bash,右键打开终端敲入以下命令即可完成构建。题外话:命令创建文件夹可以敲入 mkdir + 文件夹名称express -enpm install /
2020-09-23 20:30:24
121
原创 查看express版本时,输入express -v 报错 express: command not found
查看express版本时,输入express -v 报错 express: command not found问题一解决方法问题二解决办法问题一清楚记得自己是有安装express,但是为什么终端敲入express -v缺直接报找不到?不用多说,直接上图看问题经过各种查资料发现:express 4以前把库和生成器放到一起了,但在后续版本将两者分开了所以还需要安装一个生成器express-generator解决方法完整处理方法是:npm install express -g //库npm
2020-09-22 19:12:51
621
原创 前端构建vue+webpack项目的环境安装
前端构建vue+webpack项目的环境安装环境要求环境要求1. 检查是否安装node.js运行环境直接官网下载node使用node管理工具nvm安装推荐优点:多node版本切换git上直接下载nvm:点我nvm的使用下载特定版本的node 比如8.0.0 nvm install v8.0.0 再下一个 nvm install v9.0.0切换到8.0.0 nvm use 8.0.0然后 有一些指令 可以 需要你掌握nvm install ## 安装指定版本,可模
2020-05-10 16:09:08
216
原创 element-ui报错:Uncaught (in promise) cancel
分析:出现Uncaught (in promise) cancel的原因因为this.$confirm方法内置promise方法不能去掉.catch(),没有.catch取消操作无法捕获.会报错的用法如下:控制台报错如下:正确用法如下:...
2020-04-22 15:24:48
17959
原创 面试被问到webpack配置
面试被问到webpack配置安装webpackpackage.json创建入口文件webpack配置配置执行命令加入插件当时太悲剧了,这一块太久没注意,一直都是做项目写业务页面比较多,竟然忘记了,还乱答一通,还说要配置vue-loader、引入path、引入需要应用的函数,时候真想ps自己。webpack配置:在pakage.json里配置执行命令,然后入口和出口是基本的。答出以上三点基...
2020-04-15 21:37:05
1484
原创 uni-app轻松入门
通过vue-cli命令行创建uni-app项目环境要求创建项目:注意事项创建项目:开始启动查看结果本人不喜欢下载太多的IDE(集成开发环境)工具,所以选择命令行构建项目方式。通过HBuilderX 可视化界面方式构建请直接点击官网教程环境要求1. 检查是否安装node.js运行环境2. 检查是否安装npm和cnpm包管理程序3. 检查是否安装webpack构建工具注意:如果w...
2020-04-10 21:19:41
597
1
原创 关于数组使用经验实例
举例:[ 1,2,3,4,5,6,7] 数组中删除 2,4,5,7 四个元素;let arr1 = [ 1,2,3,4,5,6,7];let arr2 = [2,4,5,7]; for(let obj of arr2){ arr1 = arr1.filter(item => item !== obj);}console.log(arr1);// 结果:[1,3,6]...
2020-04-08 20:07:46
150
原创 vue.$set使用
vue.$set理解和使用理解使用理解vm.$set( target, propertyName/index, value )target:要更改的数据源(对象or数组)propertyName/index:对象里的属性or数组里的索引值value:重新赋的值使用index.vue<template> <div></div></t...
2020-04-07 20:39:50
131
原创 网页怎么做成哀悼灰色
2020年4月4日清明节全国为抗击新冠肺炎疫情牺牲烈士和逝世同胞表深切哀悼,网页怎么做成哀悼灰色css全局设置css全局设置html { -webkit-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}...
2020-04-04 17:37:30
392
原创 Duplicate keys detected: 'NO_WC'.This may cause an update error
遇到Duplicate keys detected报错完美解决办法报错截图分析原因完美解决遇到这种问题通常是v-for里面的key值出现重复的原因报错截图分析原因完美解决...
2020-04-02 17:09:45
147
原创 Navigating to current location ("/login") is not allowed
@[TOC](Navigating to current location ("/login") is not allowed报错)今天登陆跳转页面直接报错,百思不得其解,主要是这个项目架构都用了两年多了,没道理啊,找度娘一看,各种答案,各种方法,总体来讲就是因为路由版本升级了总而言之,就是版本问题,如果想粗暴点解决就不要升级版本。本人用的是新版本,因此做了一个特别高成本的做法rou...
2020-04-01 17:32:53
2587
原创 前端开发异步请求数据字典轻松调用
前端开发异步请求数据字典轻松调用第一步:创建公共方法第二步:注册到vue全局使用第三步:组件里调用第一步:创建公共方法首先创建公共调用数据字典方法路径:src\utils\dictionary.js(个人习惯)注意:后面会做更好的完善,现在先用着// dictionary.js/** * 字典 * @param {*} that Vue对象 */export function ...
2020-03-27 14:54:11
1733
原创 vue+webpack自定义指令全局导入方法
vue+webpack自定义指令全局导入方法第一步第二步第一步首先在src目录下创建一个指令模块文件夹,里面有一个index.jssrc/directives/index.js// index.jsmodule.exports = { firstDir: { inserted: function(el, binding, vm) { console.log(el); },...
2020-03-26 20:27:08
605
原创 vue+webpack报一堆的wannings
vue+webpack报一堆的wannings看不懂理解:路由名称重复办法:检查路由的name,把重复name改一下理解:ElCascader的change-on-select属性已经废除,使用props.checkStrictly来代替办法:使用props.checkStrictly来代替理解:检测到span属性的值应该是数字12,而不是字符串’12’办法:把span=“12”...
2020-03-26 14:47:09
245
原创 element-ui升级报错
element-ui升级报错,看不懂报错英文注释来了[Element Migrating][ElCascader][Attribute]: expand-trigger is removed, use props.expandTrigger instead.Cascader这个组件元素的属性expand-trigger已经废弃,拿props.expandTrigger代替使用...
2020-03-26 14:33:13
2466
4
原创 git本地仓库关联上传到远程gitee仓库托管
本地git项目关联更新到远程gitee仓库托管环境创建gitee仓库SSH公钥本地新增文件,上传远程仓库远程仓库修改,本地拉取更新本地删除远程仓库文件环境首先要安装git官方安装教程创建gitee仓库仓库创建完成SSH公钥点击步骤:进入SSH公钥页面标题写邮箱即可:xxxx@xxx.com公钥:这个公钥码比较麻烦,根据以下步骤获取妥妥的打开git bash// 看看是...
2020-03-20 17:04:47
1786
1
原创 Vue CLI3支持的Typescript项目如何运行npm run dev启动项目
vue+typescript无法npm run dev启动项目对于用习惯了vue2的我来说,启动项目通常用的是npm run dev,然而创建vue+typescript项目无法运行这条命令启动项目,需要运行npm run serve.如果想继续使用npm run dev启动项目,在package.json中script对象新增一条"dev": “vue-cli-service serve”:...
2020-03-18 16:04:07
1469
原创 移动端真机调试神器vconsole
移动端真机调试神器vconsole安装引用移动端开发模拟器上调试很正常,往往真机上才能复现bug,那么真机怎么调试呢?毋庸置疑vconsole就是我们调试神器。作用:打印log,查看css布局,查看接口请求等功能安装// 终端上输入npm i vconsole -S引用// main.jsimport Vconsole from 'vconsole'const vCons...
2020-03-18 15:03:30
780
原创 Vue CLI3+Typescript初始化项目
Vue CLI3+Typescript入门初始化项目环境要求创建项目环境要求1. 检查是否安装node.js运行环境//终端输入node -v2. 检查是否安装npm和cnpm包管理程序//终端输入npm -vcnpm -v // 淘宝镜像专用通道3. 检查是否安装webpack构建工具//终端输入webpack -v4. 检查是否安装Vue CLI3手脚架// ...
2020-03-18 14:39:19
1286
原创 前端架构之本地ip访问
vue+webpack项目localhost访问可以,切换本地ip不可以怎么办?第一步:在config/index.js文件里作如下设置module.exports = { dev: { host: '0.0.0.0', }}长知识:如何每次开发启动成功后打印访问地址显示ip而不是http://0.0.0.0:8080?设置如下:build/webpack.dev.con...
2020-03-17 18:05:27
767
原创 [vuex] vuex requires a Promise polyfill in this browser.
vue项目下IE浏览器打开报错:[vuex] vuex requires a Promise polyfill in this browser.如图:原来是因为语法兼容问题,IE不支持ES6语法,babel-polyfill可以模拟ES6使用的环境,可以使用ES6的所有新方法。第一步:安装babel-polyfill因为polyfill 要在编译你的代码之前执行,所以安装到depend...
2020-03-17 17:20:57
708
原创 前端架构之vuex轻松入门
vuex入门安装引用钩子vuex大家都知道是专门为Vue.js应用程序开发的状态管理模式。其实就是一个对于前端开发来说数据仓库个人经验:action是用来做异步请求,然后把请求回来的数据交给mutation来更新state。安装npm i vuex -S引用第一步:在main.js同级目录下创建store文件夹第二步:在store/index.js组装模块并导出// st...
2020-03-17 13:40:05
103
原创 前端架构之axios
关于搭建前端架构时axios部分需要做什么?安装axios创建axios服务模块导入axios重写axios引用vue中引用js中引用拦截器请求拦截响应拦截安装axiosnpm i axios -S安装完成,在项目根目录下的package.json里依赖项里写入版本号信息。创建axios服务模块导入axios// axios.jsimport axios from 'axios...
2020-03-13 18:15:24
298
原创 前端架构之表单校验
如何轻松做表单校验?创建目录注册全局变量调用实例后台管理系统最多就是表单校验,你会发现像手机号、身份证这些校验在很多的业务功能模块里出现都要做校验,那么这时候,我们如果有一个专门的校验方法库,就可以在我们需要用的时候,直接调用即可,这样就可以避免重复写方法函数和代码冗余.创建目录首先我们在main.js同级目录下创建一个validates文件夹,表示专门存放校验方法用库。接着就在文件夹...
2020-03-13 12:40:03
175
原创 前端架构之i18n国际化
关于vue-i18n语言切换国际化总结安装创建i18n管理目录i18n.jslangs/index.jslangs/cn.jslangs/en.jsmain.js使用实例安装npm i vue-i18n -S创建i18n管理目录废话少说,简单粗暴解决一下,直接截图:i18n.js引入vue-i18n并注册到vue上import Vue from 'vue'import VueI...
2020-03-12 20:25:49
1391
原创 前端架构之element-ui
如何把element-ui加入到项目中才算可以用安装快速引入使用组件前面已经把vue+webpack项目搭建好了,想要不重复造轮子快速写页面,安装外观框架势在必行。安装npm i element-ui -S安装完成后,在项目根目录下的package.json文件里可以看到安装的版本快速引入在入口文件main.js中写入一下内容import ElementUI from 'el...
2020-03-12 16:05:50
564
原创 前端架构之初始化vue 2.x项目
用vue-cli构建vue 2.x项目环境要求构建项目环境要求1. 检查是否安装node.js运行环境//终端输入node -v2. 检查是否安装npm和cnpm包管理程序//终端输入npm -vcnpm -v // 淘宝镜像专用通道3. 检查是否安装webpack构建工具//终端输入webpack -v4. 检查是否安装vue-cli手脚架//终端输入,这里是大...
2020-03-12 15:12:53
426
原创 nodejs从8.x升级到10.x后启动vue-webpack项目关于node-sass报错
nodejs从8.x升级到10.x后启动vue-webpack项目关于node-sass报错Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js 10.x报错如图解决办法直接把node-sass的版本升级一下即可,具体升级细节如下比较粗暴的方法就是在项目根目...
2020-03-12 12:16:38
738
原创 vue的watch深度监测
vue的watch深度监测场景一场景二项目做多了就会知道有很多场景会让你无法想象到官网中的api可以解决问题,所以,这一次我要把遇到的问题和场景结合知识点汇总一下目前用的最多的两个场景关于深度监测的问题。场景一vue组件出现了3个层级的嵌套:a是b的父组件,b是c的父组件问题来了:a传参给b和c一起用时,只有b受用,c这时就是个问题了,怎么办呢?首先: a传给b我们无须理会,正常处理...
2020-03-11 17:13:22
642
原创 关于数组的递归使用场景
递归为什么要用到递归当我们得到的数据对象就是一个树,它具有层级不确定因素,因此使用递归循环遍历所有的子元素按我自己的话来说,就是写一个循环遍历的函数,在函数内部调用当前函数。var tree = [ { id: 0, label: 第0层, value:'0c', code: 0, children: [ { id: 0, label: 第0层,...
2020-03-11 15:02:38
178
原创 前端架构之vue过滤器
文章首部添加 @[TOC](vue+webpack 过滤器)强调文本 强调文本局部/全局过滤器为啥要做全局调用,项目做多了,你会发现一个时间戳格式化处理,在很多开发功能点里都会涉及到时间,因此为了避免冗余代码和降低后期维护成本,我们就会想到做好全局调用一劳永逸。全局阶段:新建文件下面展示一些 内联代码片。module.exports = { // 过滤器实例 filterT...
2020-03-11 14:23:09
188
原创 前端架构之设置全局常量小妙用
vue+webpack设置全局常量小妙用新建常量文件env.jsvue调用图标和皮肤的调用为什么要设置常量?在开发vue+webpack前端项目过程中,难免会经常更页面logo,更换皮肤、更换html标题小图标、公共接口、版本号等等,总不能每次修改都要重新定位所在页面,定位在哪一行代码里修改,这个对后期的更新维护成本太高了,因此针对以上问题,就需要设置常量,那么我们就以html标题小图标设置为...
2020-03-10 20:24:54
1613
原创 vue+webpack图片打包出错处理办法
vue+webpack图片路径打包出错处理办法第一步第二步图片文件目录项目目录\src\assets\images\layout第一步文件路径:项目目录\build\webpack.base.conf.js配置第二步引用...
2020-03-10 16:03:54
787
原创 nodejs获取ip
nodejs获取ip方法一方法二使用场景方法一安装ip模块:npm install --save ip代码var ip = require('ip');var myip = ip.address(); // 本机IP方法二var os=require('os');var ip = os.networkInterfaces()['以太网'][1].address // 以太网...
2020-03-10 14:49:43
1431
1
原创 前端架构之打包访问空白问题
之前写前端没什么需求,一般都后台大佬们去解决这种关于打包配置的问题,项目进入维护阶段,相对空闲就琢磨一下这个问题,发现这关于路径问题也是一大堆的坑,首先是部署到服务器2级目录打开显示空白页面,然后就是图片路径引用、字体路径引用等等,踩完一堆坑,好记性不如烂笔头,所以就写一篇文章记录一下。一遍日后翻阅。部署服务器子级目录配置路径:config/index.js//在build对象内设置如下...
2019-11-26 17:26:54
527
原创 请求头跨域
第一次接触nodejs+express+mongoose写接口,过程中踩坑无数,没接触过后端遇到跨域问题真的是一个接着一个问题,经过各种百度和交流群求救才解决问题,虽然我的最终问题有点坑,但还是感谢发烧友的帮助明白了这是一个请求响应头跨域问题,并且致命点在于没搞清楚响应头和请求头之间的关系,实际上响应头和请求头原来是包含关系。环境前端框架:vue-cli2.x项目请求:axios数据库...
2019-11-26 16:13:25
5134
原创 vue+typescript项目@引入无法找到模块问题
vue+typescript项目@引入无法找到模块问题由于在学习搭建vue+typescript项目时踩坑,发现@方式导入js方法时无法找到路径,网上找了一堆答案,发现回答都不是很直接,因此就写下来作为记录。导入实例只webpack中配置alias是不行的import * as envs from '@/utils/envs' 解决办法除了在webpack配置外还要在tsconfi...
2019-11-06 17:48:27
11174
1
自定义指针样式为图片.zip
2020-04-15
Yii Framework v1.1.10类参考中文手册
2013-11-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人