自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Calmlyx的博客

青草加青草,鸟窝一定能造好

  • 博客(31)
  • 问答 (2)
  • 收藏
  • 关注

原创 EggJS+MySQL(mysql2+egg-sequelize+egg-cors)实现简单的增删改查

Egg官方文档初学Egg,还是学习到了很多知识,同时也踩了一些坑。接下来就简单的搭一个Egg+MySql的架子,方便后期直接使用,拒绝做简单重复的操作。mysql2操作mysql的基础库。是一个ORM 框架,在一些较为复杂的应用中,帮助我们管理数据层的代码。egg-cors开启跨域访问。

2021-05-12 13:23:51 824 2

原创 JavaScript => 判断一个大数组对象中是包含小数组对象

情景:判断arr1数组对象中是包含arr2数组let arr1 = [ { id: 1, name: "张三" }, { id: 2, name: "李四" }, { id: 3, name: "王五" }]let arr2 = [ { id: 1, name: "张三" }, {

2021-03-08 21:40:10 590 2

原创 Node+Express+mongoDB实现增删改查 ———— 连接mongoDB数据库(含有数据库登陆验证)

情景:本人在开发过程中,为了确保数据库的安全,想通过数据库登陆验证进行连接。数据库:linux下的mongoDB。1.在linux下安装MongoDB数据库。2.启动数据库并新建目标数据库,此时还未设置登陆验证。我用navcat新建。3.为数据库添加验证用户db.createUser({user:'你想设置的用户名',pwd:'你想设置的密码',roles:[{role:"赋予数据库的角色",db:"需要验证的数据库"}]})。注意:这个地方的role设置,对于非 admin 库

2020-10-31 23:40:18 623

原创 mongod3.6配置文件说明

systemLog: verbosity: <int> #默认日志级别 0-5 , Default: 0 quiet: <boolean> #安静模式,不建议用于生产环境 traceAllExceptions: <boolean> #输出详细日志,以供调试 syslogFacility: <string> #日志输出到syslog ,若要使用该选项,必须将[systemLog.destination]设置.

2020-10-31 23:21:45 500

原创 如何优雅的《用Node+MySQL+express实现增删改查》

首先感谢这个小姐姐的视频:bilibili-特困女程序员〇.附上目录结构:一.开发准备 Node安装及配置 MySQL的安装及配置 数据库可视化工具:Navcat、 接口测试工具:Postman express 安装:npm install express -g npm install -g express-generator (express 4.x版本后,把generator 分离出来了) 以上安装及.

2020-06-09 12:54:11 632 4

原创 父子组件之间的传值问题

1.父子之间传参1.1.父传子首先在父组件中:然后再子组件中:注意:圈起来的里面是关键,在父组件中的<son :msg="fatherMsg"/>,然后在子组件中用props来接受父组件传过来的msg,最终直接渲染在html中。2.2.子传父2.父子之间方法的调用2.1.父调用子首先在子组件中定义好方法:然后再父组件中:注意:子组件定义好方法后,父组件通过$refs进行调用。2.2.子调用父子首先在父组件中定义好函数:..

2020-05-26 09:21:18 478

原创 Node学习之————登陆/注册

最近在学习Node写接口,本篇文章简单记录一下如何用Node实现登陆注册功能,本人在广大博客上找了一下很多的教程,发现不是这样有问题就是那样有问题,所以自己就跟着Bilibli视频教程走了一遍Node!然后源码地址----> 点击获取源码一,准备工作Node安装及配置 MongoDB的安装及配置 数据库可视化工具:Navcat mongoose官网 接口测试工具:Postman注意:以上安装及配置,自己解决二,编码1.初始化项目新建一个项目文件夹,我们这里叫它:api-.

2020-05-19 13:28:51 696

原创 完美解决CSS清除浮动问题

产生浮动原因:父元素因为子级元素浮动引起的内部高度为0的问题首先来看未清除浮动的效果:而清除浮动常用的四种方法:1.额外标签法(在最后一个浮动标签后,新加一个标签,给其设置clear:both;)(不推荐)2.父级添加overflow属性(父元素添加overflow:hidden)(不推荐)通过触发BFC方式,实现清除浮动3.使用after伪元素清除浮动(推荐使用)...

2020-05-07 09:36:08 342 2

原创 uni-app怎么从自己的组件页面跳转到外部网站中

在用uni-app开发微信小程序的时候,如何从自己的组建页面跳转到外部网站(例如:www.baidu.com)中呢?首先,在components中新建一个组建,用于专门放置外部网站的页面其次,在你即将要跳转的组件中,进行跳转<template> <view> <view class="item"> <naviga...

2020-04-02 09:41:54 10082 4

原创 Vue将本地图片转化为Base64,并浏览

在Vue中(其他类似),如何将本地上传图片转化为Base64,并浏览。话不多说,直接上代码!<template> <div> <input type="file" :value="fileValue" id="upImageFile" @change="ImageToBase64"> <img :src="i...

2020-04-02 09:21:42 5635 1

原创 Vue脚手架开发APP时,在子页面隐藏Footer

需求描述:最近在做一款APP,其中遇到这么一个问题,在首页中点击坐标 ----> 进入地区搜索子页面然后在首页有Footer部分,而在子页面没有,这个是怎么实现的呢??其实最主要的是为路由添加一个属性App.vue<template> <div id="app"> <Header/> <router-vi...

2019-11-27 19:40:02 757

转载 CSS 外边距(margin)重叠及防止方法-----------------边距重叠解决方案(BFC)

边距重叠解决方案(BFC)BFC:其全英文拼写为 Block Formatting Context 直译为“块级格式化上下文”问题描述:两个或多个块级盒子的垂直相邻边界会重合。结果的边界宽度是相邻边界宽度中最大的值。如果出现负边界,则在最大的正边界中减去绝对值最大的负边界。如果没有正边界,则从零中减去绝对值最大的负边界。注意:相邻的盒子可能并非是由父子关系或同胞关系的元素生成。...

2019-11-25 20:54:56 258

转载 React技术栈一览

React技术栈一览ES6、babel、webpack、ESlint、React、react-redux、react-router、UI框架这些技术栈都需要进行配置支持,新手可能还没写一行React代码,就已经被各种技术栈名词淹没,迷失其中。ES6JavaScript的下一代标准,规定今后按年份发布新版。2015年发布的ECMAScript6.0,也叫ES2015。学习React...

2019-11-24 10:43:41 1845

原创 webpack学习笔记

webpack1.基础知识1.1什么是webpack WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使用。可以做的事:代码转化、文件优化、代码分割、模块合并、自动刷新、代码校验、自动发布1.2需要提前掌握内容需要nod...

2019-11-20 17:15:21 218

原创 vue项目报错vue-router.esm.js?8b48:2007 Uncaught (in promise)

今天做vue项目时,当我多次点击跳转路由的时候,控制台报错:两种解决方案:方法一:原因可能是在重新下载依赖包时,安装的vue-router还是之前出错的那个版本,在项目目录下运行 npm i [email protected] -S 即可。方法二:在main.js中添加以下代码:import VueRouter from 'vue-router';const router...

2019-11-18 10:52:54 977

转载 解决跨域问题

什么是跨域跨域,是指浏览器不能执行其他网站的脚本。它是由浏览器的类似策略造成的,是浏览器对JavaScript实现的安全限制。同源策略限制了一下行为:Cookie,LocalStorage和IndexDB无法读取 DOM和JS对象无法获取 Ajax请求发送不出去常见的跨域场景所谓的同源是指,域名,协议,端口相同。http://www.nealyang.cn/ind...

2019-10-28 11:11:28 246

原创 Canvas学习笔记

Canvas注释:基础知识来自: https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API视频资源来自: https://www.bilibili.com/video/av53813293/?p=21.canvas简单绘制—线条绘制1.1绘制直线注意:设置canvas的width和height的时候,不能直接在样式列表中设置,...

2019-10-28 10:28:21 277

原创 关于“通过判断checked是否被选中,来控制button是否能点击”解决方法之一

主要思想:通过判断点击<input type="checkbox" />复选框的次数来确定button的disabled的属性;直接上代码<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" c...

2019-10-21 15:31:16 947 1

原创 Vuex学习笔记

教程来源:https://www.bilibili.com/video/av39088530/?spm_id_from=333.788.videocard.11前言:概念1.什么是VuexVuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化.Vuex也集成到Vue的官方调试工具devtool...

2019-09-26 09:18:46 327

原创 正则表达式速查表(希望对大家有所帮助!!)

2019-09-18 16:18:36 181

原创 VUE中的UI组件

VUE中的UI组件 组件功能 组件名称 VUE2的web UI工具 element VUE 2中的移动UI mint-ui VUEjs 的开源 UI 库 iview 响应式 UI 库 ...

2019-09-18 16:08:06 356

原创 vue/cli 3.0中使用百度地图api

参考地址:https://juejin.im/post/5bc1515fe51d450e5e0cbf87首先,申请百度地图ak其次,引入百度地图js,在public/index.html里面添加下面代码 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的ak"&g...

2019-08-12 17:54:03 2187

原创 关于VueCli3.*中JQuery导入问题,以及导入外部JS、CSS文件问题

1.JQuery导入首先,控制台进入到项目里面输入命令:npm i jquery (顺便说一下卸载:npm uninstall 插件名称,如:npm uninstall jquery)回车后即可安装成功其次,在main.js中导入然后,配置.eslintrc.js文件最后,配置vue.config.js(注意:如果有vue.config.js文件就直接配置,如果...

2019-08-12 16:50:01 471

转载 vue-calendar基于vue的日历插件

本文转载于https://www.cnblogs.com/zwhgithub/p/8005414.htmlvue-calendar-component基于 vue 2.0 开发的轻量,高性能日历组件 占用内存小,性能好,样式好看,可扩展性强 原生 js 开发,没引入第三方库效果Installnpm i vue-calendar-component --savecnpm...

2019-08-08 18:44:23 35609 2

原创 响应式网页设计------------宗旨:始终为移动优先设计

宗旨:始终为移动优先设计响应式网页设计 - 简介什么是响应式网页设计?响应式网页设计使您的网页在所有设备上都很好看。响应式网页设计仅使用HTML和CSS。响应式网页设计不是程序或JavaScript。为所有用户设计最佳体验可以使用许多不同的设备查看网页:台式机,平板电脑和手机。无论设备如何,您的网页都应该看起来不错,并且易于使用。网页不应该遗漏信息以适应较小的设备,而是...

2019-08-05 11:44:15 484

转载 如何使用git把本地代码上传(更新)到github上

一步一步教你如何在GitHub上上传自己的项目文章来源:https://blog.csdn.net/m0_37725003/article/details/809048242018年07月04日 09:23:40夏雨薇安阅读数 28243首先你得注册一个自己的GitHub账号,注册网址:https://github.com/join有了自己的账号以后,就可以进行登录,开始创...

2019-06-29 11:40:56 211

原创 HTML+CSS、HTML5+CSS3、Javascript学习笔记!!有用的就直接下载吧!!免费!!直接免费!!!

链接:https://pan.baidu.com/s/1j_MwhAwTu8M_-yhLKzoFTQ提取码:gd0q复制这段内容后打开百度网盘手机App,操作更方便哦

2019-06-11 00:01:37 988 1

原创 ElementUI学习笔记,已完结!!!

ElementUI一.介绍ElementUIElementUI中文网 :https://element.eleme.cn/#/zh-CNElement-Ul是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架,手机端有对应框架是Mint UI 。1.设计原则Consistency 与现实生活一致:与现实生活的流程、逻辑保持一致,遵循用户习惯的语言和概念...

2019-06-10 23:58:28 15535 5

原创 webpack的安装教程

webpack的安装教程一.下载并安装Node.js1.进入中文官网:http://nodejs.cn/2.根据电脑的系统下载相应的安装包:3.安装nodejs4.检验是否安装上进入“命令提示符”界面,输入 node -v, Enter 下面会出现你所安装的Node的版本,此时安装成功二.安装webpack1.配置环境(1).配置文件夹...

2019-04-16 11:28:15 1431

原创 Springboot整合JPA项目实例

项目说明:本项目虽然比较简陋,但是可以教会了你怎么搭建一个简单的Springboot项目本项目源码下载地址:链接: https://pan.baidu.com/s/16EZc-fk9nUfJPPv9pBOGIA 提取码:3dg1Springboot整合JPA项目实例开发前言:一.本项目用到的技术:1.前端:Html、Css、bootstrap、jQuery2.后端...

2019-04-04 17:28:39 1935

原创 Tomcat Apache服务器基本配置

这是本人根据自己的经验,对Tomcat  Apache服务器基本配置Tomcat  Apache服务器基本配置第一步:       在tomcat官网上下载好tomcat服务器:https://tomcat.apache.org/第二步:       将它解压到c盘目录下:然后进入此目录:C:\apache-tomcat-8.5.35\bin点击startup.bat文件,...

2018-12-04 16:43:55 637

空空如也

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

TA关注的人

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