qq_37672347的博客

原创 前端开发规范

前端开发规范链接地址

原创 【紧跟开发系列】 了解前端微服务架构【知乎摘录】

1、 前端为什么需要微服务？a) 目前大多数应用中，各模块的功能划分清晰，特别是不同页面间的功能，基本可以分割开，而类似的功能在不同的应用中也经常出现，为此，前端花了很多功夫在重复的模块上b) 对于快速变化的市场，需要短时间内出demo或产品，而微服务的存在，可以快速组合应用，应对市场需求，类似阿里飞冰的拖拽应用c) 后端的微服务往往只考虑后端应用的实际情况，很多接口提供的数据并不适合前端进行UI展示，前端需要处理大量的逻辑，以适配界面，久而久之，前端逻辑繁重，代码难于维护d) 前端需要支撑不同的终

原创 git commit message、合并规则

git commit message 规则feat：新功能（feature）。fix/to：修复bug，可以是QA发现的BUG，也可以是研发自己发现的BUG。fix：产生diff并自动修复此问题。适合于一次提交直接修复问题to：只产生diff不自动修复此问题。适合于多次提交。最终修复问题提交时使用fixdocs：文档（documentation）。style：格式（不影响代码运行的变动）。refactor：重构（即不是新增功能，也不是修改bug的代码变动）。perf：优化相关

原创 只合并自己提交的 commit：

只合并自己提交的 commit：// 修改之前的 commit id (不包含选中的 commit id)git reset 'commit id'// 存到暂存区git stash -u （和git stash apply 0对应）or git stash (和git stash pop对应)// 以master为基准 创建临时分支git checkout -b feat/temp// 把暂存区修改的commit id 修改的内容 添到当前工作去（合并时有冲突解决冲突）gi

原创 node项目运行：

node项目运行：

原创 前端bug处理请注意

前端bug处理请注意一. 问题上报范围（影响核心流程的bug）二. bug解决半小时没有思路的将问题上报给小组，超过两个小时没有处理结果的负责问题的个人或组长将问题反馈到技术主管这边三. bug上线依赖资源（产品、设计、后端、测试）无法及时到位的，将问题反馈到技术主管，主管负责协调资源...

原创 紧急发布流程模板

紧急无依赖发布：功能描述1.应用：2.影响范围：3.codereview： @xxx4.测试： @xxx5.运维： @xxx6.工单：@xxx  @xxx 帮忙批一下

原创 动画css3 加购物车

https://blog.csdn.net/qq_38151401/article/details/88031634

原创 微信小程序中设置为横屏

原创 解决npm run dev的时候会打开两个浏览器页签窗口的问题

需要修改两个文件第一个文件是vue.config.js文件中 将 open：true 注释掉 或者 设为 open: false第二个文件是package.json文件中 将 “dev”: “vue-cli-service serve” 修改为：“dev”: “vue-cli-service serve --open” 即后面加上 --open...

原创 浙政钉 埋点确认 是否成功

埋点确认 是否成功浙政钉 账号登录https://yida-pro.ding.zj.gov.cn/alibaba/web/APP_VTZ4TZZSGZXB37IUIUM6/inst/homepage/#/应用标识见 各地 资料部署升级后 查询 显示相应的系统 就表示埋点设置成功。...

原创 H5 移动端调试

随着移动设备的高速发展，H5 开发也成为了 F2E 不可或缺的能力。而移动开发的重中之重就是掌握调试技巧，修 Bug 于无形。一、概要因为移动端操作系统分为iOS和Android两派，所以本文的调试技巧也会按照不同的系统来区分。寻找最合适高效的方式，才能让你事半功倍。文章会列举目前适合移动端调试的多种方案，快来选择你的最佳实践吧！二、iOS 设备Safari：iphone 调试利器，查错改样式首选，需要我们做如下设置： 浏览器设置：Safari - 偏好设置 - 高...

原创 桌面应用程序使用配置说明

桌面应用程序使用配置说明下载infosetup 制作桌面安装包 exe使用文档参考链接使用文档参考链接上面操作完成 会打包出啦一个 安装包 exe然后运行打开exe 安装提示进行安装，之后找到你的安装的根目录下 创建一个 config.json 文件 把下面的代码 粘过去（字面的字段名不可修改，字段值可以修改）{ "url": "https://www.baidu.com"}重新打开桌面应用的快捷方式 或者 在安装项目的根目录下打开 .exe文件效果图...

原创 前端 input type=“password“ 实现禁止浏览器记住账号、密码的功能

方法一 name=“zzzz” 保持一致， 多写几个input 隐藏 ， autocomplete=“off”<el-input v-show="false" name="zzzz" type="text" /><el-input v-show="false" name="zzzz" type="password" /> <el-input :key="passwordType" ref="password" v-model="loginForm.p

原创 viewer.js 图片预览放大缩小

【VUE】图片预览放大缩小插件

原创 ‘&’ 使用记录

console.log('32'&'34') // 32console.log('64'&'66') // 64console.log('128'&'130') // 128

原创 git将某分支的某次提交合并到另一分支

git将某分支的某次提交合并到另一分支代码开发的时候，有时需要把某分支（比如develop分支）的某一次提交合并到另一分支（比如master分支），这就需要用到git cherry-pick命令。首先，切换到develop分支，敲 git log 命令，查找需要合并的commit记录，比如commitID：7fcb3defff；然后，切换到master分支，使用 git cherry-pick 7fcb3defff 命令，就把该条commit记录合并到了master分支，这只是在本地合并到了ma

原创 同一个项目设置多个git地址，并最终实现一次性同时推送到到多个git地址

