房东的猫__-CSDN博客

原创 form表单中当有input时候,按下回车刷新页面的问题

标题 form表单中当有input时候,按下回车刷新页面的问题通过页面发现：页面中的form表单只有一个input框按回车键页面会自动刷新页面中没有form表单只有一个input框按Enter键不会刷新方法1：在文本域元素中加入onkeydown或者onkeypress事件，判断若用户点击了回车就阻止默认行为<body> <form> <input type="text" onkeypress="if(event.keyCode=

2021-04-21 09:19:53 460

原创 Eslint常用配置及说明

Eslint 配置及规则说明一、常用配置先附上本人常用配置，在 .eslintrc.js 文件中：rules: { 'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off', // allow console during development 'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off', // allo

2020-08-29 19:06:34 2619

原创 vant 中 AddressEdit 地址编辑设置手机号格式校验

使用AddressEdit 组件中的 tel-validator 手机号格式校验API添加 :tel-validator=“validator” <VanAddressEdit :area-list="areaList" :address-info="addressInfo" :show-delete="Boolean(editId)" show-postal :is-saving="isSaving" :is-deletin

2020-08-25 20:08:16 1878

原创 Vue中报错： Uncaught (in promise) Error:Redirected when going from “x“ to “x“ via a navigation guard

项目中遇到如图的错误是因为router的版本问题和vue/lic有冲突解决方法:删除 node_modules ，到 package.json 中将 vue-router 改为最新稳定版，当然vue/cli也要是最新版，重新 npm i (未测试)// 解决router版本过高重复点击路由控制台报错问题const originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push(loca

2020-08-23 18:51:03 6918

原创怎么最快速引入阿里Iconfont图标

直接通过外链引进css 然后使用iconfont图标1.首先在阿里iconfont图标库中创建一个自己的项目添加自己需要的图标2.然后在点击复制这个css链接,在页面中用link标签引入PS:注意的是要在复制的链接前加上 https://at.alicdn.com/t/font_1664286_6d9mej2hiii.css<link rel="stylesheet" href="https://at.alicdn.com/t/font_1664286_6d9mej2hiii.css"&

2020-08-14 21:58:07 377

原创封装小程序请求接口

小程序使用 uni-APP 时封装请求接口1.首先我们在src文件中创建一个utlis文件夹,创建request.js文件export default function(config) { // 从参数中解构 baseURL 参数 const { baseURL } = config // 真正的 Vue 插件 return function(Vue) { // console.log(Vue) // 挂载Vue实例上添加全局方法 Vue.prototype

2020-07-25 21:16:54 163

原创 vue项目优化上线(进度条、移除console、自定义打包入口、加载CDN资源、路由懒加载、通过node创建Web服务器、配置HTTPS服务、使用PM2管理应用)

项目优化实现步骤：A.生成打包报告，根据报告优化项目B.第三方库启用CDNC.Element-UI组件按需加载D.路由懒加载E.首页内容定制1.添加进度条给项目添加进度条效果，可以通过可视化ui面板先打开项目控制台，打开依赖，安装nprogress,或者直接npm install nprogress打开main.js，编写如下代码//导入进度条插件import NProgress from ‘nprogress’//导入进度条样式import ‘nprogress/nprogres

2020-06-27 23:11:48 335

原创可以访问远程服务器，不能访问本地服务器，而且别人访问你的本地服务器也报错

可以访问远程服务器，不能访问本地服务器，而且别人访问你的本地服务器也报错昨天自己遇到一个BUG 怎么样都解决不了为了大家避免踩坑，跟大家分享一下问题现象：1 . 项目代码和数据库都是正常的，但是就是不能正常访问本地的服务器，浏览器中报错2.postman 中同时也调用不到服务器 , 返回的是HTMLPS : 确保项目数据库等都是正常的,可以访问远程服务器,不能访问自己的本地服务器,告诉大家的解决方法那就是关机重启 O(∩_∩)O哈哈~ 这个bug困扰了小编大半天时间，因为自己

2020-06-18 09:21:18 1746

原创 webpack的概念的基本配置使用

webpack的概念和基本使用一、webpack概念:webpack是一个流行的前端项目构建工具，可以解决目前web开发的困境。webpack提供了模块化支持，代码压缩混淆，命名冲突，解决js兼容问题，文件依赖，性能优化等特性，提高了开发效率和项目的可维护性二、webpack的基本使用:1. 安装和配置webpack1).打开项目目录终端，输入命令:npm install webpack webpack-cli -D2).然后在项目根目录中，创建一个 webpack.config.js 的配置

2020-06-16 21:21:55 1354

原创 Git介绍和基本使用方式

**git介绍和基本使用方式**简单介绍 : git是一种管理或记录文件、代码变化的一种方式，是目前世界上最先进的分布式版本控制系统。如何下载安装使用？下载地址：https://git-scm.com/downloads全部默认，无脑下一步在文件夹中右击，选择"Git Bash Here"，在弹出的窗口中输入“git --version”回车查看版本，输出版本号即为安装成功基本工作流工作目录：项目目录缓存区：临时存放将要被提交的文件仓库：最终存放的位置本地远程工作目录 --

2020-06-13 21:23:59 1249 2

weixin_47929185的博客