WwangXue-优快云博客

解决问题：1、项目分为个人中心和其他部分其中个人中心路由是/me开头的的。另一个项目是 / 经常联调的时候要启用2个项目而且不能互相跳转使用nginx代理后直接访问配置的server name 可实现2个项目跳转无需复制url这种繁杂的操作配置nginx.conf文件#user nobody;worker_processes 3;events { worker_connections 1024;}http { #gzip ...

2021-12-20 15:59:10 1431

原创 mac安装nginx

准备工作安装工具：homebrew1、检查nginx是否存在brew search nginx2、重要！后面配置方便很多brew info nginx可以看到，nginx在本地还未安装（Not installed），nginx的来源（From），Docroot默认为/opt/homebrew/var/www，在/opt/homebrew/etc/nginx/nginx.conf配置文件中默认端口被配置为8080从而使nginx运行时不需要加sudo，ngin...

2021-12-20 15:54:28 3029

原创火狐中页面返回不刷新使用pageshow解决

1、解决方法。监听pageshow 页面路径，指定需要强制刷新页面使用消息订阅发布处理

2021-12-20 15:16:38 399

原创前端上传图片（压缩）

解决思路1、file转换为img （base64当作src给img对象）2、img对象画在canvas上 3、将canvas转为bolb对象（图片）4、上传bolb文件// 压缩前将file转换成img对象function readImg(file) { return new Promise((resolve, reject) => { const img = new Image() const reader = new FileReader() reader.onlo.

2021-11-28 11:41:35 383

原创 husky搭配lint-staged 检查eslint 约束问题代码提交

背景，新写的代码中如果有代码异味开发前期会提交上，后期再去解决，添加之后我们可以顺手就解决了避免出现二次回顾修复异味的情况提高每次commit的质量husky：安装husky时hooks会被添加到当前项目目录下的 .git > hooks 文件夹中。lint-staged:搭配使用，只检查当前变更文件下的语法，会更快一些，不会全部执行husky的包说明中有相关版本的要求(每个husky版本对node和git的要求版本不同，此例为husky@4.3.0的要求)Exis...

2021-05-10 14:21:53 1010

原创 mac安装nvm, nvm升级node

1、安装nvmcurl -o- https://raw.githubusercontent.com/creationix/nvm/v0.30.2/install.sh | bash2、此时nvm就被安装在了~/.nvm下编辑器打开~/.bash_profilevi ./.bash_profile 文件尾部输入这一步的作用是每次新打开一个bash，nvm都会被自动添加到环境变量中了。 export NVM_DIR="$HOME/.nvm"[ -s "$NVM_DIR...

2021-03-25 14:53:29 1322

原创微信小程序设置swiper圆角ios上失效

效果，在模拟工具上是有效果的，真机上没有圆角解决方案：在 border-radius 后面紧接着加一个 transform: translateY(0); 来暂时解决这个问题。等待官方解决方案....

2020-09-04 10:08:21 737

原创 mac vscode 每次修改文件时提示没有权限问题

问题：Failed to save 'index.jsx': Insufficient permissions. Select 'Retry as Sudo' to retry as superuser.解决方法：sudo chown -R 当前用户需要操作的文件夹路径我设置了全部文件懒得找文件夹去设置了...

2020-02-03 17:37:09 9773 4

原创 a元素href URL链接自动刷新或新窗口打开

一、需求描述希望实现这样一个功能：点击一个链接，如果这个链接浏览器已经打开过，则刷新已经打开的链接窗口；如果这个链接没有打开过，则使用新窗口打开这个链接页面。这是一个非常好的体验增强功能，可以有效避免浏览器选项卡中打开重复多余的页面。如何实现呢？其实很简单，并不需要JS的参与，HTML本身特性就可以实现这样的需求。二、你可能不知道的target属性特性无论是<a&gt...

2019-12-24 14:41:53 1624

原创 vuex模块化之modules

### 一、介绍modulesVuex中State使用是单一状态树结构，应该的所有的状态都放在state里面，项目比较复杂，那么state是一个很大的对象，store对象也将对变得非常大，难于管理。modules：可以让每一个模块拥有自己的state、mutation、action、getters,使得结构非常清晰，方便管理。### 二、modules使用方法##### 1、最外层 s...

2019-12-19 21:00:31 680

转载使用vue移动端框架vantUi 根字体是37.5 和默认根字体75不一致，导致组件样式变小

