- 博客(16)
- 收藏
- 关注
RSS订阅原创 log4js+pm2使用，问题总结
log4js入门，log4js结合pm2使用，结合pm2常见问题，log4js日志文件出现[32m 和 [39m
2023-09-15 19:30:09
343
2
原创 结合git在提交代码前进行eslint检测
背景：管理团队代码规范，需要对团队成员提交的代码进行校验。结合git在提交代码前进行检测，前提是你已经安装了eslint，并且对规则有了一定的配置。GitHub地址https://github.com/okonet/lint-staged使用 lint-staged插件npx mrm@2 lint-staged安装后会有两个包husky (起到git拦截作用，类似于拦截器)lint-staged (commit之前拿到暂存区的代码进行代码检测)会多一条命令“prepare”: “husky i
2022-07-08 18:53:27
1880
1
原创 vue项目实现git提交前进行commit规范校验
背景：因团队代码提交不规范，所以需要对git提交的信息经行校验，也可以方便生成change log。安装项目根新建配置文件commitlint.config.js注意：使用 commitlint 时报错：commitlint.config.js:1 SyntaxError: Invalid or unexpected token原来是因为用 echo “module.exports = {extends: [‘@commitlint/config-conventional’]}” > commi
2022-07-08 18:30:36
1248
原创 vue eslint报错还能编译成功(检测不到eslin错误，不会把eslint错误输出到浏览器中)
vue2项目由vue-cli创建，eslint检测出错误及警告，但是不会终止编译，不会把错误输出在浏览器中，在此之前eslint已经开启，配置一切正常。下图是正常情况，会终止编译，并把错误输出在浏览器中。检查eslin以及cli插件的版本，初步判单是因为版本问题导致。下面给出我升级后的版本，切记没必要升级到最新版本“@vue/cli-plugin-babel”: “^3.11.0” 升级=>“@vue/cli-plugin-babel”: “^4.1.1” ,“@vue/cli-plugin-e
2022-07-07 18:28:00
1537
原创 微信小程序生成跳转体验版二维码
使用场景为了配合测试需要生成体验版二维码跳转到指定页面方案1：1.上传小程序，选为体验版2. 将连接 https://open.weixin.qq.com/sns/getexpappinfo?appid=****&path=*** 生成二维码，可以通过一些第三方工具将这串连接生成二维码，微信扫码就会跳转到指定页面。参数名描述appid小程序idpath页面路径，如 pages/index/index.html，注意格式为小程序路口+.html方案2：
2021-07-25 10:44:35
10658
原创 前端获取定位信息的方法
方法1通过h5 geolocation.getCurrentPosition()获取位置信息弊端：不能静默获取，需要客户端同意授权需要在https协议中使用，本地文件不行需要设备有GPS功能才能准确定位function success (position) { console.log(position)}function error (error) { console.error(error)}function h5Geolocation () { if (window.
2021-07-20 15:01:29
2950
原创 videojs 在vue中使用，解决手机端全屏问题
1. 封装 VideoPlayer.vue 组件<template> <div> <video class="video-js vjs-big-play-centered" ref="videoPlayer"></video> </div></template><script> impo...
2020-03-19 16:12:15
5853
原创 Setting Sync 备份vscode插件
插件备份一直都是很头痛的事,有些教程写的不是很详细,这次来详细说一下1.下载 Setting Sync2.登陆GitHub输入快捷键后会弹出浏览器,在GitHub上登录账号3.上传Shift + Alt + U 快捷键上传上传成功后，记住 sync.gist就是这一串4.在新设备上同步在此之前需要下载 Setting Sync 插件输入同步的快捷键 Shift +...
2019-11-26 16:34:18
330
原创 小程序修改时间选择器组件
目的:在实际开发中,小程序提供的picker时间选择器无法修改样式,这可能与项目整体的风格不一致,因此借助小程序picker-view实现自定义样式的时间选择器功能:支持默认时间,初始值是当天,根据选择的不同年月日限制可选值(因为大小月平年闰年天数不一样)直接将下面代码复制即可直接使用PropsdefaultValue:string(2019-10-15)默认值:当前时间Even...
2019-11-05 15:03:44
734
原创 小程序中解决图片旋转问题
在一些相机设备中因手持方向的原因导致图片会有一个旋转角度，在图片加载后旋转角度被忽略了，导致图片看过去是旋转的，小程序中不需要借助任何工具获取图片信息，通过wx.getImageInfo()获取orientationorientation值有四个up 不需要旋转down 旋转180度left 旋转270度right 旋转90度小程序中处理图片旋转条件需要在wxml...
2019-10-16 21:20:28
4910
原创 前端解决图片在浏览器中旋转问题
在开始之前需要了解为什么在浏览器中图片会自动旋转，在一些相机设备中因手持方向的原因导致图片会有一个旋转角度，在浏览器中旋转角度被忽略了，导致图片看过去是旋转的图片旋转如下如图1 正常6 旋转90°8 旋转-90°3 旋转180°既然知道了图片需要旋转的角度，那么只需要通过canvas旋转并绘制图片，然后将图片输出就行，这里需要借助exif-js获取图片的源信息，只需要判断 Orie...
2019-10-16 16:03:07
5157
1
原创 小程序中修改button样式
下面注意添加 hover-class 用于修改按压下去的样式 <button disabled="{{submitDisabled}}" class="submit-button" hover-class="button-hover">提交</button> /*正常样式*/.submit-button { color: white; background...
2019-10-11 15:10:36
868
原创 react插件之redux-thunk
安装 npm install redux-thunk -S作用：增强redux的功能，让redux中dispatch()可以派发一个函数，可以把函数抽离出来以便其他地方使用项目结构// 在store全局状态下 // index.js// 原本只需要引入一个createStore，现在需要引入applyMiddleware(类似于中间件)import { createStore, ap...
2019-08-22 15:03:15
210
原创 浏览器插件 Redux DevTools 查看redux状态
// 需要配合代码实现// 需要多引入一个 composeimport {createStore, applyMiddleware, compose} from 'redux'import thunk from 'redux-thunk'import reducer from './modules'const composeEnhancers = window.__REDUX_DEVT...
2019-08-22 14:58:35
1259
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人