自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Vscode 经常现的 无法将“XXX”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次

Vscode 经常现的 无法将“XXX”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。

2023-05-17 11:47:34 1327 1

原创 关于webpack使用chainWebpack配置方式配置devtool调试问题

关于使用webpack(chainWebpack)配置devtool出现配置失效问题

2023-01-17 14:28:35 1040

原创 webpack完整配置/webpack.config.js

const path = require('path');module.exports = { //entry表⽰⼊⼝,webpack执⾏构建的第⼀步将从entry开始,可以抽象成输⼊ entry: './app/entry',// spa应⽤只有⼀个⼊⼝,⼊⼝只有⼀个⽂件 entry: ['./app/entry1','./app/entry2'],//只有⼀个⼊⼝,⼊⼝有两个⽂件夹 entry: { //有两个⼊⼝

2022-05-11 16:17:13 436 2

原创 uni-app nvue点击遮罩触发事件

1、在nuve组件中注册事件 created(){ const checkAll = uni.getCurrentSubNVue(); console.log(checkAll) checkAll.addEventListener("hide", function() { uni.hideKeyboard(); console.log("窗口关闭"); }, false); },点击后...

2021-12-08 16:39:51 1295 1

原创 node regeneratorRuntime is not defined报错

关于regeneratorRuntime is not defined原因:由于未支持ES6 最新语法 async await需要安装babel其他的扩展包npm install --save babel-polyfill在入口文件添加require(“babel-polyfill”);

2021-06-11 15:03:14 330 1

原创 地址栏输入 URL 敲下回车后发生了什么

浏览器地址栏输入 URL 回车后发生了什么一、总结分析分析如下,从输入 URL到回车后发生的行为如下:URL解析DNS 查询TCP 连接HTTP 请求响应请求页面渲染URL解析首先判断你输入的是一个合法的URL 还是一个待搜索的关键词,并且根据你输入的内容进行对应操作DNS查询TCP连接在确定目标服务器服务器的IP地址后,则经历三次握手建立TCP连接,流程如下:发送 http 请求响应请求当服务器接收到浏览器的请求之后,就会进行逻辑操作,处理完成之

2021-05-27 11:17:14 429

原创 ubuntu下安装Nginx

服务器下ubuntu 安装Nginxapt-get安装nginx# 切换至root用户sudo su rootapt-get install nginx查看nginx是否安装成功nginx -v启动nginxservice nginx start输入ip地址nginx文件安装完成之后的文件位置:/usr/sbin/nginx:主程序/etc/nginx:存放配置文件/usr/share/nginx:存放静态文件/var/log/nginx:存放日志..

2021-05-08 17:10:12 97

原创 初入Nginx反向代理

初入Nginx反向代理我们希望实现的是通过访问某个域名能够访问到tomcat的主页。在Nginx安装目录的conf目录下新建一个vhost目录,然后在vhost目录下新建配置文件,文件名需要以.conf结尾。cd /usr/local/nginx/conf/mkdir vhostcd vhost/vim www.silly.com.conf配置文件添加如下内容,这里server_name配置的是主机对应的域名,如果没有域名可以通过配置host来映射虚拟域名,或者这里直接配置ip地址,然

2021-05-08 11:23:55 149

原创 Linux常用命令

Linux常用命令Ubuntu 下解压tar.xz方法(分2步)$ xz -d node-v6.10.1-linux-x64.tar.xz$ tar -xvf node-v6.10.1-linux-x64.tar压缩包xz格式的比7z要小,但是压缩时间比较长xz使用格式压缩xz -z filename解压xz -d filenametar格式压缩tar -cvf filename解压tar -xvf filename另外,也可以直接解压tar xvJf node

2021-04-06 09:02:32 78

原创 JS常用正则表达

JS常用正则表达验证字母:/^[a-zA-Z]+$/验证长度为3的字符:/^.{3}$/验证由26个英文字母组成的字符串:/^[A-Za-z]+$/验证日期YYYY-MM-DD:/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/验证邮编:/^\d{6}$/验证日期格式YYYY-MM-DD hh:mm:ss:/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/验证整数:/

2021-03-31 09:28:53 104

原创 前端生命周期大全

生命周期分类vue实例2.xbeforeCreateCreatedBeforeMountmountedbeforeUpdatedupdatedactivateddeactivatedbeforeDestroydestroyed除了 Vue 本身的生命周期外,mpvue 还兼容了小程序生命周期,这部分生命周期钩子的来源于微信小程序的 Page, 除特殊情况外,不建议使用小程序的生命周期钩子。小程序app部分onLaunch 初始化onShow 当小程序启动,或从后台进入前台显

2021-03-23 11:29:53 1067

原创 node+pm2

node+pm2服务器上安装pm2并把node后端项目拉到pm2里面(根目录即可)打开node后端项目并到启动文件(如index.js)的目录下使用命令 pm2 start index.js 启动pm2更改项目后需要重启pm2附上命令pm2 delete [你要删除的项目序号 不需要[] ]pm2 start index.js...

2021-03-23 09:52:22 139

原创 访问远程服务器MongoDB数据库

访问远程服务器MongoDB数据库在服务器下载安装MongoDB- 修改配置文件mongod.cfgnet: bindIp: 0.0.0.0 #不做ip限制,允许其他人链接 port:27018 #数据库端口号其他跟着官方配置就行

2021-03-23 09:42:56 418

原创 服务端http转https

关于http转https需要有一台服务器并且申请域名申请ssh并下载ssh证书到本地将ssh证书拉到服务器(最好是config目录下,并对应服务器)并修改服务器配置文件nginx.conf(我这里使用的是Nginx)#user root;worker_processes 1;#error_log logs/error.log;#error_log logs/error.log notice;#error_log logs/error.log info;

2021-03-23 09:29:39 615

原创 小程序slot插槽的使用

小程序slot插槽的使用1、<!-- 在组件的wxml中定义插槽 --><view> <!-- 默认插槽 --> <slot></slot> <!-- 具名插槽 --> <slot name="before"></slot> <slot name="after"></slot></view>2、<!-- 在

2021-01-07 11:58:43 738

原创 Vue3中使用vue-router

Vue3中使用vue-routercnpm i vue-router@next -D创建Router对象和路由配置——routerIndex.jsimport {createRouter, createWebHashHistory, createWebHistory} from "vue-router"// 1. 定义路由组件, 注意,这里一定要使用 文件的全名(包含文件后缀名)import countIndex from "../pages/count/countIndex.vue

2020-12-29 13:50:18 5740

原创 创建git忽略文件

创建git忽略文件1、在需要创建 .gitignore 文件的文件夹, 右键选择Git Bash 进入命令行,进入项目所在目录。2、输入 touch .gitignore ,生成“.gitignore”文件。

2020-12-22 18:15:45 283

原创 快捷生成vue模板

快捷生成vue模板File---->preferences----->User Snippets输入vue在里面输入 { "Print to console": { "prefix": "vue", "body": [ "<template>", " <div>$0</div>", "</template>",

2020-12-22 17:35:48 987

原创 前端Mock

Mock快速使用安装Mocknpm install mockjs --save-dev在项目中创建mock.js,并写一个简单的返回示例,后面拦截其他url的ajax请求直接参考这个示例。//引入mockjsimport Mock from 'mockjs'//使用mockjs模拟数据Mock.mock('/\/api\/msdk\/proxy\/query_common_credit/', { "ret":0, "data": { "m

2020-10-09 11:42:53 133

原创 关于Vue从后端拿到数据后props到子组件数值为空的问题

关于Vue从后端拿到数据后props到子组件数值为空的问题当从后端拿到数据后,确实有数据但是在子组件中props传值后控制台打印props的值发现为空是因为刚初始化的时候,默认introduces为空,props的值还没有被传输。我们可以1.直接渲染或者遍历传进去的props。2.建立一个watch,监听data中list变化,进行渲染...

2020-09-23 16:59:02 2515 1

原创 Axios的全局配置实例和拦截器

Axios的全局配置实例和拦截器1.常用的axios全局配置axios.defaults.baseURL = ‘http://localhost:3000’ (接口地址)axios.defaults.timeout = 20002.实例配置 //常用的基本配置 const instance = axios.create({ baseURL:'http://localhost:3000', //请求的域名,基本地址 timeout:5000, //请求的超时

2020-09-22 18:02:39 1079

原创 vue常用的几种跨域方式

vue 跨域问题1.可以在vue脚手架中的config文件中设置代理,通过设置代理,将后台的地址http://localhost:3000配置成‘/api’dev:{ assetsSubDirectory: 'static', assetsPublicPath:'/', proxyTable: { "/api":{ target:"http://localhost:3000", //这里是后端地址 changeOrigin:true}}}2.在后台自己写跨域方法:我的是(Node

2020-09-22 16:02:52 824

原创 Vue中的事件冒泡和捕获

Vue中的事件冒泡和捕获stop 阻止冒泡事件.capture 设置捕获事件.self 只有点击当前元素的时候,才会触发处理函数.once处理函数只被触发一次1.当一个父元素div1 包裹着一个子元素div2 同时有点击事件,我们点击子元素,不想触发父元素的事件,我们可以采用阻止事件冒泡解决@click.stop2设置捕获事件.当一个父元素div1 包裹着一个子元素div2 同时有点击事件。我们希望点击从外面执行到里面,先触发父元素再触发子元素。我们可以在父元素的点击事件加上@c

2020-09-18 10:39:45 6877

原创 快速搭建Express后端

快速搭建Express后端需要下载NodeExpress脚手架npm install express --save -gnpm install express-generator --save -g3.创建项目express ‘你的项目名字’cd 进项目npm installnpm start了解:bin:用于应用启动,可以配置启动端口等。/public:静态资源目录/routes: (控制器)路由,目录/views: jade模板目录,可以认为是view(视图)目录app

2020-09-16 17:58:25 402

原创 Git 一篇就够

从线上拉取项目代码1,新建一个文件夹2,初始化项目git init3,跟远程代码库建立连接(xxx为远程仓库链接)git remote add origin XXXXX(http/ssh)4,把远程分支拉倒本地git fetch origin dev(dev为远程产库的分支名)5.在本地创建分支dev并切换到该分支git checkout -b dev(本地分支名称) origin/dev(远程分支名称)6.把某个分支上的内容都拉取到本地git pull origin dev(远程分支

2020-09-09 13:45:38 273

原创 手写input-checkbox打勾选项

手写–自定义checkbox框首先我们要有一个input-checkbox写一写checkbox的样式 .checkbox { -webkit-appearance: none; -moz-appearance: none; border: 2px solid #E64440; width: 18px; height: 18px; border-radius

2020-08-31 17:12:44 1405

原创 常用的表格正则验证 + 省份选择 JS JQ

常用的表格正则验证 ----轮子 let receiverNameReg = /^[\u4e00-\u9fa5]{2,6}$/; //reg 收货人姓名 let receiverName = $("#receiverName").val(); //收货人姓名 let phoneNumberReg = /^\d{11}$/; //reg电话号 let phoneNumber = $('#phoneNumber').val(); //电话号码va

2020-08-07 16:46:15 1217

原创 定时器++倒计时 JS

**定时器+倒计时 (常用轮子)**/*倒计时 根据time 和 id倒计时 以下是核心代码*/let countDownArray = [{time: ‘2020/08/08 12:00:00’, id: 1},{time: ‘2020/08/08 11:00:21’, id: 2},{time: ‘2020/08/04 12:10:00’, id: 3},{time: ‘2020/08/05 12:05:40’, id: 4},{time: ‘2020/08/0

2020-08-07 16:28:38 299

转载 一些主流浏览器的兼容问题

浏览器版本旧:IE6第一类:块状元素float后,有添加了横向的margin,在IE6下比设置的值要大(属于双倍浮动的bug)解决方案:给float标签添加display:inline,将其转换为行内元素第二类:设置较小高度的容器(小于10px),在IE6下不识别小于10px的高度;第三类:min-height在IE6下不兼容解决方案:1)min-height:value; _height:value;2)min-height:value; height:auto!importa..

2020-05-11 13:58:09 198

转载 js中Date将时间格式化

js中Date将时间格式化(很方便)扩展Date,将时间转换为指定格式的字符串。例如:当前时间指定格式的格式化:var time1 = new Date().Format(“yyyy-MM-dd”); // 2017-11-20时间戳指定格式的格式化var time2 = new Date(1469281964000).Format(“yyyy-MM-dd hh:mm:ss”); //...

2019-12-18 14:40:19 896

原创 黑客技术----XSS攻击

什么是XSS攻击?XSS 全称是 Cross Site Scripting(即跨站脚本),为了和 CSS 区分,故叫它XSS。XSS 攻击是指浏览器中执行恶意脚本(无论是跨域还是同域),从而拿到用户的信息并进行操作。这些操作一般可以完成下面这些事情:1,窃取Cookie。2,监听用户行为,如输入账号密码后直接发送到黑客服务端。3,修改DOM伪造登录表单。4,在页面中生成浮窗广告。通常...

2019-12-16 17:11:40 361

原创 从输入url地址后浏览器发生了什么

从输入url地址后浏览器发生了什么-网络篇假如输入了https://www.baidu.com/一:网络请求:1. 构建请求浏览器会构建请求行://请求方法是GET,路径是根路径,HTTP协议版本为1.2GET/HTTP/1.22. 查找强缓存浏览器会先检查强缓存,如果命中直接使用,没有则进入下一步。3.DNS解析由于输入的是域名,数据包是通过IP地址传给对方的。因此我们需要得...

2019-12-16 16:59:21 217

原创 关于PDF.js使用

PDF.js使用方法一. 到官网下载 pdf.js 插件并解压 (地址:http://mozilla.github.io/pdf.js/ )二: 选择稳定版 下载三: 下载至本地四 :解压, 创建PDF.js文件夹 并将刚解压的文件放入其中;五.将 PDF.js 文件夹 上传到项目服务器根目录下六. 使用 pdf.js 显示 pdf 文件1.打开浏览器 新建一个 标签页 输入...

2019-11-06 10:52:49 748

转载 js的点击方法

Javascript中点击(click)事件的3种写法方法一消除事件:btn.οnclick=null;方法二:方法三

2019-08-17 15:42:05 1423

原创 Vue入门心得

**Vue入门**1,首先Vue它是通过数据的双向绑定,数据流来传递数据的。2,它有很多的语法和语法糖,比如v-on , v-if , v-for , v-text==={{}},v-bind,v-model,v-show,v-htmlv-html和v-text的区别:•特别注意的是v-model是用在表单,,3,在Vue里有一个重要的思想就是组件化,每一个可视化界面甚至小到一个按...

2019-08-16 14:09:27 201

空空如也

空空如也

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

TA关注的人

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