- 博客(29)
- 收藏
- 关注
RSS订阅
原创 git 命令
一、未使用 git add 缓存代码时。git checkout .二、使用了 git add 缓存了代码。git reset HEAD .**三、使用了 git commit **git reset --hard HEAD^ 强制回到commit之前
2021-11-29 21:40:21
327
原创 vue前端项目优化方案
部署环境@vue/cli 4.5.13 、nginx、 dockerfile、 k8s CI\CD 本次针对的是vuecli脚手架进行webpack相关的配置, 包含到nginx 和dockerfile。
2024-03-12 16:41:32
661
1
原创 各个组件表单 校验时自动定位到未填处
element 项目el-form 适用于表单let isError = document.getElementsByClassName('is-error') setTimeout(() => { isError[0].querySelector('input').focus() }, 500)使用JS控制 实现 锚点 的效果<div id='dyzgz'>我是要跳转的位置</div><script>
2022-03-11 15:04:40
683
3
原创 移动端在线预览附件（pdf、excel、ppt、txt）
预览文件三种方法；############################################################################1、如果你的业务场景只需预览pdf；使用这个☟pdfh5.jspdfh5.js 基于pdf.js和jQuery，web/h5/移动端PDF预览手势缩放插件**react、vue均可使用！！****ios和安卓手机均可用**2、需要预览多种文件：利用微软在线预览链接展示假如你的文件链接是：http://xxxxx
2022-02-25 18:05:30
6780
原创 企业微信应用开发（JS-SDK网页式开发）第三集：获取用户身份、预览附件
一、获取访问用户身份该接口用于根据code获取成员信息/** 进入应用时，用户会携带一个随机code，5分钟未被使用自动过期 code会被加载进地址栏，需要获取当前地址栏进行截取**/export async function getuserinfo ( obj ) { await axios.get('https://qyapi.weixin.qq.com/cgi-bin/user/getuserinfo', { params: {
2022-02-24 18:12:57
2874
2
原创 企业微信应用开发（JS-SDK网页式开发）第二集：JS-SDK鉴权
企业微信的api方法，需要先鉴权成功才能使用；只需要在首页鉴权一次就可以，其余页面都可以直接使用api方法；企业微信JS-SDK：是企业微信面向网页开发者提供的基于企业微信内的网页开发工具包。o((⊙﹏⊙))o通过使用企业微信JS-SDK，网页开发者可借助企业微信高效地使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用企业微信分享、扫一扫等企业微信特有的能力，为企业微信用户提供更优质的网页体验。准备工作：获取corpid，corpsecretcorpid: 企业ID：获取方法☛.
2022-02-23 16:58:55
4698
1
原创 企业微信应用开发（JS-SDK网页式开发）第一集：创建应用以及配置可信域名
第一步：新建企业微信应用链接： 企业微信管理后台找到 “自建” 进行添加此时进入你创建好的应用，获取 “ 钥匙 ” ！！！，很重要o~第二步、设置主页链接第三步，配置可信域名如果此时你的验证通过了，变成了绿色的 “ 已验证 ” ，那就说明你的应用已经创建好了，好啦，你的配置已经完成，可以开始你的企业微信路程喽~(σﾟ∀ﾟ)σ…:*☆哎哟不错哦...
2022-02-21 16:22:09
5789
4
原创 iframe 另类知识
去除自带顶部toolbar<iframe scrolling="no" allowtransparency="yes" frameborder="0" marginwidth="0" marginheight="0" :src="'http://xxxxxxx' + '#toolbar=0'" style="height: 100%; width:100%" />窗口改变时，宽、高自适应<iframe scrolli
2022-01-18 17:20:08
815
原创 前端页面首次进入出现白屏
页面首次进入时，有个缓冲加载资源的数据，如果此时当前的网速过慢时，页面就会出现一个卡顿白屏状态，很难看，那我们一起加个好看的加载动图吧┗( ▔, ▔ )┛先放效果图：在html文件夹中直接写<body> <div id="app"> <div class="first-loading-wrp"> <div class="loading-wrp"> <span class="dot dot-spin"> <
2021-12-21 17:46:43
955
原创 小发现： window.open() 和 飞书网页api 预览文件
业务场景：在ios手机去预览pdf文件，本身该项目是基于uniapp开发的h5页面，使用了飞书的网页式鉴权，飞书的api方法内自带预览文件功能，本来我使用的是风生水起；奈何，测试提出的了一个bug，在" ios系统 " 苹果p7、p8 手机预览时，没有反应，也没有报错，Σσ(・Д・；)我我我什么都没做!!!，哎哎哎哎哎 ，挠头挠头~既然这个方法无法解决，此时又没有时间能让我去研究它究竟是为什么，我只能另辟蹊径；就不借助飞书自带的api去实现了，直接新打开窗口使用 window.open（），同时测
2021-12-14 10:34:38
4233
2
原创 飞书应用开发（H5 SDK调用tt系接口）第二集
第二步：进行h5鉴权（所有的api方法都是需要先鉴权才能使用）参考链接 ： 网页应用开发指南 - 客户端文档 - 开发文档 - 飞书开放平台所有的网页api方法，必须要先鉴权成功才可使用；/** sha1： 需要自己 npm install js-sha1 ticket: eg：adaec57dc84bacba6610b9da85b2eaaa649c2074 1、一般是后端给出接口，直接去取就好 2、我们自己调
2021-12-07 04:00:00
5095
1
原创 飞书应用开发（H5 SDK调用tt系接口）第一集
第一步：新建飞书应用链接： 飞书开放平台同时可以直接配置安全域名（重定向、H5可信域名、白名单）、权限管理如果页面不小心关掉了，找不到入口了，不要紧；在 “飞书开放平台” 右上角 “我的后台” 选择“开发者后台” 就好啦(^_−)☆...
2021-12-06 15:59:01
2222
原创 前端常用的组件库
Vue2组件库们Element ：https://element.eleme.cn/#/zh-CN/component/select主用于后台项目Vant ：https://youzan.github.io/vant/#/zh-CN/主用于移动端项目uView:https://v1.uviewui.com/components/grid.html使用 uniapp 开发时Vue3组件库们Element- plus:https://element-pl
2021-12-06 10:24:11
1970
原创 js（防抖和节流）
debounce 防抖应用场景搜索框搜索输入，只需用户最后一次输入完再发送请求手机号、邮箱验证输入检测窗口大小 resize，只需窗口调整完成后，计算窗口大小，防止重复渲染言外之意就是防止事件一直触发执行；<body> <div class="box"></div> <script> // 获取 盒子 var box = document.querySelector('.box')
2021-11-27 09:54:29
136
原创 HTTP的请求方式（8种）
OPTIONS返回服务器针对特定资源所支持的HTTP请求方法，也可以利用向web服务器发送‘*’的请求来测试服务器的功能性HEAD向服务器索与GET请求相一致的响应，只不过响应体将不会被返回。这一方法可以再不必传输整个响应内容的情况下，就可以获取包含在响应小消息头中的元信息。GET向特定的资源发出请求。注意：GET方法不应当被用于产生“副作用”的操作中，例如在Web Application中，其中一个原因是GET可能会被网络蜘蛛等随意访问。Loadrunner中对应get请求函数：web_link
2021-11-27 09:19:32
197
原创 前端js实现md5加密
复制一下链接的代码，命名为md5.jshttps://paste.ubuntu.com/p/S5JyScKZFV/使用方法： var api = 'xpxApiSecretKey' var newTimeStamp = hex_md5(timestamp) var newApi = hex_md5(api) // token md5加密 var endMd5Token = hex_md5(
2021-08-09 13:48:16
339
原创 vue 高德地图 （行经路线）
先放图data(){ return{ driving = null routeLineList = [] }}getDispatchDetail() { // 清除老的行经路线 if (this.driving) { this.driving.clear() this.map.remove(this.routeLineList) // 因为我在创建的时候重置了线的样式， 也要删除routeLineList } this.loading
2021-05-25 16:26:16
1722
原创 element弹框只提示一次（ts 、vue）
resetMessage.ts 文件import { Message } from 'element-ui'let messageInstance:any = nullconst resetMessage:any = (options:any) => { if (messageInstance) { messageInstance.close() } messageInstance = Message(options)}['error', 'success',..
2021-04-22 09:52:06
673
1
原创 element 级联组件（第一级单选，数据为当前选择的整条对象节点）
注意:如果组件互相影响的情况下，数据chirlden不能为[] (空数组)，否则不回显 <el-cascader class="cascader filter-item" ref="cascader" v-model="casVals" :options="scene_condition" :props.
2021-04-14 18:28:36
429
原创 web H5 调用高德地图 通过ip定位获取当前城市
web H5 调用高德地图 通过ip定位获取当前城市一、使用步骤注册高德账号，创建应该获取key ； 登录之后， 点击“应用”（头部导航栏）注册地址拿走-------》: https://lbs.amap.com/dev/id/choose注意这里有服务类型，提交完成后，复制 该 key二、直接上代码代码如下（示例）： <script type="text/javascript" src="http://webapi.amap.com/maps?v=2.0&
2021-04-01 18:04:13
1489
2
原创 lodash （cdn、npm引入）
npm 引入官网地址： https://www.lodashjs.com/npm i -g npmnpm i --save lodashvue 记得在main.js里挂载一下import _ from 'lodash'created(){ console.log(_.chunk(['a', 'b', 'c', 'd'])) //直接使用lodash里的方法}cdn 引入cdn官网地址： https://www.jsdelivr.com/package/npm/lodas
2021-03-25 11:52:15
6112
原创 前端 vue 自定义下拉选项禁用
<div style="display: flex;flex-direction: column;"> <div> <el-select v-model="form.kefu" class="list_search_small" clearable filterable placeholder="请选择" > <el-option v-for="item in list" :key="item.user_id" :label="it.
2021-03-23 11:24:18
2024
2
原创 如何监听整个对象(vue)
<template> <div class="app-container"> <el-select v-model="form.client_status" class="list_search_small" clearable placeholder="请选择"> <el-option v-for="item in client_status_info" :key="item.id" :label="i
2021-03-22 19:16:40
812
原创 输入框 placeholder颜色 兼容火狐
input::placeholder { color: #666666 !important; opacity:1 !important; //火狐有个默认的0.4的透明度 } ::-webkit-input-placeholder { color: #666666 !important; }
2021-03-18 16:22:35
429
原创 前端开个服务器玩玩（phpstudy）
一、下载一个软件 phpstudy网址：https://www.xp.cn/download.html安装完成之后，操作注意：如果你的html文件直接是 index.html 能直接打开 ，如果你的文件是 AAA.html 需要在 域名后边 + /AAA.html例如：我的域名是 www.demo.loc我的文件是 app.html那么我放到浏览器的时候 地址就是 http://www.demo.loc/app.html...
2021-01-28 19:08:27
201
原创 cookie 小妙招
cookie 小妙招# 使用背景：如果用户是第一次进入项目，在想要登录账号时，点击登录按钮判断当前cookie里是否存有手机号，如果没有手机号，就打开登录页面，如果有手机号就直接登录。清除所有cookie clearAllCookie() { var keys = document.cookie.match(/[^ =;]+(?=\=)/g); if(keys) { for(var i = keys.length; i--;)
2021-01-28 18:38:14
163
原创 H5 移动端 网页端适配（js+rem）
H5 移动端 网页端适配（js+rem）业务场景：由于需求是适配两端屏幕，所以刚开始想的css用rem写，但是还是会出现字体和布局不会等比缩放的情况，后来找到一种js代码针对根元素去做的缩放配置，加上rem和这个js的设置就能做到等比缩放。下载插件，并修改比例 （如果ui尺寸是750就改50 375改25），修改完重启vscode重启，效果图：2. 新建一个index.js，把下方代码复制进去,即可使用。 //适配兼容 (function (doc, win) {
2021-01-25 11:23:53
2693
3
原创 H5 引用vue 打开app（如何该手机内有某个app则直接打开app，如果没有则跳转app下载页面）
H5 引用vue 打开app（如何该手机内有某个app则直接打开app，如果没有则跳转app下载页面）**ps： 一定一定一定一定先向 ios要 （ ios下载地址 和 ios对应的app协议 ），找安卓要（ android下载地址 和 andriod对应的app协议 ）点击按钮 有两种情况1.该手机没有app，则跳转下载页面2.该手机内有app，即可打开app------------------------步骤如下：------------------判断是否是微信打开页面还
2021-01-22 16:56:21
4077
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人