1、不用px2rem-loader和lib-flexible搭配，而是使用：lib-flexible和postcss-pxtorem搭配，因为lib-flexible和postcss-pxtorem里面有一个过滤功能，可以让我们过滤掉以van开头的样式：在引入的postcssrc.js里面设置：module.exports={　　plugins:{　　　　····,　　　　'postcs...

2019-12-18 20:03:07 2768 1

原创 swiper之分页器和图片张数不一致

遇到问题：只有5张图片下面分页器有7个点点检查原来是swiper实例化了2次导致不正确；swiper实例化一次就会新建一个下面的标签由此看出实例化2次...

2019-12-18 19:35:28 2564 1

原创 Error: EACCES: permission denied, open '/Users/xxx/

今天克隆代码后直接npm install 下载依赖提示错误信息：Error: EACCES: permission denied, open '/Users/xxx/找了不知道是为什么，解决办法如下我的已经解决了这里的 $username 就是你的电脑的用户名解决了！白白浪费时间！在这里记录一下sudo chown -R $username ~/.npmsudo chow...

2019-12-18 17:57:54 7440 4

原创移动端手写签名

背景：在钉钉环境钉钉浏览器中实现签名，模拟横屏签名签字板使用的canvas，右侧按钮部分是旋转摆放到该位置的；canvas看起来像是旋转过的，实际画布未旋转，只有操作按钮进行了旋转存储canvas的时候需要存储横向的图片，此时需要做处理思路：新建一个画布将画布旋转90度，将已有画布生成的图片放到新画布上，具体实现 //...

2019-11-14 18:26:54 4518

原创 html2canvas 将html转换为图片

解决场景：将页面与用户签名合成一张图片例如：实现思路：将第一个页面转为一个图片将第二个页面的签字转换为一张图片重新布局一下将合成后的html转换为canvas图片引入import html2canvas from 'html2canvas';html2canvas(document.querySelector('.voucher-detail-copy...

2019-11-14 18:11:50 589

原创钉钉中下载图片问

先说结论：下载图片是打开一个单独的页面，手动保存本地的图片base64直接下载，不生效，base64转为blob对象下载，不生效；解决方法：该图片上传到阿里云，然后使用链接下载；/** * 在本地进行文件保存 * @param {String} content 要保存到本地的图片数据 base64 * @param {String} fileName 文件名 */ ...

2019-11-14 17:59:52 3990

原创 vue数据更新视图不更新问题

vm(vue实例对象).$forceUpdate();

2019-07-08 14:04:29 590

原创 ssh登录：Host key verification failed.

访问远程服务器时遇到问题：解决方法：ssh-keygen -R 服务器网址解决~~~~~~~

2019-05-09 19:46:42 333

原创修改elment-ui开关组件样式

实现：由于时间原因没有自己进行这种小组件的封装直接拿elment-ui的开关组件默认样式：修改css样式： /deep/.el-switch__core{ height: 22px !important; line-height: 22px !important; ...

2019-05-09 15:59:12 747

原创 element-ui表格合并

实现效果：思路：找找找官网看到一个方法:span-method="objectSpanMethod"下面是代码的实现：写两个方法1、计算出合并规则spanOneArr是一个数组 [2,0,3] 如果是2就是合并2行 0 不合并 3 合并三行2、把合并规则放进表格// 计算概览需合并行数 eachTableData () { let ...

2019-05-08 15:14:59 664 1

原创对象深拷贝的用法

实现需求：在弹出框中填写数据，在点击确认时将数据添加至筛选条件如果点击取消那么不保存填写的值思路：1、在点击确定的时候将当前对象中的值拷贝一份，在下一次点击展开卡片的时候将拷贝的值重新赋值给卡片绑定的对象2、在点击取消时将之前确认时保存的备份对象覆盖掉当然卡片绑定的对象这时候就能确保下一次打开卡片时数据是确认的保存的数据而不是上一次填写的数据实现...

2019-04-29 11:55:52 495

原创控制函数执行顺序

this.axios.post('url', params) .then((res) => { let result = res.data if (result.code === 0) { } }).then(() => { 执行想在请求成功之后想...

2019-04-29 11:39:54 1206

原创将对象处理成数组

let obj={"0":[1,2,3],"1":[1,2,3,4,5]}var arr=[]for(let i in obj){ arr.push(obj[i])}console.log(arr)

2019-04-28 10:23:13 319

原创 vue根据url生成二维码

html部分<div id="qrcode" ref="qrcode"></div>js部分import QRCode from 'qrcodejs2'// 生成二维码this.qrcode = new QRCode('qrcode', { text: url链接, width: 220, ...

2019-04-27 14:24:33 4123

原创 vue项目弹窗中使用百度地图

使用场景：点击出现弹窗中显示该小区在地图中的位置父组件中引用：<Map v-if="this.showMap" @closeDialog="closeDialog" :project_id="it.project_id" :project_name="it.project_name"></Map>地图组件：<template&...

2019-03-28 14:14:27 3423 2

转载 vue-cli 3.0 安装

一、安装vue-cli 脚手架命令npm install -g @vue/cli 适用于vue-cli 3.0卸载命令：npm uninstall -g @vue/cli二、初次安装 vue-cli 3.0 步骤：1、全局安装vue-cli 3.0 脚手架npm install -g @vue/cli2、创建项目文件夹（文件夹名必须写）vue create demo...

2019-02-14 18:34:02 431

转载解析vue2.0的diff算法

目录前言 virtual dom 分析diff 总结前言vue2.0加入了virtual dom，有向react靠拢的意思。vue的diff位于patch.js文件中，我的一个小框架aoy也同样使用此算法，该算法来源于snabbdom，复杂度为O(n)。了解diff过程可以让我们更高效的使用框架。本文力求以图文并茂的方式来讲明这个diff的过程。转载https://gith...

2019-01-23 16:34:16 207

原创 Jquery插件价格拖动效果

先上一个效果图<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head&g..

2019-01-16 14:00:31 327

原创 Git多版本同时开发合并上线问题

例如：一个项目同时有两个需求是并行开发的分支a和分支b情况：1、分支a需求开发完毕后，准备上线，那么把a分支上的代码合并到master主分支上，正常上线2、把master分支上的代码合并到b分支继续开发（保证b分支涵盖a分支上线以后的最新代码），b分支需求开发完毕后准备上线，此时把b分支合并到master分支上进行上线，3、如果线上a版本合并到的master分支有bug，那么新...

2019-01-15 14:44:56 3713

原创 axios拦截器

// POST传参序列化(添加请求拦截器)axios.interceptors.request.use((config) => { var token = sessionStorage.getItem('token'); if(token){ // 判断是否存在token，如果存在的话，则每个http header都加上token axios...

2018-12-29 17:04:18 669

原创 moment转换时间戳

组件中用法： <div class="time">{{rating.rateTime | date-format}}</div> filter文件的index.js文件import Vue from 'vue'import moment from 'moment'// 定义一个自定义过滤器Vue.filter('date-format', func...

2018-12-28 17:45:11 6497 1

空空如也

空空如也