自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(36)
  • 收藏
  • 关注

原创 express+mongoose写接口的时候,第二次请求报错

出现如下报错:(node:3488) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 2): OverwriteModelError: Cannot overwrite col_1 model once compiled.解决办法是将 mongoose.model 模型定义在请求接口外面...

2019-11-01 21:29:31 400 2

原创 Gradle安装使用

Gradle定义: 一个开源的项目自动化构建工具,建立在Apache Ant和Apache Maven概念的基础上,并引入了基于Groovy的特定领域语言DSL,而不再使用XML形式管理构建脚本。一、准备Gradle安装确保安装JDK,java -version从Gradle官网下载Gradle,https://gradle.org/install/#manually...

2019-09-03 22:38:13 309

转载 使用IDEA默认生成的URL往往会报出一个080001的ERROR

有时候我们需要在IDEA中配置Database。但是使用IDEA默认生成的URL往往会报出一个080001的ERROR,通过尝试发现下面这条URL会解决此项错误。根据自己的需求更改下方的URL。jdbc:mysql://localhost:3306/invoicing_management_system?useSSL=false&serverTimezone=Hongkong&amp...

2019-07-18 14:28:10 328

原创 Intellij IDEA中jsp代码不提示的问题

Intellij IDEA中jsp代码不提示的问题将power save mode 取消选中 前面去掉勾就行

2019-07-15 21:30:55 1555

原创 Intellij IDEA如何配置tomcat

Intellij IDEA如何配置tomcat首先去tomcat官网下载下载完成后直接解压到c盘配置环境变量配置好,一路确认打开IJ 新建web项目File->new->project新建完毕后开始配置配置tomcat点击上方的configure会自动配置好,点确认!deployment配置域名。也就是localhos...

2019-07-15 21:27:06 171

原创 vscode透明背景图片

