- 博客(50)
- 收藏
- 关注
RSS订阅原创 本地项目关联远程git仓库
解决方法： 执行 git pull --allow-unrelated-histories。背景：更新已有git仓库 关联到 已有的远程仓库。git pull时可能会遇到的错。
2023-05-24 17:15:41
902
原创 node-sass依赖安装错误
首先看下node版本和项目中依赖版本的对应关系：我的package.json中 [email protected]。但是我的node版本是v16+. 导致错误 重新安装node14.16.0版本 解决问题！
2022-03-14 19:23:08
289
原创 项目指定域名
解决问题：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
1365
原创 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
2908
原创 前端上传图片（压缩）
解决思路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
315
原创 husky搭配lint-staged 检查eslint 约束问题代码提交
背景，新写的代码中如果有代码异味 开发前期会提交上，后期再去解决，添加之后我们可以顺手就解决了 避免出现二次回顾修复异味的情况 提高每次commit的质量husky：安装husky时hooks会被添加到当前项目目录下的 .git > hooks 文件夹中。lint-staged:搭配使用，只检查当前变更文件下的语法，会更快一些，不会全部执行husky的包说明中有相关版本的要求(每个husky版本对node和git的要求版本不同，此例为[email protected]的要求)Exis...
2021-05-10 14:21:53
928
原创 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
1115
原创 微信小程序设置swiper圆角ios上失效
效果，在模拟工具上是有效果的，真机上没有圆角解决方案：在 border-radius 后面紧接着加一个 transform: translateY(0); 来暂时解决这个问题。等待官方解决方案....
2020-09-04 10:08:21
667
原创 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
9238
4
原创 a元素href URL链接自动刷新或新窗口打开
一、需求描述希望实现这样一个功能：点击一个链接，如果这个链接浏览器已经打开过，则刷新已经打开的链接窗口；如果这个链接没有打开过，则使用新窗口打开这个链接页面。这是一个非常好的体验增强功能，可以有效避免浏览器选项卡中打开重复多余的页面。如何实现呢？其实很简单，并不需要JS的参与，HTML本身特性就可以实现这样的需求。二、你可能不知道的target属性特性无论是<a>...
2019-12-24 14:41:53
1479
原创 vuex模块化之modules
### 一、介绍modulesVuex中State使用是单一状态树结构，应该的所有的状态都放在state里面，项目比较复杂，那么state是一个很大的对象，store对象也将对变得非常大，难于管理。modules：可以让每一个模块拥有自己的state、mutation、action、getters,使得结构非常清晰，方便管理。### 二、modules使用方法##### 1、最外层 s...
2019-12-19 21:00:31
570
转载 使用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
2622
1
原创 swiper之分页器和图片张数不一致
遇到问题：只有5张图片 下面分页器有7个点点检查原来是swiper实例化了2次导致不正确；swiper实例化一次就会新建一个下面的标签由此看出实例化2次...
2019-12-18 19:35:28
2395
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
7023
4
原创 移动端手写签名
背景：在钉钉环境钉钉浏览器中实现签名，模拟横屏签名签字板使用的canvas，右侧按钮部分是旋转摆放到该位置的；canvas看起来像是旋转过的，实际画布未旋转，只有操作按钮进行了旋转存储canvas的时候需要存储横向的图片，此时需要做处理思路：新建一个画布将画布旋转90度，将已有画布生成的图片放到新画布上，具体实现 //...
2019-11-14 18:26:54
4438
原创 html2canvas 将html转换为图片
解决场景：将页面与用户签名合成一张图片例如：实现思路： 将第一个页面转为一个图片将第二个页面的签字转换为一张图片 重新布局一下 将合成后的html转换为canvas图片引入import html2canvas from 'html2canvas';html2canvas(document.querySelector('.voucher-detail-copy...
2019-11-14 18:11:50
533
原创 钉钉中下载图片问
先说结论：下载图片是打开一个单独的页面，手动保存本地的图片base64直接下载，不生效，base64转为blob对象下载，不生效；解决方法：该图片上传到阿里云，然后使用链接下载；/** * 在本地进行文件保存 * @param {String} content 要保存到本地的图片数据 base64 * @param {String} fileName 文件名 */ ...
2019-11-14 17:59:52
3855
原创 ssh登录：Host key verification failed.
访问远程服务器时遇到问题：解决方法：ssh-keygen -R 服务器网址解决~~~~~~~
2019-05-09 19:46:42
265
原创 修改elment-ui开关组件样式
实现：由于时间原因 没有自己进行这种小组件的封装 直接拿elment-ui的开关组件默认样式：修改css样式： /deep/.el-switch__core{ height: 22px !important; line-height: 22px !important; ...
2019-05-09 15:59:12
703
原创 element-ui表格合并
实现效果：思路：找找找官网 看到一个方法:span-method="objectSpanMethod"下面是代码的实现：写两个方法1、计算出合并规则spanOneArr是一个数组 [2,0,3] 如果是2就是合并2行 0 不合并 3 合并三行2、把合并规则放进表格// 计算概览需合并行数 eachTableData () { let ...
2019-05-08 15:14:59
607
1
原创 对象深拷贝的用法
实现需求： 在弹出框中填写数据，在点击确认时 将数据添加至筛选条件 如果点击取消那么不保存填写的值思路：1、在点击确定的时候将当前对象中的值拷贝一份，在下一次点击展开卡片的时候 将拷贝的值重新赋值给 卡片绑定的对象2、在点击取消时 将之前确认时保存的备份对象 覆盖掉当然卡片绑定的对象 这时候就能确保 下一次打开卡片时数据是确认的保存的数据 而不是上一次填写的数据实现...
2019-04-29 11:55:52
445
原创 控制函数执行顺序
this.axios.post('url', params) .then((res) => { let result = res.data if (result.code === 0) { } }).then(() => { 执行想在请求成功之后 想...
2019-04-29 11:39:54
1158
原创 将对象处理成数组
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
279
原创 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
4069
原创 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
3302
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
380
转载 解析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
171
原创 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
282
原创 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
3568
原创 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
620
原创 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
6396
1
原创 原生js添加移除class方法
function addClass(element, className) { if(!new RegExp("(^|\\s)" + className + "(\\s|$)").test(element.className)) element.className += ' ' + className;}function removeClass(element, cl...
2018-12-19 15:20:49
2876
原创 vue+mintUI中picker的总结
总结：这里的原因应该是触发change事件中执行了给第二列赋值的函数，是在函数中用voucherType[1].values=xxx进行赋值，一开始以为是这样赋值的原因，后来改为this.$refs.xxx.setSoltValues=xxx进行赋值，数据不会覆盖了，change事件中的值和实际选中的值是一一对应的，然后第一列的数据在初始化的时候默认选中第一个，第二列的展示的数据，根据监视第一...
2018-12-04 16:37:40
1109
原创 vue上传图片组件formData发送file对象问题
因为本次图片要求比较完整，所以直接传原图给后台，根据返回路径进行展示，利用的input中的file，而给后台传的参数是file对象，遇到问题，实例化出来的formData对象传不过去，let formData = new FormData() // 创建form对象 formData.append('file', file);this.oldFile = file sel...
2018-12-04 16:34:17
12246
4
原创 vuex管理状态 刷新页面保持不被清空
mutation文件import { RECEIVE_PUBLICHTIT} from './mutation-types'//保证刷新页面数据不消失*function storeLocalStore (state) { window.localStorage.setItem("publicTit",JSON.stringify(state));}export defa...
2018-10-16 10:24:29
4126
原创 路由守卫
1、路由导航流程解析路由导航开始 ： 在当前路由调用beforeRouterLeave - > 调用beforeEach 在重用组件中 : 调用beforeRouteUpdate - > 调用beforeEnter解析异步路由组件 ： 在被激活的路由组件里调用beforeRouteEnter - > 调用beforeResolve 导航被确认 ： ...
2018-09-29 17:34:28
2999
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人