2020年09月_明快de玄米61

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

转载 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: “/home

在添加如下步骤后报错，但是不影响使用：activated(){ this.$router.push(this.path);},解决办法：在src目录下面的router文件夹下的index.js中加入如下代码，错误消失import Vue from 'vue'import VueRouter from 'vue-router'const originalPush = VueRouter.prototype.push VueRouter.prototype.push = funct

2020-09-30 16:14:29 924

转载前后端开发三阶段

1、后端路由阶段该阶段的事情都是后端做的，当我们在浏览器上输入一个url，然后后端接收，接收之后找到对应的jsp页面，然后通过后端从数据库中取出的数据动态改变jsp中的内容，之后在把jsp文件变成html+css的网页发送给浏览器，之后浏览器进行渲染工作2、前后端分离当ajax出来之后，彻底解放了后端人员，它们再也没有从幕后走到台前的机会了，我们输入一个url地址，之后会去服务器中请求下来html+css+js，我们在页面上就会渲染html+css，当执行js代码的时候通过ajax去后端服务器上请求

2020-09-29 17:02:20 514

原创 Unable to save settings: Failed to save settings. Please restart WebStorm

如果你是在webstrom中使用webpack，那就需要以管理员身份运行webstrom，问题就可以解决了

2020-09-28 08:50:51 575 2

原创如何安装nodejs、webpack

前言：我在b站上面学习Vue的时候需要使用webpack进行模块化，那就安装webpack，老师说由于webpack需要nodejs的支持，所以我们还需安装nodejs，所以我就先安装nodejs，然后在安装webpack第一步：安装nodejs下载：老师上面nodejs的版本是10.13.0，所以我也安装该版本，在nodejs官网上面是最新的12.8.4，这不符合我的要求，于是我找到了所有nodejs历史版本的链接（https://nodejs.org/dist/），由于我本次使用的nodejs版

2020-09-27 19:04:02 11264 10

转载如何获取所有按键的键值

在js脚本中输入以下代码就可以了：document.keyup = function(ev) { let oEvent = ev || event; alert(oEvent.keyCode);}

2020-09-25 11:53:27 598

原创 webstrom2020如何添加模板

说明：对于模板，其实就是一坨代码，然后把这坨代码起个名字，当我们在特定类型的文件中输入该名字之后，点击tab键就可以在文件中键入这坨代码了操作：接下来我定义一些vue模板，里面包含了引入vue.js的代码和vue最基本的脚本，还有一个最基本的div，复制你需要定义模板的代码，我的模板代码如下（复制你自己的，别复制成我的了呢）：<div id="app"> {{message}}</div><script src="../js/vue.js"></s

2020-09-24 18:00:26 180

原创 webstream2020如何设置缩进两个空格

说明：据统计，web前端的项目更多使用的是2个空格，以及一些大型开源项目或者是公司里的项目都是用的2个空格，所以我们也进行在写前端代码的时候让缩进是2个空格设置方法：点击File-——》Settings——》Editor——》Code Style——》Style Sheets(CSS)、HTML、JavaScript，分别把右边的Tab size和Indent设置成2，这三个是最常用的前端文件类型，至于其他的JSON、XML等等类型的文件你可以根据需求自己设置...

2020-09-24 17:07:59 577

原创 webstrom2020如何设置自动换行

方法1（永久性）：点击File——》Settings——》Editor——》General——》勾选Soft-wrap these files，然后在后面添加; *.*来让所有文件都自动换行——》Apply——》OK——》重启webstrom2020让配置生效方法2（本次生效）：在行号和折叠中间的空白处单击鼠标右键，选择Soft-Wrap就可以了...

2020-09-24 12:24:55 6871 2

原创 Bootstrap 4 CDN

如果大家在学习bootstrap4的时候不想下载相应的jar包，那就去使用bootstrap的cdn，上菜：<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css"> &l

2020-09-23 11:09:41 1131

原创 Layui极简静态CDN库

如果你在学习lay阶段不想下载lay.js和lay.css文件，那你完全可以使用网上的CDN库，达到引入即用的目的，上菜：layui-v2.5.6.css：<link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui-v2.5.6/css/layui.css" />layui-v2.5.6.js：<script src="https://www.layuicdn.com/layui-v2.5

2020-09-23 11:04:40 3057 1

原创 [Err] 1055 - Expression #1 of ORDER BY clause is not in GROUP BY clause and contains nonaggregated c

