- 博客(47)
- 收藏
- 关注
RSS订阅原创 elasticsearch和mysql数据同步, 基于canal, canal-server和canal-adapter
elasticsearch和mysql数据同步, 基于canal, canal-server和canal-adapter
2022-05-12 15:40:27
1335
原创 MongoDB安装,创建用户登陆验证, 最详细教学,没有之一
Linux安装MongoDB数据库下载安装包, 并解压tgz(以下演示代码是64位Linux上的安装)curl -O https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-3.0.6.tgz # 下载tar -zxvf mongodb-linux-x86_64-3.0.6.tgz ...
2020-02-27 11:26:41
605
原创 手把手教你在 linux 服务器 通过 nvm 安装 node
服务器如何通过安装node1.打开git网站搜索nvm,找到第一个点进去(最匹配的那个)拉到下面看到有install & Update script复制下面的curl或者wget连接,推荐使用wget2.通过你git bash连接到服务器ssh root@xxxxxx将刚刚的复制的链接粘贴, 回车(enter)等待下载,一般很快复制下...
2019-11-13 15:51:12
627
原创 express req res
express的相关express模块中的req，res参数的常用属性方法const express = require('express'); const router = express.Router()router.get('/',(req,res)=>{ // Request // req.baseUrl 基础路由地址 // req.body post发...
2019-11-12 10:04:54
273
原创 Mysql 数据库 基本操作
MySQL基础语法操作安装完mysql之后配置环境变量(默认路径C:\Program Files\MySQL\MySQL Server 8.0\bin)利用CMD进入mysqlmysql -uroot -p,提示输入密码查看数据库show databases (可以看到数据库列表);查看mysql运行在哪个端口号show global variables like 'port';...
2019-11-12 10:04:21
234
原创 Linux 配置 安装 nginx
Linux系统如何配置nginx1:安装工具包 wget、vim和gccyum install -y wget yum install -y vim-enhanced yum install -y make cmake gcc gcc-c++ 2:下载nginx安装包 wget http://nginx.org/download/nginx-1.17.5.tar.gz...
2019-11-05 14:28:55
382
原创 用户名验证,限16个字符，支持中英文、数字、下划线
一个用户名验证，验证规则，限16个字符，支持中英文、数字、下划线，当符合验证规则的时候，弹框提示正确，当出现特殊字符，不符合验证规则的时候，弹框提示错误，并且不执行下一步程序。<!DOCTYPE HTML><html> <head> <title></title> <meta name=...
2019-11-04 08:26:28
5323
原创 json-server 模拟接口请求 搭配 mock.js 接口的增删改查
使用JSON Server进行模拟后端接口第三方服务接口:leanCloud首先在桌面打开终端npm install -g json-server(不能再项目中安装)然后新建一个文件夹(不能是json-server),比如:backServer进入backServer文件夹打开终端npm init --yesnpm i json-server --save然后修改package.j...
2019-11-01 17:13:35
698
原创 git常用指令
git安装之后：git --version //检查git版本ssh-keygen -t rsa -C “xxxx@xxx.com” //生成公钥cat ~/.ssh/id_rsa.pub //查看git公钥git init //初始化git的项目目录git status //查看git状态 告诉你本地多出来多文件和当前所在的分支 需要添加到线上去git add. //...
2019-10-31 17:08:24
288
原创 vscode的快捷键一些必备插件
ctrl + F 查找ctrl + H 替换ctrl + / 行注释Shift + Alt + A 块注释Ctrl + Shift + Enter 上方插入一行Ctrl + Shift +F 文件夹查找Ctrl + Enter 下方插入一行Alt + Shift +F 格式化代码Ctrl + Shift + P 打开搜索按钮插件CSS Peek CSS追踪 Ctrl ...
2019-10-31 17:04:39
617
原创 Vue日历插件 fullcalendar 使用
Fullcalendar安装安装所需要的npm包npm install --save @fullcalendar/vue @fullcalendar/core @fullcalendar/daygrid @fullcalendar/timegrid @fullcalendar/listnpm install --save @fullcalendar/interactionnpm ins...
2019-10-31 17:03:24
5715
2
原创 VUE-cli安装，以及项目完成之后如何打包和打开查看
其实这也算是比较基础的一些东西了，这篇文章只是针对新手做的一些参考，好了，下面我一步步来给大家详解一下过程：关于Vue-cli的安装，我这里有一篇网上详细的安装步骤，基本的问题里面都有解释和参考，我这里就不重述了。附上网址你们自己看一下吧：（https://cli.vuejs.org/zh/guide/creating-a-project.html），其中可能会遇到一些问题，如果有小伙...
2018-10-25 10:33:49
2585
3
原创 HTML中 em和rem的区别
rem 单位翻译为像素值是由 html 元素的字体大小决定的。 此字体大小会被浏览器中字体大小的设置影响，除非显式重写一个具体单位。 em 单位转为像素值，取决于他们使用的字体大小。 此字体大小受从父元素继承过来的字体大小，除非显式重写与一个具体单位。原文链接：http://caibaojian.com/rem-vs-em.html为什么使用 rem 单位:Rem 单位提供最伟大的力量...
2018-10-23 15:49:14
960
原创 关于git修改远程仓库地址的几点意见~
因为工作需要，所以要我换远程仓库节点，很简单，但是墨迹了一段时间，下面就给大家详解一下：1.在git bash中输入指令查看现有的远程仓库：git remote -v 2.前面相信大家都看到了自己现在的远程仓库的URL，修改仓库的方法有三种： 方式一：修改远程仓库地址 【git remote set-url orgin URL】 更换远程仓库地址，URL为新地址。 方...
2018-10-23 10:23:22
248
原创 如何使用git bash生成ssh公钥文件详解
1在windows环境中安装gitbash，安装完成之后打开；然后输入执行：cd ~/ .ssh如果能进入到.ssh文件目录下 ，则证明，之前生成过.ssh秘钥，可以直接使用里面的秘钥。 如果不能进入到.ssh文件目录下，则： 检测下自己之前有没有配置：git config user.name和git config user.email（直接分别输入这两个命令）一、如果之前没有...
2018-10-22 14:23:27
4256
转载 JavaScript中实现不加new关键字的构造函数
一般而言，在JavaScript中创建对象时需要使用关键字new，但是某些时候，开发者希望无论new关键字有没有被显式使用，构造函数都可以被正常调用，即构造函数同时还具备简单工厂的职能。JavaScript的一个特性使得这样的实现变得可行：如果构造函数中返回了对象，无论有没有使用new关键字，最终返回的值都是函数return的值。基于这点特性，本文介绍了四种实现方式，抛砖引玉，欢迎拍砖~1...
2018-09-15 15:10:25
1396
原创 JS面试题目
1.让页面中的一个元素垂直水平居中的几种方法？给父级一个display：flex；然后元素中写justfy-content：center；子元素加align-item:center；1.display:flex; justify-content: center; align-items: center;2.position: absolute; left: 50%; top: 50%; ...
2018-09-13 18:53:17
450
转载 exports与module.exports区别
exports 和 module.exports 的区别 发布于 5 年前 作者 nswbmw 250170 次浏览 最后一次编辑是 2 年前 来自 分享require 用来加载代码，而 exports 和 module.exports 则用来导出代码。但很多新手可能会迷惑于 exports 和 module.exports 的区别，为了更好的理解 exports 和 module...
2018-09-11 19:08:17
193
转载 new做了几件事！
js中的new()到底做了些什么？？要创建 Person 的新实例，必须使用 new 操作符。以这种方式调用构造函数实际上会经历以下 4个步骤：(1) 创建一个新对象；(2) 将构造函数的作用域赋给新对象（因此 this 就指向了这个新对象） ；(3) 执行构造函数中的代码（为这个新对象添加属性） ；(4) 返回新对象。 new 操作符在有上面的基础概念的介绍之后，在加上...
2018-09-11 19:05:54
1537
转载 TCP与UDP的区别！
TCP和UDP的优缺点及区别TCP的优点： 可靠，稳定 TCP的可靠体现在TCP在传递数据之前，会有三次握手来建立连接，而且在数据传递时，有确认、窗口、重传、拥塞控制机制，在数据传完后，还会断开连接用来节约系统资源。 TCP的缺点： 慢，效率低，占用系统资源高，易被攻击 TCP在传递数据之前，要先建连接，这会消耗时间，而且在数据传递时，确认机制、重传机制、拥塞控制机制等都会消耗大量的时间，而且...
2018-09-11 19:04:18
152
原创 vue.js transition的过渡效果介绍~~~~~
关于vue的过渡本人也是在网上百度得出的实践，实际和CSS3的过渡是差不多的，下面我简单介绍一下（不喜勿喷~）：主体结构：<button @click="show=!show">show</button><transition name="fold"><div style="width:200px;height:200px;backgro...
2018-08-21 17:48:31
943
原创 VUE 兄弟通信（除了父子就是兄弟）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>兄弟组件通信</title></head><body><div id
2018-08-16 17:25:03
345
原创 VUE 父子通信
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id=&
2018-08-16 17:24:28
154
原创 VUE tab切换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .tab-button {
2018-08-16 17:23:17
663
原创 VUE 路由切换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue-router</title> <style> a{ color
2018-08-16 17:21:29
401
2
原创 methods和computed和watch的联系和区别
1.methods的方法是通过触发一个事件或者函数的回调来实现数据的更新，他的执行，依赖于事件的触发。2.watch的类似于emit与on这种触发的方式，通过vue的$watch实例监听值得改变来自动的触发一个函数的执行。3.computed函数的执行最快也是执行最靠前的，在html渲染开始，就已经执行了。计算属性 ：和普通属性一样是在模板中绑定计算属性的，当data中对应数据发生改变...
2018-08-16 17:18:14
365
原创 Jquery的初学！
1.jp的预加载方式；页面加载完之前执行，与嵌入的js加载方式一样(function ($) { alert('start');})(jQuery);页面加载后执行。$(document).ready(function(){ alert('jquery ready');});页面加载后执行。$(function(){ alert('jque...
2018-08-03 10:39:36
179
原创 Jquery。ajax 的应用，引入json
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="http://apps.bdimg.com/libs/jqu
2018-08-03 10:11:15
447
转载 CSS布局 -- 圣杯布局 & 双飞翼布局
按照我的理解，其实圣杯布局跟双飞翼布局的实现，目的都是左右两栏固定宽度，中间部分自适应。【圣杯布局】在这里，实现了左(200px) 右(220px) 宽度固定，中间自适应，container部分高度保持一致。DEMO稍微说明一下：html代码中 middle部分首先要放在container的最前部分。然后是left,right1.将三者都 float:left , 再...
2018-08-01 11:38:32
229
转载 CSS技巧：word-wrap同word-break的区别
本文列举了兼容 IE 和 FF 的换行 CSS 推荐样式，详细介绍了word-wrap同word-break的区别。兼容 IE 和 FF 的换行 CSS 推荐样式最好的方式是以下是引用片段： word-wrap:break-word; overflow:hidden; 而不是 以下是引用片段： word-wrap:break-word; wor...
2018-08-01 11:35:54
298
转载 jqeury的几种预加载方式总结！
1.页面加载完之前执行，与嵌入的js加载方式一样(写jquery插件的时候使用)(function ($) { alert('start');})(jQuery);2.页面加载后执行。$(document).ready(function(){ alert('jquery ready');});3.页面加载后执行。$(function(){ al...
2018-07-30 10:48:04
652
原创 垃圾轮播插件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0;
2018-07-24 20:18:54
175
转载 学习Javascript闭包
一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。 var n=999; function f1(){ alert(n); } f1(); // 999另一方面，在函数外部自然无法读取函数内的局部变量。...
2018-07-22 14:31:31
126
转载 用Javascript获取页面元素的位置
一、网页的大小和浏览器窗口的大小首先，要明确两个基本概念。一张网页的全部面积，就是它的大小。通常情况下，网页的大小由内容和CSS样式表决定。浏览器窗口的大小，则是指在浏览器窗口中看到的那部分网页面积，又叫做viewport（视口）。很显然，如果网页的内容能够在浏览器窗口中全部显示（也就是不出现滚动条），那么网页的大小和浏览器窗口的大小是相等的。如果不能全部显示，则滚动浏览器窗口，可...
2018-07-22 14:30:49
196
原创 鼠标定位的兼容和方法
关于js鼠标事件综合各大浏览器能获取到坐标的属性总共以下五种 event.clientX/Y event.pageX/Y event.offsetX/Y event.layerX/Y event.screenX/Y clientX/Y:clientX/Y获取到的是触发点相对浏览器可视区域左上角距离，不随页面滚动而改变兼容性：所有浏览器均支持...
2018-07-19 20:44:42
337
转载 JavaScript中const、var和let区别
1.const定义的变量不可以修改，而且必须初始化。 1 2 3 4 5 const b = 2;//正确 // const b;//错误，必须初始化 console.log('函数外const定义b：' + b);//有输出值 // b = 5; // console.log('函数外修改const定...
2018-07-17 19:33:48
159
原创 添加商品和修改信息！
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> td, th { height: 40px; line-height: 25px; widt
2018-06-26 18:08:03
2620
原创 函数封装！
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <ul id="ul
2018-06-26 18:07:21
520
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人