参考链接给origin 增加一个可以push的地址git remote set-url --add origin [email protected]:gzggithub/ssstest.git // 给origin添加一个远程push地址这样一次push就能同时push到两个地址上面git remote -v // 查看是否多了一条push地址（这个可不执行）至此，我们就可以直接一个push，同时推送到两个git地址。git push origin master -f // 如果第一次推

原创 element transfer 双击穿梭实现 (通过 render-content ）

参考链接<el-transfer v-if="reportName === 'multicol'" v-model="dfkm" :data="data" :props="props" :render-content="renderFunc" :titles="['借方展开', '贷方展开']" :button-texts="['到左边', '到右边']" />data() { return { props: { label

原创 获取数组最小值的两种方式

const tempList = [2, 3, 5, 6, 4, 3, 7, 1]// math oneMath.min.apply(null, tempList)// math twoMath.min(...tempList)

原创 js 闭包演示

var name = 'the window'; var obj = { name: 'the obj', func: function () { this.name = 'foo'; }.bind(window) } var bar = new obj.func(); console.log(bar.name)第一步，打开浏览器，第二

原创 pinch-zoom.js 修改源码

原创 vxe-table tree 展开 bug

展开// vxe-table 官网给的api$refs.xTree.setAllTreeExpand(true)// 实战中 打印出这个$refs.xTree.setAllTreeExpansion(true)

原创 vue watch监听对象变化 方法

watch: { // 监听String array activeName(val) { const value = tabOptions.filter((item) => item.name === val)[0] this.$router.push(`${this.$route.path}?name=${val}&label=${value.label}`) }, // 监听Object 方法一 formData: { handler(val)

原创 在vue项目中通过CDN方式引入政务钉钉JSAPI使用方式

<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-sc

原创 jquey colResizable.js 实现润乾报表表格拖拽

使用CDN引入<script src="https://cdn.bootcdn.net/ajax/libs/colresizable/1.6.0/colResizable-1.6.js"></script>// 润乾表格拖拽（使用前必须在润乾报表头部加一空白行，否则不起效果） $("table").colResizable({ draggingClass:"dragging", liveDrag:true, postbackSafe:true, partial

原创 Nginx http转发 https

server { listen 192.168.0.248:8097 ssl; server_name localhost; ssl_certificate 4112513_shsp.kingyi.net.pem; ssl_certificate_key 4112513_shsp.kingyi.net.key; ssl_session_cache shared:SSL:1m;

原创 获取参数function (get请求方式)

使用前可以先 console.log(window.location) 看看需要的参数在hash、search、href那个里面，然后选择使用那个// 获取参数// 使用前可以先 console.log(window.location) 看看需要的参数在hash、search、href那个里面，然后选择使用那个export const getUrlParams = (name) => { const reg = new RegExp('(^|&)' + name + '=([^&am

原创 rem使用记录

<script> window.onload = function(){ getRem(720,100) }; window.onresize = function(){ getRem(720,100) }; function getRem(pwidth,prem){ var html = document.getElementsByTagName("html")[0]; var oWidth = docum

原创 正则判断文件类型（后缀文件类型）

// 上传文件类型校验isExcel(file) { return /\.(xlsx|xls|csv)$/.test(file.name)}// 上传文件类型校验isExcel(file) { return /\.(png|jpeg|jpg|PNG|JPEG|JPG)$/.test(file.name)}

原创 A-Z-1-9 自动增加 （生成4-2-2-2-2长度的代码）

// 4-2-2-2-2 后面两位到99 字母增加export const transformNumToLetter = (num) => { // 0-1044 数值 前35位 A-Z-1-9 const letters = [ 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X

原创 计算起始日期相差几年几月几天

按时间戳计算// 计算起始日期相差几年几月几天(按时间戳算的)export const dateDiff = (date1, date2, type) => { date1 = typeof date1 === 'string' ? new Date(date1) : date1 date1 = date1.getTime() date2 = typeof date2 === 'string' ? new Date(date2) : date2 date2 = date2.getT

原创 viewer.js

参考链接

原创 前端面试题初稿

前端面试题总结

原创 反编译apk文件查看源码，获取资源

第一步：首先呢，拿到一个apk直接拿解压缩工具解压了，就能看到如下图所示的工程目录结构第二，使用dex2jar反编译dex文件下载的dex2jar的压缩包解压后，会发现这个压缩包里可不止dex2jar，还有jar2dex的反向编译等工具，然后，也将这个文件夹目录加到系统path变量中，就可以直接用:dex2jar.bat或dex2jar.sh转换dex文件了。DOS行命令如下：d2j-dex2jar.bat xx\classes.dex（xx是classes.dex文件所在的路径）。生

原创 移动端拖拽实现

vue html <div id="moveDiv" class="drag" @mousedown="down()" @touchstart="down()" @mousemove="move()" @touchmove="move()" @mouseup="end()" ...

原创 H5+app 打包说明

参考官网打包说明：https://ask.dcloud.net.cn/docs/#//ask.dcloud.net.cn/article/13425第一步：下载HbuilderX工具（https://www.dcloud.io/hbuilderx.html）傻瓜式安装，安装完成注册账号第二步：创建项目，点击“文件”—> “新建”—>“项目”（截图截不出...

原创 打包H5+app说明 以及连续点击退出应用

// 这里可以调用5+ API了，为了更好的兼容性，应该使用以下代码进行判断 document.addEventListener('plusready',function () { var webview = plus.webview.currentWebview(); plus.key.addEventListener('backbutton', function() { webvi...

原创 vue provide和inject使用 刷新页面

参考链接app.vue 祖先组件子组件

原创 Nginx的配置转发（出现访问不了的问题）

server { listen 8896; server_name localhost; location / { root html/majorissuemanager; index index.html index.htm; } location /up...