- 博客(95)
- 收藏
- 关注
RSS订阅原创 笔记：vue项目中引用百度地图，地图空白现象
最近在项目中使用百度离线地图，可是一切都正常完成的情况下。页面中的地图区域居然是显示空白的：检查了好久，发现是自己的全局样式造成的：解决：将全局样式中img标签的max-width和max-height属性去掉就行了 ...
2021-01-27 17:54:28
3009
原创 利用vuex和localStorage实现vue菜单权限管理（笔记）
最近需要实现菜单权限管理的功能，好久没写了，之前也没有记录过，就很烦。在这里记录一下。实现方法太多了。后续再整理一下。store/index.jsvuex里获取权限列表//存tokenconst state = { Authorization: localStorage.getItem('Authorization') ? localStorage.getIt...
2021-01-11 10:47:32
1915
原创 MAP地图报错Unable to preventDefault inside passive event listener invocation.
地图每次鼠标点击、移入移出都会报Unable to preventDefault inside passive event listener invocation.不管是对接什么地图都会报错 原因： 之前为了忽略警告滚动安装了一个default-passive-events依赖 解决方法：卸载相关依赖npm uninstall default-passive-eve...
2021-01-08 14:33:56
2264
4
原创 Vue提示warn：”[vue-router] Named Route ‘home’ has a default child route…”
在Vue的项目中使用了Vue-Router，当某个路由有子级路由时，如下写法： export default new Router({ routes: [ { path: '/', name: 'home', component: Home, children:[ { path:'/'...
2021-01-08 14:20:39
431
原创 vue开发：[Violation] Added non-passive event listener to a scroll-blocking
在基于 Element-ui 写项目的时候，Chrome 提醒：[Violation] Added non-passive event listener to a scroll-blocking ‘mousewheel’ event. Consider marking event handler as ‘passive’ to make the page more responsive....
2021-01-08 14:17:31
740
原创 [vue-router] Duplicate named routes definition
浏览器告警信息 [vue-router] Duplicate named routes definition: { name: “index”, path: “/index” }说明路由命名的name属性重复举 例 { path: ‘’, name: ‘index’, redirect: ‘/fiibox/personHome’ },改正： { path: ‘’, name: ‘’...
2021-01-08 14:16:55
347
原创 vue-router 报错：Navigation cancelled from“/…“ to “/…“ with a new navigation.
vue-router@3.0版本及以上回调形式已经改成promise api的形式了，返回的是一个promise，如果路由地址跳转相同, 且没有捕获到错误，控制台始终会出现如图所示的警告 (注：3.0以下版本则不会出现以下警告！！！，因路由回调问题…)*怎么解决呢?方案一：安装vue-router3.0以下版本：先卸载3.0以上版本然后再安装旧版本 npm inst...
2021-01-08 14:16:15
959
原创 el-menu实现路由跳转及当前页的导航
1、el-menu-item 路由跳转要实现路由跳转，先要在el-menu标签上添加router属性，然后只要在每个el-menu-item标签内的index属性设置一下index即可实现点击el-menu-item实现路由跳转。 <el-menu :router="true> <el-menu-item index="/home">...
2021-01-06 14:38:45
3002
原创 vue 项目中使用sha256加密
SHA256算法使用的哈希值长度是256位。这是一个抽象类。此类的唯一实现是SHA256Managed。 下载：npm install js-sha256全局引用：import { sha256 } from 'js-sha256'Vue.prototype.$sha256 = sha256使用：mounted () { consol...
2021-01-05 09:08:11
4197
原创 Vue项目中如何实现用户登录及token验证？
思路：1、第一次登录的时候，前端调后端的登陆接口，发送用户名和密码2、后端收到请求，验证用户名和密码，验证成功，就给前端返回一个token3、前端拿到token，将token存储到localStorage和vuex中，并跳转路由页面4、前端每次跳转路由，就判断 localStroage 中有无 token ，没有就跳转到登录页面，有则跳转到对应路由页面...
2021-01-04 20:38:34
1164
原创 vue怎么获取axios的return值？
代码：methods:{ getNum(){ axios({ url: '/api/blog', method: 'GET' }).then((res) => { return res }) }, getDa...
2020-12-27 23:51:47
4065
原创 vue-meta-info动态设置meta标签
网站的访问流量中，有相当一部分都是来自于搜索引擎，而来自于搜索引擎的流量又全部是免费的，所以网站的SEO(Search Engine Optimization 搜索引擎优化)是实现自我营销的一种最直接且最有效的手段。而SEO往往又都是从优化meta标签开始的！ title如下图：keywords和description如下图：1，安装vue-meta-inf...
2020-12-24 21:21:06
422
原创 wordpress 数据库详解
来源：百度搜索wp_commentmeta：存储评论的元数据wp_comments：存储评论wp_links：存储友情链接(Blogroll)wp_options：存储WordPress系统选项和插件、主题配置wp_postmeta：存储文章(包括页面、上传文件、修订)的元数据wp_posts：存储文章(包括页面、上传文件、修订)wp_terms：存储每个目录、标签wp_termr...
2020-12-22 10:43:51
724
原创 Windows 10某个网络端口被占用怎么办？
使用某个程序时会遇到XX端口被占用，程序无法使用的情况。下面为大家介绍如何解决这个问题 ：1、打开CMD命令窗口： netstat -ano ：或者： netstat-aon|findstr“8080” (查找8080端口)2、记住PID，然后打开任务管理器： 3、在列表中找到“PID”为之前我们找到的PID号的进程，...
2020-12-22 10:04:28
168
原创 DBeaver连接mysql驱动下载失败怎么办？
DBeaver[1]是一个通用的数据库管理工具和 SQL 客户端，支持 MySQL, PostgreSQL, Oracle, DB2, MSSQL, Sybase, Mimer, HSQLDB, Derby, 以及其他兼容 JDBC 的数据库。DBeaver 提供一个图形界面用来查看数据库结构、执行SQL查询和脚本，浏览和导出数据，处理BLOB/CLOB 数据，修改数据库结构等等。...
2020-12-22 09:11:24
2936
原创 windows10系统电脑点击睡眠没反应怎么办？
win10系统 笔记本电脑过程中，突然碰到了无法睡眠的情况，不管是盖上屏幕还是在系统中选择睡眠，电脑都无法进行睡眠，根本没有任何反应，该怎么办呢？ 我一般就是win+L键直接锁屏。但是电脑还是不会睡眠！！没办法只能百度解决，在此记录一下：一般正常操作：1、按下Windows+X，依次点击 控制面板-电源选项-选择电源计划-平衡/节能/高性能-更改计划设置-更改高级...
2020-12-21 20:11:10
4024
原创 解决Element的 InfiniteScroll 无限滚动组件报错
问题：使用Element的 InfiniteScroll 无限滚动组件，代码正常，但是控制台还是会有报错：vue.esm.js?efeb:628 [Vue warn]: Error in directive infinite-scroll inserted hook: “TypeError: Failed to execute ‘observe’ on ‘MutationO...
2020-12-21 10:48:17
2314
1
原创 Vscode 如何使用内置浏览器?
大多的编辑器都有内置浏览器，可以一边编辑代码，一边查看效果。这样特别方便。 本篇内容教给大家如何下载安装使用VScode内置浏览器 ：1、安装 Preview on Web Server 点击如图所示的插件商店， 搜索“Preview on Web Server” 并安装2、使用在代码点击鼠标“右键”，选择最下面一项。就可以看到内置浏览器的效果了 ...
2020-12-16 09:44:05
13067
1
原创 Vue项目中使用浏览器同步测试工具 browersync
问题：在写Vue项目的时候，我们有时候需要在不同的设备中进行的调试。这时候就会很烦——比如要进行一个跳转首页的操作，我们需要在电脑上和手机上分别操作一次。解决：利用browser-sync插件 。就可以实现在电脑上进行点击跳转首页的操作，手机上也可以自动进行相同的操作。这样我们在一个设备中进行调试，其他设备就能自动同步调试操作。使用：1、安装browser-...
2020-12-15 09:54:28
330
原创 巩固——React中如何使用判断？
if/else逻辑很难用HTML标签来表达。直接在JSX中加入if语句会渲染出无效的JavaScript：<div className={if(true){ 'isActive' }}> ... </div>上面的写法是错误的按照自己使用场景，挑选合适的方法：使用三目运算符使用函数使用逻辑运算符1、三目运算符return &l...
2020-12-07 15:18:46
1547
原创 React配置代理proxy解决跨域问题
一、在package.json中直接设置proxy和Vue不同，React是在package.json文件中使用proxy配置注意： create-react-app脚手架低于2.0版本时候，可以使用对象类型 "proxy":{ "/api/**":{ "target":"http://192.168.8.134:8080", ...
2020-12-07 11:35:45
701
原创 ES6中的React生命周期详解
太长时间没写react了，有点生。重新捡起来练练手。import React,{ Component } from 'react';class Demo extends Component { constructor(props,context) { super(props,context) this.state = { //定义...
2020-12-07 10:36:01
89
原创 React路由配置：React Router
官方文档地址：https://reacttraining.com/react-router/web/api/Route/component里面都有详细的react路由配置，还有代码演示。1.安装react-router，react-router-dom npm install react-router react-router-dom --save2.路由配...
2020-12-04 11:22:56
117
原创 巩固——React的详细安装教程
react中文官网如图所示。在中文官网 https://reactjs.bootcss.com/ 中也有入门教程。 1.首先，要安装Node.js 及 NPM 。 具体参考之前的文章：Nodejs安装和环境配置2. 安装react的脚手架。 npm install -g create-react-app3. 安装好之后，输入crea...
2020-12-03 16:54:34
793
原创 巩固——Vue中如何使用less和scss？
最近vue用的越来越勤了，在复习一下vue如何使用less和scss，直接进入主题吧：安装使用less： 1、首先使用npm下载依赖； npm i less less-loader -S 2、修改webpack.base.config.js文件，配置loader加载依赖，让其支持外部的less,在原来的代码上添加 // 此种方法在控制台中标签样式显示的是st...
2020-11-27 17:34:33
1127
原创 ModuleNotFoundError: No module named ‘pygame’——Python3.6安装pip并下载pygame模块
问题：今天学习python的时候，运行时报错：ModuleNotFoundError: No module named ‘pygame’。意思就是没有 pygame 这个模块解决办法：下载一下这个模块就行了pip3 install pygame或者pip install pygame如果使用PyCharm作为开发工具，可以直接在代码中书写im...
2020-11-27 14:32:05
8283
2
原创 如何让Vue在同一局域网内能访问？
在开发的时候，前端都是在本地开发。其他同事需要访问页面，直接访问是不能访问的：解决办法：方法一： vue的配置文件config下面的index.js，把locahost改成0.0.0.0就行了 改为： 重启即可正常访问 ：方法二：修改根目录下的 package.json 文件"dev": "webpa...
2020-11-26 17:48:59
815
原创 巩固——Vue中proxyTable代理接口的配置
说明：proxyTable是vue-cli脚手架在开发模式下，为我们提供的一个跨域的代理中转服务器服务。它是基于http-proxy-middleware插件的。 配置：找到config文件下的index.js中的 proxyTable ，添加：proxyTable: { '/api': { target: 'http:/...
2020-11-26 15:13:33
318
原创 Vue中如何正常使用锚点定位？
问题：项目中会有一些功能需要用到锚点定位，比如文章目录、点击标题跳转到正文内容等等。但vue的路由设置默认为hash模式，正常使用a标签的锚点定位，在浏览器刷新/后退/前进时，路由会匹配不上，导致页面无法正常渲染解决方案：方法一：在router配置里添加(亲测有效)：mode: 'history',srcollBehavior(to,from,sa...
2020-11-26 14:52:59
1157
原创 vue-cli的router/index.js跳转出问题了
问题： 配置好了router，跳转一直不生效。找了半天并没有发现语法错误。最后发现自己误删了App.vue里面把<router-view/>，导致了跳转失败！ 解决：把 <router-view/> 加回去就ok了。个人建议不要修改App.vue里的东西。只做入口文件使用。拓展： <router-view/> ...
2020-11-26 10:31:04
940
原创 Vue使用ajax或者axios获取数据，能获取到数据但是页面没有更新
问题：用ajax或者axios，get数据是正常的。但是渲染数据时data一直为空问题代码：下面代码看起来是正常的，但是当运行的时候会报错： 这时候你运行时会发现，数据可以请求到，但是会报错TypeError: Cannot set property ‘dataList’ of undefined data () { return { dataL...
2020-11-25 17:01:46
4724
1
原创 html5表单与Jquery Ajax结合使用
html5的表单控件提供了很多格式检测功能，可以省去很多烦人的javascript验证代码，例如pattern属性和require属性。 问题：一般表单的提交用的都是用button然后用ajax来提交，但是用button就不能触发HTML5的自带表单验证，用submit的话就又会直接提交表单 解决办法：就是依然使用 input submit作为提交按钮，但在表单的提...
2020-11-23 16:50:05
151
原创 jQuery Ajax请求成功后，为什么一直在error函数里
问题：使用jquery.ajax请求，发现服务端返回是ok的，ajax确调用了error方法。服务端返回“200”，说明请求是成功的；“responseText”也是对的。解决：把ajax参数“dataType”和服务端返回的数据类型改为一致就可以了。常见问题场景： 跨域$.ajax 没设置 dataType，及服务器端没设置respon.Conte...
2020-11-23 15:50:28
331
原创 如何在Vue中使用websocket？
什么是WebSocket ：WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket通信协议于2011年被IETF定为标准RFC 6455，并由RFC7936补充规范。WebSocketAPI也被W3C定为标准。WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocket API中，...
2020-11-17 10:30:06
154
原创 Js——时间戳和日期格式互转
介绍：Unix时间戳(Unix timestamp)，或称Unix时间(Unix time)、POSIX时间(POSIX time)，是一种时间表示方式，定义为从格林威治时间1970年01月01日00时00分00秒起至现在的总秒数。Unix时间戳不仅被使用在Unix系统、类Unix系统中，也在许多其他操作系统中被广泛采用。 unix时间戳是从1970年1月1日(UTC/GM...
2020-11-17 10:06:49
150
原创 $.ajax中contentType属性为“application/json”和“application/x-www-form-urlencoded”的区别...
说明：application/json和application/x-www-form-urlencoded都是表单数据发送时的编码类型。 contentType: 发送信息至服务器时内容编码类型，简单说告诉服务器请求类型的数据 contentType的默认值为”application/x-www-form-urlencoded” 就是说，在发送到服...
2020-11-10 10:37:59
420
原创 JS 对象(Object)和字符串(String)互转方法
将JS对象转为JSON字符串 ：JSON.stringify(jsObj)var jsObj = {};jsObj.testArray = [1,2,3,4,5];jsObj.name = 'CSS3';jsObj.date = '8 May, 2011';var str = JSON.stringify(jsObj);alert(str); 从JSON字符串转...
2020-11-10 09:44:45
359
原创 详细的 Python 安装教程（windows）
下载安装包官网：https://www.python.org/选择和自己电脑匹配的安装包说明：embeddable zip file 是压缩包版本，即便携版，解压可用executable installer 是可执行的安装版本，即离线版，下载到本地后可以直接安装web-based installer 是联网安装版，体积很小，但...
2020-11-09 22:25:18
69
原创 Python报错：module ‘turtle’ has no attribute ‘pensize’
说明：turtle是Python内置的一个非常有趣的模块，特别适合对计算机程序设计进行初体验的小伙伴，它最早是Logo语言的一部分，Logo语言是Wally Feurzig和Seymour Papert在1966发明的编程语言。 1.报错：module ‘turtle’ has no attribute ‘pensize’2.原因：py文件的名字和模块重名了，导入turtle的时候...
2020-11-09 10:06:25
2602
1
原创 Vue打包时报错：ReferenceError: primordials is not defined
问题： 解决办法： 第一步：升级gulp到4.0 npm install -g gulp-clinpm install --save-dev gulp@4查看gulp 版本：gulp -v 第二步：修改gulpfile.js文件 该文件在项目的根目录 修改后的gulpfile.js(这里直接复制一下代码，粘贴覆盖gulpfile....
2020-11-06 15:35:37
815
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人