当我使用navicat工具直接书写更新语句去操作数据的时候，出现了如下错误：[Err] 1055 - Expression #1 of ORDER BY clause is not in GROUP BY clause and contains nonaggregated column ‘information_schema.PROFILING.SEQ’ which is not functionally dependent on columns in GROUP BY clause; this is

2020-09-23 00:40:25 1638

原创 freemaker简单总结

花费了几天时间把freemaker学习了一下，主要是看中文官网的文档，网址是：http://freemarker.foofun.cn/，我主要看了下面图片中的这一部分：这些已经包含了freemaker的基本用法，说的比较详细，然后在往下还有一部分：这些包含的内容更多一点，可以当做参考资料，如果碰到一些没有见过的方法或者操作，你可以会在这些里面找到你想要的，之后我就去哔哩哔哩上面看了一些freemaker学习视频，网址是：https://www.bilibili.com/video/BV1zZ4y1u

2020-09-23 00:28:48 1312

原创解决CentOS上安装的mysql 5.7.18数据库中文变成?的问题

对于此问题，网上有很多的解决办法，但是大多数不适合linux系统上安装的mysql5.7.18版本数据库，我们通过在数据库中执行show variables like 'chara%'，可以查看mysql字符集编码，估计你看到的是这样的：以上是该mysql数据库字符集默认值，其中charcter_set_server的值是latinl，据说这是mysql默认的编码方式，正是由于该编码方式的存在，所以导致了我们从web应用代码中操作数据库造成中文变成?的问题（直接使用sql语句操作数据库又不会出现中文乱码

2020-09-22 21:08:25 709

原创使用正则表达式处理金额

一、支付宝开放平台的金额验证测试（别着急，慢慢看）大家应该都知道支付宝开放平台上面有一个应用叫做“沙箱环境”，地址是：https://openhome.alipay.com/platform/appDaily.htm?tab=account，如果你没有登录的话，上面肯定会让你扫码登录，登录之后就可以看到“沙箱环境”了，上面可以对商户账号或者买家账号进行充值，它支持最多两位小数的充值金额，如果不符合要求就会抛出相应的提示，别着急看正则表达式结果，我来给大家演示一下人家支付宝是如何做该做操作的，测试情况如下所

2020-09-21 19:39:07 6920

转载 Error running ‘HttpClient [clean]‘: Cannot find JRE ‘1.8‘. You can specify JRE to run maven goals in

错误：分析原因：系统没有找到 JRE’1.8’解决思路：找不到系统的，我们就自己指定JDK解决办法：点击：File—》Settings—》Build，Exception，Deployment—》Build Tools—》Maven—》Runner—》把页面右边JRE：后面的改成自己的JRE—》点击Apply和OK如下图：...

2020-09-21 16:10:37 2499

转载 Spring和Mybatis整合时无法读取jdbc.properties文件的处理方案

启动会报异常${jdbc.driver}这样的表达式获取不到properties里面的值，因为MapperScannerConigurer实际是在解析加载bean定义阶段的，这个时候要是设置sqlSessionFactory的话，会导致提前初始化一些类，这个时候，PropertyPlaceholderConfigurer还没来得及替换定义中的变量，导致把表达式当作字符串复制了。解决方法：修改<property name="sqlSessionFactory" ref=“sqlSessionFac

2020-09-21 15:57:57 1104

转载 init-method=“init“和 destroy-method=“close“ 作用

一般在我们配置数据源的时候，会这样写：<bean id="dataSource" class="com.alibaba.druid.pool.DruidDataSource" init-method="init" destroy-method="close">init-method="init"：指bean被初始化时执行的方法，当bean实例化后,执行init-method用于初始化数据库连接池。destroy-method="close"：指bean被销毁时执行的方法 Spri

2020-09-21 15:49:21 1345

转载解决freemarker生成的静态文件中文乱码的问题

如果想实现效果，以下几个位置都需要去保证成功设置1、系统设置编码方式均为utf-82、web.xml中设置模板的默认编码为utf-8<servlet> <servlet-name>freemarker</servlet-name> <servlet-class>freemarker.ext.servlet.FreemarkerServlet</servlet-class> <init-p

2020-09-21 01:27:13 1162

原创 bootstrap4使用的简单总结

撩课学院

2020-09-18 19:59:23 411

转载浏览器控制台提示：Error: NetworkError when attempting to fetch resource.

提示如下：翻译结果就是：错误：试图获取资源时出现NetworkError。原因：缺少对应的映射文件（sourcemap file）解决方法一：找到并打开该文件，搜索sourceMappingURL，删除类似//# sourceMappingURL=bootstrap.js.map的代码，之后报错退出即可解决方法二：补上对应的映射文件，一般下载的插件中，同目录下会有对应的map文件，把该文件添加到sourceMappingURL引用的路径中扩展：sourcemap文件是什么？Sou

