自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 webpack打包过程如何调试(浏览器)

1.安装inspect-brknpminstall--save-devinspect-brk2.假设我们的需求是想调试项目文件夹下的webpack配置文件:webpack.config.js在当前webpack项目工程文件夹下面,执行命令行:node --inspect-brk ./node_modules/webpack/bin/webpack.js --inline --progress其中参数--inspect-brk就是以调试模式启动node:会观察到输出:Deb...

2020-08-09 09:33:52 35

原创 如何判断当前代码是运行在浏览器还是node环境中

通过判断Global对象是否为window,如果不为window,则当前脚本运行在node.js环境中。​​​​​​​<script> this === window ? console.log('browser') : console.log('node');</script>

2020-07-22 10:42:46 469

原创 如何清除微信公众号的缓存

安卓手机:在微信随便打开一个聊天窗口打开网址(打开debug 调试页面):debugx5.qq.com拉到调试页面的最底端,勾选上所有的缓存项目,点击清除。苹果手机:我的-设置-通用-存储空间-缓存清理 ...

2020-07-16 15:07:45 141

原创 微信小程序request:fail 对应的服务器证书无效

解决方法有两种:方法一:只适合开发中把「不校验合法域名、web-view(业务域名)、TLS版本以及HTTPS证书」钩上即可方法二:适合开发和线上小程序 到腾讯云上,SSL证书管理,可以申请一个免费的证书,申请好了放到nginx配置中,验证可以通过。...

2020-06-30 14:54:49 555

原创 微信小程序 不在合法域名列表中

此时,我们需要在 在 「小程序后台-开发-开发设置-服务器域名」 中进行配置 request合法域名(uploadFile合法域名也同样道理)。配置完成后,我们可以在微信开发者工具中,可以看到我们的配置已成功:...

2020-06-30 14:43:34 136

原创 Nginx解决VUE的history模式下刷新404

原配置: location / { root /root/jxiaoshuai-blog-demo/; index index.html index.htm; }使用try_files解决:location / { root /root/jxiaoshuai-blog-demo/; index index.html index.htm; try_files $uri $uri/ /index.html;}...

2020-06-29 18:28:49 80

原创 解决github访问速度慢

1. 修改本地hosts文件windows系统的hosts文件的位置如下:C:\Windows\System32\drivers\etc\hostsmac/linux系统的hosts文件的位置如下:/etc/hosts2.输入github相关配置,F12可以看到相应的ip地址140.82.112.3 github.com185.199.110.153 github.io...

2020-06-25 22:24:20 255

原创 Jenkins的安装、部署、启动(vue项目)

环境:Linux :centos上安装jenkins及配置1.首先要安装jdk,此处略2.安装Jenkins//1.导入镜像:wget -O /etc/yum.repos.d/jenkins.repo http://pkg.jenkins-ci.org/redhat/jenkins.repo//2.导入公钥rpm --import https://jenkins-ci.org/redhat/jenkins-ci.org.key //3.安装yum install jenkins.

2020-06-23 19:28:37 195

原创 vue项目版本更新后文件存在缓存问题解决方案(vue-cli2.0/vue-cli3.0)