自定义设置vscode的背景图片效果图找到源码路径鼠标放上面就看的到,也可以直接点右键 copy link address ,在文件夹中打开找到之后,打开添加css代码追加代码body{ pointer-events:auto !important; background-size:100% !important; opacity: 0.8 !important; ...

2019-05-15 16:07:54 5404 8

转载 史上最全常用正则表达式

史上最全常用正则表达式很多不太懂正则的朋友,在遇到需要用正则校验数据时,往往是在网上去找很久,结果找来的还是不很符合要求。所以我最近把开发中常用的一些正则表达式整理了一下,在这里分享一下。给自己留个底,也给朋友们做个参考。数字:^[0-9]*$n位的数字:^d{n}$至少n位的数字:^d{n,}$m-n位的数字:^d{m,n}$零和非零开头的数字:^(0|[1-9][0-9]...

2019-05-14 10:00:47 115

原创 webpack css/less分离

webpack css/less分离webpack css分离 需要借助extract-text-webpack-plugin这个插件//插件plugins:[ new ExtractTextWebpackPlugin("css/styles.css"),]//配置{ test: /\.less$/, use: ExtractTextWebpackPlugin.extr...

2019-04-19 11:42:01 437

原创 vue-cli3创建项目

vue-cli3创建项目//全局安装cli3.0npm install -g @vue/cli //启动vue ui界面vue ui启动后按照中文提示,新建项目,vue这点最好,有中文版的。安装后界面如下可以看到vue的全部配置,而且在任务里有热加载 打包等功能在变量这里可以配置输出目录,域名等等快速启动可以直接点serve点运行。在本地我们可以看到新建好的目录,如下:...

2019-04-05 21:22:19 304

原创 nvm 安装

nvm安装首先去官网下载一个下载地址下载后安装,点击安装,选择在D盘。好了之后,在nvm目录下的setting.txt文件添加下面两行,提高速度。node_mirror: https://npm.taobao.org/mirrors/node/npm_mirror: https://npm.taobao.org/mirrors/npm/nvm基本操作nvm list 查看n...

2019-04-02 10:21:13 133

原创 win10系统重装

win10系统重装准备好一个最少8G的U盘做启动盘1.首先去官网下载下载地址2.安装U盘。下载后点击运行,会出现选择界面,按照下面几个关键页面选择就可以,版本的话,选什么都差不多,看自己需求。最后就是等待安装完毕3.重装系统将U盘插入电脑。重新启动,然后进入BOSS界面,进入BOSS界面的方法一般都是F12,F2自己网上查查,我的是F12进入后,将磁盘那一块启动顺序调整下,看...

2019-04-02 09:57:00 432 2

原创 vue swiper回调函数内传值到vue数据内

vue swiper回调函数内传值到vue数据内vue swiper回调函数内传值到vue数据,不能直接用this,因为this指向的是当前swiper,所以需要在data内 定义self指向thisdata() { let self = this return { currentIndex: 0, swiperOption:{ on: { ...

2019-03-27 22:35:07 2525

原创 封装axios并使用拦截器加载loading动画

封装axios并使用拦截器加载loading动画首先封装loading动画,现制作一个简易的loading动画(后期会优化)<template> <div v-if="loadingShow" class="loading"> loading </div></template><script>import {In...

2019-03-24 23:03:53 3693

原创 Vue刷新当前页面

Vue刷新页面在vue项目换肤制作中,说到了,点击切换ID来实现品牌数据的替换,但是有一点,我们的id是通过vuex中来计算的到的,这样只有在页面刷新的时候才能获取最新的ID,这就需要我们在每次点击按钮切换的时候,都要刷新当前页面。我们可以通过在app.vue中绑定reload事件,通过provide传递出去。如下:通过切换RIgthNav的显示隐藏来调用需要切换的页面。现在我们需要在需...

2019-03-24 17:57:27 559 1

原创 vue项目换肤制作

vue项目换肤制作最近公司一个项目是有个需求是,一个网站集成4个公司的品牌,按要求需要点击换风格皮肤。通过点击上面4个按钮实现数据切换,我将上面按钮进行组件封装,放入header组件中,在点击的时候使用vuex传递数据到app.vue中。vuex 中绑定事件export default new Vuex.Store({ state: { skin: 'HH' }, ...

2019-03-24 12:57:37 1191

原创 Vue项目使用swiper做轮播图时,异步调用数据时导致图片不显示

Vue使用swiper轮播图懒加载注意事项如果是经常替换的图片数据,最好不要使用swiper自带的lazy,因为会出现数据更新了,但是图片不能更新的情况。因为数据是绑定在data-src上的,但是页面显示的是src上的路径,不能重新加载。使用vue-lazyload的时候注意在需要懒加载的图片上绑定:key="src",这样就能很好的解决数据替换了,图片不能替换的问题。在main.js中,...

2019-03-23 23:59:59 2495

原创 vue-cli模拟数据以及简单的axios封装

vue-cli模拟数据以及简单的axios封装对于模拟数据以及封装请求,都是老生常谈了,但是总总会忘记,要去google,很麻烦,现在在这里做做记录,方便自己查阅。第一种是mock.js,模拟数据。第二种是easy-mock,模拟数据。今天讲的是第三种模拟方法。通过vue-server,模拟数据。通过vue-cli安装的文件目录想天有一个vue.config.js文件。第一步:在这个...

2019-03-13 23:04:54 242

原创 v-html添加的内容,css样式不起作用

v-html添加的内容,css样式不起作用在用vue给标签内添加需要浏览器解析的文本内容时候,我们通常要用到v-html标签,但是用了这个标签后,我们无法对其内部标签的样式进行设置,那是因为,v-html相当于引入外部组件内容。现在我们用的sylte都会包括scoped标签,这个是私有属性的标签,所以我们要新建一个样式联,将scoped标签去掉,将样式卸载这里面 就可以了。如下:&lt;st...

2019-03-11 17:51:26 4456

转载 anywhere随时可以看到你的页面

anywhere1.全局安装node.js2.安装成功后,执行npm install anywhere -g 安装anywhere3.在对应路径下打开cmd,执行anywhere这样在家里做手机页面的时候只要启动这个包,就能在局域网在手机上访问页面了。...

2019-03-11 15:25:12 534

原创 微信小程序页面栈

微信小程序页面栈今天学到微信小程序的页面栈这一节,发现一个很有意思的事情。那就是getCurrentPages()这个方法getCurrentPages() 函数用于获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面。我试了试建了两个页面,一个test 一个index页面。test页面,做一个按钮点击跳转index页面,那样就生成了两个数据的页面...

2019-03-08 23:32:26 881

原创 display flex设置宽度无效

display flex设置宽度无效我们在做flex布局的时候会经常用到这种&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-wid

2019-03-08 15:17:58 6926 1

原创 微信小程序的小坑(陆续更新)

微信小程序的小坑(陆续更新)1.不能使用背景图,只能使用image标签。在微信小程序里使用背景图的话,在开发工具中是可以看得见的,但是在手机中看不到,亲测!...

2019-03-06 21:08:50 190

原创 Promise学习

Promise学习阅读廖雪峰的官方网站Promise后,自己记录下理解。Promise对象,其实就是承诺执行,怎么解释,看下面的例子。new Promise(function (resolve, reject){ // 这两个参数,就是两个函数,我们在函数内觉得什么时候执行。 var num = Math.random()*10 // 当num &gt; 5 我们1秒后执行resolv...

2019-03-06 21:02:27 115

原创 js设计模式——代理模式(读书JavaScript设计模式与开发实战笔记02)

代理模式代理模式顾名思义,就是通过一个代理去处理问题,例如黑道头子去买军火,一般都是让自己的头号手下去买,自己不参与实际交易~~我们先从常见的图片占位图片代理来说明。通常情况下,我们加载图片的姿势是这样的。&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta char

2019-03-02 15:51:02 105

原创 js设计模式——单例模式(读书JavaScript设计模式与开发实战笔记01)

单例模式单例模式:保证一个类仅有一个实例,并提供一个访问它的全局访问点。 // 首先创建一个初始化的构造函数 var CreateDiv = function (html) { this.html = html; this.init(); } CreateDiv.prototype.init = function () { var...

2019-03-01 16:32:16 106

原创 js创建对象(js小知识)

js创建对象工厂模式工厂模式最大的问题就是不能识别对象,这就引出了构造函数。 function Person(name, age){ var o = new Object(); o.name = name; o.age = age; o.sayName = function(){ console.log(this.name); }; retu...

2019-02-27 20:43:45 109

原创 改变this的指向(js小知识)

改变this的指向1.call() apply() bind()。 var color = 'green'; var o = { color: 'red' }; function sayColor(){ console.log(this.color); } sayColor(); // green sayColor.call(o) // red say...

2019-02-25 22:16:42 109

转载 Date日期方法(js小知识)

Date方法合集getTime()返回表示日期的毫秒数;与 valueOf() 方法返回的值相同setTime( 毫秒 ) 以毫秒数设置日期,会改变整个日期getFullYear()取得4位数的年份(如2007而非仅07)getUTCFullYear()返回UTC日期的4位数年份setFullYear( 年 ) 设置日期的年份。传入的年份值必须是4位数字(如2007而非仅07)setU...

2019-02-25 20:47:13 128

原创 arr数组的方法(js小知识)

arr数组的方法检测数组Array.isArray(value),如果是数组返回true,否则返回false if (Array.isArray(value)) { //do something... }转换方法 toString valueOf toLocaleString join var colors = ['red', 'green', 'blue']; // t...

2019-02-24 22:35:09 1531

原创 npm常用命令大全

npm常用命令npm list -g --depth 0查看全局下安装哪些包

2019-02-24 14:05:14 209

原创 git常用命令

git常用命令git add &amp;amp;lt;file&amp;amp;gt; &amp;amp;lt;file&amp;amp;gt; 添加文件到暂存区stagegit commit 提交暂存区的文件到mastergit reset --hard HEAD^(HEAD^^) 返回上一级(上上一级)git reset --hard &amp;amp;lt;version&amp;amp;gt; version是版本号,返回指定版本号git

2019-02-24 12:07:58 96

原创 数组检测(js小知识)

数组检测1.通过Object().toString().call(arr),当然这种方法一样可以检测任意类型。 var arr = [1,2,3,4]; Object().toString().call(arr) // '[object Array]' Object().toString().call({}) // '[object Object]' // ......2.insta...

2019-02-22 21:46:44 130

原创 逻辑与&&和逻辑或||的使用(js 小知识点)

逻辑与 &amp;amp;&amp;amp;逻辑与的情况分两种** 两个数都是布尔值,只要有一个是false,那么值就为false。** true &amp;amp;&amp;amp; true // true true &amp;amp;&amp;amp; false // false false &amp;amp;&amp;amp; true // false false &amp;amp;&amp;amp;

2019-02-21 22:24:13 1425

原创 label的使用(js 小知识点)

labellabel的中文意思就是标签的意思,这个js关键字就是制定一个标签,好在使用break或者continue的时候返回label定位的上下文环境中继续执行。var num = 0;for (let i = 0; i &amp;lt; 10; i++) { for (let j = 0; j &amp;lt; 10; j++) { if (i == 5 &amp;amp;&amp;amp; j == 5)...

2019-02-21 11:59:29 1291

原创 for in循环需注意(js 小知识点)

for in使用for in的时候最好先检查对象是否是undefined否则会报错,null的话会不执行循环体。 var obj = { name: 'viven', age: 28 }; if (obj != undefined) { for (var key in obj) { console.log(key, obj[key]); }; }; // name...

2019-02-21 11:52:13 718

原创 js的延迟加载

js的延迟加载一般用于提升页面的加载速度,通常情况下有以下几种方式:1.通过script的标签async&lt;script src="a.js"&gt;&lt;/script&gt;&lt;script src="b.js" async="async"&gt;&lt;/script&gt;&lt;script src="c.js"&gt;&

2019-02-20 17:04:23 281

空空如也

空空如也

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

TA关注的人

提示
确定要删除当前文章?
取消 删除