2020-09-17 23:17:25 19146 2

原创如何去除button点击之后出现的虚线框

需要在css样式中加上：button:focus { outline: 0;}/*在Firefox下，对于类型为button的元素，即使设置outline为none或者0，也还是会出现虚线，所以可能用一个Firefox的私有伪元素去解决这个问题，需要注意的是：-moz-focus-inner并不是reset outline，而是设置border */button::-moz-focus-inner { border: 0; padding: 0;}以上做法来自于小米官网的css文件中，验

2020-09-17 21:37:09 809 2

转载 ${}里面放置字符串变量是什么意思

这个是JS语法，叫做“模板字符串”这种语法是能够允许嵌入表达式的字符串字面量模板字符串使用反引号 () 来代替普通字符串中的用双引号和单引号。模板字符串可以包含特定语法（${expression}）的占位符。占位符中的表达式和周围的文本会一起传递给一个默认函数，该函数负责将所有的部分连接起来，如果一个模板字符串由表达式开头，则该字符串被称为带标签的模板字符串，该表达式通常是一个函数，它会在模板字符串处理后被调用，在输出最终结果前，你都可以通过该函数来对模板字符串进行操作处理。在模版字符串内使用反引号（`

2020-09-17 19:46:45 1418

原创让我来教你如何使用css中的字体图标

首先什么是字体图标呢，那就是表面上是图标，其实它是文字，我们可以就像设置文字一样去设置字体图标，一般可以使用两种方式去设置字体图标，一种是引入css文件，然后设置特殊的class就可以了；另外一种是通过伪元素中的content去设置，下面跟我一起来看看如何设置吧！1：引入css文件，然后设置特殊的class去使用字体图标我使用iconfont官网来进行实验，首先使用百度搜索iconfont，进入官网之后登录，登录之后先去新建一个项目，首先打开我的项目：点击新建项目图标：然后输入项目名称，点击

2020-09-17 14:56:31 1270

原创自己编写代码去听网易云音乐的歌曲，以及观看MV，还可以下载奥

注意：本html文件不能收听或者下载试听歌曲代码：<!DOCTYPE html><html> <head> <title>听歌进行时</title> <meta charset="utf-8" />  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></sc

2020-09-14 13:21:09 1188

原创记录自己独立编写的第一个vue程序

代码：<!DOCTYPE html><html> <head> <title>vue</title> <meta charset="utf-8" />  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head>

2020-09-13 20:58:59 153

原创谈谈对height:100%的看法

1、如果该元素height:100%，但是其直接父元素的高度未设置，而该元素祖父元素的高度设置了，那它多高？<html><head><style type="text/css">*{ margin: 0; padding: 0;}#one{ width: 200px; height: 200px; background-color: red; padding: 100px;}#three{ width: 100%;

2020-09-11 15:15:48 194

原创利用border绘制小三角

代码：<html><body>1、<div style="width: 0; height: 0;border-width: 100px; border-style: solid;border-color: #000 #ccc #ff0000 #ffff00;"></div>2、<div style="width: 0; height: 0;border-width: 100px; border-style: solid;border-c

2020-09-08 21:29:51 98

转载 CSS中class的“.“连着写的含义

在使用css的class属性中，我们写的最多的就是一个class 后面有多个属性值连接在一起，然后映射到具体的样式中去，例子1：.btn .btn-one .btn-two解释：举例如下：<a class="btn btn-one btn-two">123</a>各自写各自的样式：.btn{...}.btn-one{....}.btn-two{....} 理解如下：在a标签上有各自的样式，后面的样式覆盖前面的，各自也保留各自独特的样式口诀：

2020-09-08 20:50:43 1878

转载 CSS中的em运用详解，1em等于多少像素？

今天要看完它：使用CSS也好久了，但一直都是在使用“px”来设置Web元素的相关属性，未敢使用“em”。主要原因是，对其并不什么了解，只知道一点概念性的东西，前段时间在项目中要求使用“em”作为单位设置元素，所以从头对“em”学习了一回。稍为有一点理解，今天特意整理了一份博文与大家一起分享，希望对童子们有些许的帮助。这篇教程将引导大家如何使用“em”来创建一个基本的弹性布局，从而学习其如何计算？又是如何使用“em”对层进行弹性扩展？又是如何扩展文本和图像等内容？下在我们就一起带着这些问题开始今天的“em

2020-09-08 19:03:13 3132

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

qq_42449963的博客