vue-cli2.01.配置webpack.prod.conf.js 配置output加t=[chunkhash:8]相当于加时间戳,用于清缓存output: { path: config.build.assetsRoot, filename: utils.assetsPath('js/[name].[chunkhash].js?t=[chunkhash:8]'), chunkFilename: utils.assetsPath('js/[id].[chunkhas..

2020-06-18 16:58:35 388

原创 vue项目首次打开加载速度慢的优化方案

一、路由懒加载(必须的)️vue-cli 3.0 模式就使用了Babel,我们需要添加syntax-dynamic-import插件,才能使 Babel 可以正确地解析语法。// 安装插件 syntax-dynamic-importcnpm install --save-dev @babel/plugin-syntax-dynamic-import// 修改babel.config.jsmodule.exports = { "presets": [ "@vue/app" ..

2020-06-18 14:57:45 188

原创 vue微信公众号获取当前省市区详细地址

1.获取签名,调用微信api进行位置信息授权获取当前经纬度2.火星经纬度转百度经纬度3.利用百度api转化成对应的省市区详细地址(这里要注意,我们需要引入百度api,及自己的密钥,<script type="text/javascript" src="//api.map.baidu.com/api?v=3.0&ak=自己的密钥"></script>)wxAddress() { let that = this; let u = navi

2020-05-27 10:52:29 200

原创 ios中mint-ui picker滑动时页面跟着滚动的解决方法

由于 Picker 组件的滚动是用 touch 事件 + translate 实现的,所以我们可以在 Picker 弹层出现的时候禁止页面的默认滚动机制,Picker 弹层消失时解除禁用页面的默认滚动机制解决方案:data () { return { /*---------监听函数--------------*/ handler:function(e){e.preve...

2020-04-27 17:14:39 170

原创 Nginx 入门

Nginx是什么?Nginx 是一款轻量级的 HTTP 服务器,采用事件驱动的异步非阻塞处理方式框架,这让其具有极好的 IO 性能,时常用于服务端的反向代理和负载均衡1.安装yum install nginx2.查看版本号nginx -V3.启动相关命令(1)启动 Nginx:启动代码格式:nginx安装目录地址 -c nginx配置文件地址(2)停止...

2020-04-17 15:26:53 95

原创 js中CMYK格式的图片上传失败,解释

CMYK和RGB的区别:两者在性质上不同:RGB是显示器显示的颜色,而且CMYK是印刷用的颜色js中我们在做图片上传时候,会出现CMYC的上传回显失败问题。所以要注意一下。要上传rgb格式图片。...

2020-04-17 11:45:09 153

原创 微信小程序授权(uniapp)

首先在App.vue中加onLaunch方法:onLaunch 当uni-app初始化完成时触发(全局只触发一次) <script>export default { onLaunch: function() { if (!uni.getStorageSync('token')) { uni.navigateTo({ url:'/pages/...

2020-04-17 10:29:46 193

原创 vue(scoped)修改UI库组件样式

vue修改第三方UI库组件样式在工作中经常会碰见设计稿和UI库的组件样式不一样,在style标签加了scoped,就无法修改UI组件的样式了,因为当前组件样式只应用到这个组件上。深度作用选择器如果你想修改组件的样式就可以使用 >>> 操作符:<style scoped>.a >>> .b { /* ... */ }</styl...

2020-04-16 14:33:28 116

原创 JavaScript 错误 - throw、try 和 catch

try语句测试代码块的错误。catch语句处理错误。throw语句创建自定义错误。finally语句在 try 和 catch 语句之后,无论是否有触发异常,该语句都会执行。JavaScript try 和 catchtry语句允许我们定义在执行时进行错误测试的代码块。catch语句允许我们定义当 try 代码块发生错误时,所执行的代码块。JavaScript 语句tr...

2020-04-15 15:56:08 77

原创 解决node版本降级--运用nvm(windows下)

1.首先下载nvm的安装包;https://github.com/coreybutler/nvm-windows/releases 下载nvm-setup.zip 安装。下载后直接双击运行nvm-setup.exe2.重新打开一个新的命令行窗口3.nvm使用nvm list 查看已安装的node版本列表。nvm use 8.16.0 切换node版本到8.16.0版本。nvm i...

2020-04-15 14:24:40 349

原创 vue页面title问题(微信公众号)

一般来说vue单页面应用的title在index.html中设置,但是一旦设置就是唯一了,对此有了以下需求:需要实现不同的页面对应不同的title。我们可以用router.beforeEach 来实现router.js{ path: '/personal', component: () => import('../view/home.vue'), ...

2020-04-14 14:43:21 178

原创 移动端微信浏览器字体放大导致布局错乱的解决方案

IOS中css设置:body{ -webkit-text-size-adjust: 100% ;}Android中js设置:(function() { if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") { handleFont...

2020-04-07 20:30:15 305

原创 毛玻璃效果

其实毛玻璃的模糊效果技术只是用到了 css 滤镜(filter)中的 blur 属性html<body> <div class="content"> <div class="info"> <p>其实毛玻璃的模糊效果技术只是用到了 css 滤镜(filter)中的 blur 属性</p> ...

2020-04-07 15:47:19 114

原创 哀悼日网站全站变灰

全网站变灰,我们可以使用css的filter属性。<style type="text/css"> html { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter...

2020-04-07 14:54:02 164

原创 js中火星坐标、百度坐标、WGS84坐标转换

//定义一些常量var x_PI = 3.14159265358979324 * 3000.0 / 180.0;var PI = 3.1415926535897932384626;var a = 6378245.0;var ee = 0.00669342162296594323;/** * 百度坐标系 (BD-09) 与 火星坐标系 (GCJ-02)的转换 * 即 百度 转 ...

2020-02-21 13:44:50 362

转载 如何优雅的使用VUE? 如何让自己与刚学vue的人拉开差距呢?

本文会从以下三个方面,来进阶我们对vue的运用能力组件 : 全局组件注册 Render函数 : 拯救繁乱的template Vue权限控制 : 高精度全局权限控制1 -「全局组件注册」组件是我们非常常用的东西,很多人使用组件都是通过一个一个文件去引用和注册。如果一个组件在整个项目里面的使用次数较多,每一次使用都需要引用并注册,就会显得特别麻烦一般组件应用弊端 傻瓜式,...

2020-02-16 15:25:42 168

原创 微信浏览器调整字体后,页面错位

阻止页面字体自动调整大小// 安卓:(function() { if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") { handleFontSize(); } else { if (document.addEventListener)...

2020-01-13 18:01:35 122

原创 vue指令解决ios微信打开网页键盘弹起后页面上滑,导致弹框里的按钮响应区域错位

import Vue from 'vue';Vue.directive('blur', { 'bind'(el) { el.addEventListener("click", function(){ window.scrollTo(0,0); }) }}); //在点击页面提交按钮的时候,把滚动条滚到底部就OK了...

2020-01-13 17:56:56 274

原创 微信小程序刷新当前页面

在小程序开发过程中遇到授权(授权完成后刷新当前页面)或者提交表单(重置当前页面),关键代码如下:if (getCurrentPages().length != 0) { getCurrentPages()[getCurrentPages().length - 1].onLoad()}首先判断当前页面加载的所有页面的数组,数组中最后一个就是当前页面,然后onLoad()方法刷新当前...

2019-12-30 17:11:47 305

原创 uniapp中map地图的使用以及获取可视范围的数据

如何获取可视范围的数据呢?首先我们要捕获到地图对角线的经纬度。我们可以用uniapp自带uni.createMapContext(mapId,this)来获取regionchange(){letmap=uni.createMapContext('map');map.getRegion({success:res=>{...

2019-12-28 11:39:36 1553

原创 js获取当前时间的前一天/后一天

let curDate = new Date();var preDate = new Date(curDate.getTime() - 24*60*60*1000); //前一天var nextDate = new Date(curDate.getTime() + 24*60*60*1000); //后一天

2019-12-26 14:08:52 68

原创 地图获取当前地理坐标有偏差

地图获取当前地理坐标有偏差,原因如下:WGS-84:GPS坐标系GCJ-02:火星坐标系,国测局02年发布的坐标体系,高德,腾讯等使用。BD-09:百度坐标系,百度自研,百度地图使用。...

2019-12-24 11:39:10 87

原创 uni-app小程序中swiper图片不显示

<view class="swiper_img"> <uni-swiper-dot :info="info" :current="current" :mode="mode" field="content"> <swiper class="swiper-box" @change="change" :autoplay="true" :interval="300...

2019-12-11 14:42:36 1424

原创 uni-app小程序中背景图片找不到

一开始我按照普通css的背景图片写法,导致图片找不到。后来查看uni-app官网,找到了解决方案:但是,这种方式在小程序中,还是无法显示,怎么办呢?1.首先,我在js中导入图片import indexBackgroundImage from "@/static/home.png"2.在data中定义data() { return { indexB...

2019-12-11 14:36:44 726

原创 vue_cli3 打包时取消.map

解决方案在vue.config.js中module.export = {}中加入一行productionSourceMap: false,这样虽然对带宽很友好,但是调试起来就不是那么轻松了。我们在代码出错的时候,肯定最希望能定位其在源码中的位置。所以个人感觉还是有必要保留的。...

2019-12-08 17:51:18 926

原创 vue-cli3 取消eslint 校验代码

修改package.json文件,把“@vue/prettier” 删掉即可"eslintConfig": { "root": true, "env": { "node": true }, "extends": [ "plugin:vue/essential", "@vue/prettier" ], "ru...

2019-12-08 17:43:15 85

原创 使用nginx配置一级域名和多个二级域名

一级域名:http://www.jhappylife.cn二级域名:http://blog.jhappylife.cn二级域名:http://blogadmin.jhappylife.cn1.首先,需要域名解析,添加记录。下图是我配置的添加的记录。2.准备好3个项目上传到服务器相应的目录3.配置nginxvim /usr/local/nginx/conf/nginx.co...

2019-10-13 00:50:10 529

原创 腾讯云服务器如何重装系统

1.登录云主机的管理页面,点击“控制台”2.点击红框勾选的云服务器按钮3.在目标主机上,点击“更多”->“重装系统”5.选择红框标注的按钮,输入密码,点击“开始重装”即可...

2019-09-14 15:35:12 1011

原创 Linux下jdk和Tomcat的安装配置

Linux下Tomcat的安装配置安装tomcat前首先要安装对应的jdk并配置Java环境。安装JDK1.进入/usr文件夹,创建java文件夹mkdir java2.使用wget命令下载jdk(当然也可以直接下载tar包解压,tomcat举例子下载tar包解压)wget --no-cookies --no-check-certificate --header"C...

2019-09-14 13:57:47 168

原创 nodejs项目部署到腾讯云详细步骤

安装node1.连接到服务器ssh 用户名@ip地址2.假如第一次使用服务器先更新下yum update -y3.从nodejs官网获取下载对应操作系统的连接wget https://nodejs.org/dist/v8.10.0/node-v8.10.0-linux-x64.tar.xzwget命令下载Node.js安装包。 下载完成后可以看到服务器目录下有了n...

2019-09-12 20:41:12 736 1

原创 腾讯云云数据库MySQL初始化

云数据库初始化(前提是我已经购买)1、进入腾讯云控制台在左上角云产品-数据库 -云数据库Mysql进入MySQL-实例列表2、我们在MySQL实例列表中看到我们购买数据库状态是未初始化的,单击初始化对要操作的 MySQL 实例执行初始化等待一会,初始化操作成功。MySQL 实例的状态将变为“运行中”...

2019-09-12 18:30:59 183

原创 nginx配置多个前端项目

实现通过域名+项目名的方式访问不同前端项目两个项目的目录分别是:root/www/ 和 root/jxiaoshuai-blog-demo/ 下面nginx配置用了root 和alias两种方式location / { root /root/jxiaoshuai-blog-demo/; index index.html index.htm;}lo...

2019-09-12 17:08:09 1818

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