- 博客(176)
- 资源 (4)
- 收藏
- 关注
RSS订阅
原创 js 防抖 节流处理 应用场景
防抖应用场景 ：1 百度联想查询 : 百度搜nike 会等你输入完nike后 页面跳转 不是你输入完n就立刻给你查询结果2 页面滚动特定距离 显示【返回顶部按钮】3 页面resize 触发事件代码HTML<input type="text" id="unDebounce">JSfunction ajax(content) { c...
2019-10-21 10:26:25
699
原创 从0看vue3 源码 记录
1 vue3 源码地址 https://github.com/vuejs/vue-next.git 跳转2 看了很多文章 把了解到的知识点 做个总结 a.如果你要开发一个要发布的框架组件 也就是package 建议使用 lerna， 给你个链接 不懂也不影响v3 b.clone下v3项目后 如何运行起来https://juejin.im/post/5...
2019-10-18 14:07:09
1182
原创 js 类型判断
ES5中，js中数据类型：number、string、boolean、undefined、null、objectjs中获取数据类型常用的四种方式实例： 1 2 3 4 5 6 7 8 9 10 11 12 vara = 123, b =true, ...
2019-10-16 10:07:55
149
原创 h5 input type=file ios拍照相片旋转90度修正 前端图片利用canvas处理压缩 vue图片上传优化处理
直接进入正题input type=file 是前端处理图片上传的必要途径 这里说一下第一个需求 如果用户点击type=file的按钮 只想完成调用照相功能 而不用选取照片功能 其实 input type=file标签上还是有很多 特殊好玩的属性的 我们列举一下<input type="file" accept="image/*" capture="camera"...
2019-05-27 15:50:29
4066
8
原创 egg+vue+easywebpack+typescript报错can not bulid module：can find file xxxx.vue
前言网上很多文章都是 如何利用 vue-cli 建造好项目后 然后修改成typescript模式 开发文章很多 这里不说了 不过提醒一个坑 注意webpack的版本 否则 脚手架创建的项目还是webpack3而你后嫁接成ts的时候 你需要下载 ts-loader 最新的版本是4.6.1 哈哈 下完就不好使 因为 版本对不上了脚手架的webpack太老了...
2018-06-20 15:16:56
1903
原创 vue服务端渲染ssr 报错 window is not definded解决
多数是因为服务端渲染 页面是又后台路径跳转过来的 此时页面还没有渲染出来 所以window对象还没有诞生但是你的用的各种第三方js文件 有很多都使用了window所以我们通过vue的生命周期函数去判断window对象 其实此时加不加载并不影响添加判断即可// 引入需要window的外置jsif (typeof window !== 'undefined') {...
2018-06-13 15:45:42
19584
6
原创 vue日期轮播组件，支持选定日期，选定时间，vue-calendar升级版
今天在处理vue项目，需要一个日期组建，在网上寻找了好久，找到了vue-calendar 传送门但是和我的需求还差很多，于是决定在其项目上进行整改，添加新功能这是我的项目地址 欢迎star 后续我修改了 上传了一个精简版本github传送门 https://github.com/gaoqiang1112/vue-calendar-swiper 这个 是...
2018-05-24 15:30:17
11388
2
原创 解决iframe下跨域，iphone上position:fixed失效问题
=============================================2019-3-6 补充========================================对应ios iframe 中fixed 楼主现在已经 很轻车熟路了 这里 再补充一下 宏观思路把 iframe嵌入的页面首先 1.想象成一个 宽高100%的 div 然后 用相对定位 ...
2018-04-13 10:54:20
3473
2
原创 webstorm如何配git
第一步 当然 我是汉化过的 如果没汉化 自己汉化一下吧这里设置你git的安装目录 记得要选到bin里面的git.exe第二步选择要提交到git里的项目 直接提交就可以了 此时你的项目的颜色就变了第三步 右键你的项目 可以看见git了其中 add表示提交到缓存 并没有传入本地git commit 是将缓存中的东西 ...
2017-02-20 22:03:35
3712
2
原创 《前端bug齁逼多，真假开发说》2023/4/17-2023/4/21问题汇总
拓展： 当我有个新项目 clone下来的时候 npm-run-all 包是没有的 所以我们拓展一个npm run pack 指令 先去下载主包 然后 再去下载子项目 这样最后就是 一个npm run pack指令 同步把所有项目的 package都install了。想要一起运行 比如我们写 一个 前后台都是node的项目，或者我们写乾坤的时候 有主项目和多个子项目在一起，我们正常的操作就是分别进到各个项目里 然后npm run start 去运行。3.npm run all 的使用。
2023-04-21 11:18:54
798
1
原创 《前端bug齁逼多，真假开发说》2023/4/10-2023/4/18问题汇总
b) 微信和钉钉小程序 在接过来的值的时候 都是 onload 里的参数里获得，我这碰巧遇到一个mpvue弄的uni的项目 特殊提一嘴 这种项目微信无影响 钉钉小程序的值 onload里没有 因为 项目添加了 uni-simple-router 导致 参数丢失，最后在 this.$root.$mp.query 获取的值。但是当场景一 我a项目用的node12版本， b项目用的node16版本的时候 我只能用n去切换环境，然后要不启动a项目，要不启动b项目，无法同时启动2个项目。
2023-04-18 16:30:48
1125
原创 监听页面关闭发送请求，前端埋点，行为采集常用方式
监听时机。window的onbeforeunload事件3种信息发送方式1 同步ajax问题：谷歌已经禁止此事件中发送同步ajax 其他浏览器如火狐目前还好用2 图片加载方式. 亲测有效 但是注意参数内是否有特殊符号 客户是否同意页面延迟跳转const reportData = (url, data) => { let img = document.createElement('img'); const params = []; Object.keys
2022-01-27 14:20:46
1295
原创 uniapp ios 时间转换适配 问题 Invalid Date 处理等
直接上代码data 为传入的时间变量var date = new Date(data);if(date == "Invalid Date"){ data = data.replace(/T/g,' ').replace(/-/g,"/").indexOf('.')>-1?data.replace(/T/g,' ').replace(/-/g,"/").substring(0,data.replace(/T/g,' ').replace(/-/g,"/").indexOf('.')):.
2021-11-30 10:42:08
2657
原创 uniapp 的app嵌套 uniapp的h5 交换及 webview动态设置高度
文档地址uni-app官网1 利用nvue的好处是webview页面不再是固定全屏 可以设置 是否有头，然后可以自己设置沉浸模式的颜色等2 动态设置高度 就是通过api 获取设备高度 利用里面的 利用statusBarHeight 获取状态栏高度 利用windowHeight 获取屏幕高度。然后相减 去设定 webview去掉沉浸模式的高度statusbar =sysinfo.statusBarHeight; ...
2021-10-21 09:04:22
5166
原创 微信公众号h5页面跳转小程序开发踩坑
前言:网上搜这个问题 很多答案都是wx.navigateToMiniProgram(Object object) 我只想说 我搜的是h5跳转小程序 这帮人给的答案都是小程序跳小程序 我服了正式开始:1.https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html 打开这个网址 我们要使用的是 开放标签2.文档很清除了 走 微信jssdk 分享 看appid ...
2021-09-14 11:24:13
1243
原创 微信小程序跳转微信公众号
1 webview 嵌套 微信公众号的页面 然后 文章里 添加 公众号二维码 然后引导用户长按识别公众号2 公众号有关注的页面 路径 需要自己找 我记得是替换什么officeid啥的 百度即可3 利用<official-accountbindload="lookSuccess"binderror="lookFail"></official-account>然后小程序开发工具切换场景值就出来了 我是设置的编译模式https://developers....
2021-08-11 13:40:38
6584
1
原创 uniapp wifi 蓝牙 打卡记录
onShow(){ // 主窗体 var MainActivity = plus.android.runtimeMainActivity() // 上下文 var Context = plus.android.importClass('android.content.Context') // 导入WIFI管理 和 WIFI 信息 的class plus.android.importClass("android..
2021-07-23 17:00:10
876
原创 uni 拉起其他app 实例
openApp(){ //#ifdef APP-PLUS if (plus.runtime.isApplicationExist({ //查看安卓系统手机有没有下载这款app pname: 'xxxxxx', //B款app云打包的包名 })) { //安装了app plus.runtime.launchApplication( {//打开app2 pname: 'xxxxxx' //B款app云打包的包名 .
2021-07-23 16:21:13
372
原创 uniapp 项目中 报错Invalid Host header时该如何处理
直接上代码 设置h5 配置里 devServer 里的 disableHostCheck为true即可"devServer" : { "disableHostCheck":true},如图 放在h5 的配置里即可 重启 完活
2020-12-01 16:43:21
6554
5
原创 微信公众号消息通知手把手教程
项目需求:微信公众号消息推送首先你需要我给你提供以下地址 方便你进行开发准备阶段:a 模版消息推送开发文档 链接b 微信公众号测试号地址 链接c 微信公众平台接口调试工具 链接开发调试阶段1 查看a文档 发现 步骤6 发送模版消息所以 我们要准备 openid 模版id 以及我们去b文档 去设置一个模版 用于测试发送消息2 这是时候你肯定不知道 模版消息是什么 就是你公众号 推送给 用户的一个固定模版的消息格式 比如我要弄的会议提醒效果如...
2020-10-16 16:29:16
10679
1
原创 uniapp 发送短信 h5 及 app 开发流程
h5 发送短信 这里安卓直接跳到发短信页面 ios 会弹出提示框 提示框内容 不可改 只能修改发送内容<a href="sms:10010">发送短信</a><a href="sms:10010?body=短信内容"></a>uni app 发送短信uniapp api中 未找到 发送短信 api 然后找到了 5+的 方法 app里 无论安卓还是ios 均 直接跳到短信发送页面var msg = plus.messagin...
2020-10-15 15:31:35
1246
原创 uniapp uni.request 数字过长精度丢失问题处理
接口返回数字 为1067722413883658240 正确但是 拿到后打印出来的结果是1067722413883658200 错误原因是数字过长被四舍五入了解决思路 1 (放弃)尝试让后台返回时 改成string 后台拒绝 且 沟通中一直表示传的是string 很是尴尬2 (放弃)找uni 官网请求插件 主要想找一个带有拦截器的 因为考虑 在拦截器里拿到的应该是 精度正确的 翻看了3,4个插件 发现底层还是uni.request 都是二次...
2020-10-12 10:29:41
3656
4
原创 uniapp 设置ios safri浏览器 添加到主屏幕 自定义图片及名称
废话不多说 直接上代码1 正常uni项目 是没有基础html页面的 所以我们需要 使用h5的 template.html进行处理 官方是给大家用来添加 百度统计等第三方插件使用的文档地址https://uniapp.dcloud.io/collocation/manifest?id=h5-template2 以下是从 uni例子中 粘贴出来的<!DOCTYPE html><html lang="zh-CN"> <head> <me...
2020-09-09 15:23:33
1459
原创 uniapp app内this.$scope.$getAppWebview() 报错Cannot read property ‘$getAppWebview‘ of undefined
uniapp 根组建内 v3引擎 获取webview 使用代码// #ifdef APP-PLUS var currentWebview = this.$scope.$getAppWebview() //此对象相当于html5plus里的plus.webview.currentWebview()。在uni-app里vue页面直接使用plus.webview.currentWebview()无效，非v3编译模式使用this.$mp.page.$getAppWebview() console...
2020-08-19 14:39:16
21576
9
原创 uniapp 自动升级原理解读 及 uniapp组建市场组建调用
app 升级 分2中 一个 安卓 一个ios 先说 ios因为ios 需要到appstore 里去升级 所以 我们能做的就是 打开升级连接 在打开之前需要验证是否需要升级再说安卓安卓的话 我们要做到 判断是否需要升级后 自动下载 自动安装 自动重启功能 这样 做到用户体验极佳 不过 步骤相对安卓要多些先介绍2个系统 公共代码部分 就是 判断是否需要升级 (我采用数字方式,按步骤切分代码 最后奉上 整套代码)1. 写条件编译 获取 版本号 获取app...
2020-08-17 09:26:09
638
原创 js 对cookie的操作
设置cookiedocument.cookie="name="+username;function setCookie(name,value){ var Days = 30; var exp = new Date(); exp.setTime(exp.getTime() + Days*24*60*60*1000); document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTSt...
2020-06-30 17:11:06
188
原创 钉钉小程序自动转微信小程序
花了一些时间 写了一个 钉钉小程序自动转微信小程序的代码已经发布到了 npm 官网安装指令npminstalldd2wx-D使用方法 参考https://www.npmjs.com/package/dd2wx自动转换代码 基于正则及 不同api的 向上二次封装 本身并不难 只不过想将复杂反复操作的事情 变成自动话欢迎 使用及指正...
2020-05-29 15:50:25
2665
原创 钉钉小程序复选框 全选反选 表单获取内容有误处理
问题描述 我的每一个复选框 是 利用 data声明的数组进行循环 遍历出来的 然后当我点击全选及反选的时候 我操作了data中的item 遍历修改了 ischeck属性 页面上也是利用这个属性显示选中/非选中出现的bug 当我反复点击了全选后 点击form表单的保存 获取的 表单的value中 关于复选框的值 会重复出现多个 例如复选框本身5个 当我反复点击全选5次后 复选框的value变成了25 原因是 利用item 循环的复选框 虽然通过外在修改了他...
2020-05-28 13:53:45
2924
1
原创 如何判断内外网
直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><script src="https://cdn.bootcdn.net/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
2020-05-28 13:31:49
1616
原创 async 和await 的统一catch处理 二次封装await
优秀的东西 就要学习和借鉴 上代码// 第一代function aa() { return new Promise(function (resolve,reject) { var key = Math.floor(Math.random()*10) if(key>4){ resolve(111) }else{ reject(22...
2020-04-18 15:08:22
2339
原创 手拉手带你写个自己的loader和plugin
根目录下 新建 loader文件夹 里面 写个 lader js用默认的 indexconst loaderUtils = require('loader-utils');module.exports = function(source) { // source 为 compiler 传递给 Loader 的一个文件的原内容 // 该函数需要返回处理后的内容，这里...
2020-04-16 17:02:28
255
原创 h5混合开发 与app 交互方法
安卓安卓相对简单 因为 安卓可以获取到我们h5页面内的window对象所以// h5 调用安卓方法window.discovery.gotoLogin(); // window.x.y (x类名,y方法名)// 安卓调用h5方法h5 只需要在 js中声明 方法即可 安卓即可调用function login(){} iosios 我这里分为2版本// ...
2020-04-16 12:28:50
59897
原创 公司 git commit message 标准化 分享
最近面试 有人问到 你带了一个团队 当你离开 留下了什么 回想一下 感觉做了很多 但 却无从下口 感觉标准化了很多 但其实 和大厂看来 差距还是太大了 所以 学习之路就在脚下 学吧今天聊聊 commit message标准化 我一直觉得 认真编写 message 就是很严格的要求 但其实 大厂来说 哪怕 message 都要遵循...
2020-04-10 16:57:58
231
原创 webpack 模块循环引用处理方案 报错处理方案
问题index.js 入口文件 引入a 并调用方法a.js 文件 引入b.js 然后调用b内的方法b.js 文件 引入a.js 然后调用a内的方法当你正常 打包后 打开html页面的时候控制台报错原因就是循环引用 导致的解决办法直接上 插件circular-dependency-plugin在webpack的 plugin里...
2020-04-09 15:59:34
2507
原创 nth-child 和 nth-of-type 的区别 换个更合适的例子
nth-child<html><head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <style> span:nth-child(4),span:nth-child(7){ color:red; } ...
2020-04-09 12:51:29
168
原创 团队人员按模块在不同分支开发时 如何 动态获取路由 保证项目正常运行
这里的问题 就是 比如a员工在 t1分支上开发 登录注册模块b员工在 t2分支上开发 商品模块c员工在 t3分支上开发 我的模块那么 test分支 会不停的merge 这 t1 t2 t3的分支这里有一个点 正常 我们项目的路由 都写在 一个文件里 然后 里面会 import 我们对应 view下的 vue文件那如何保证 a b c 3个员工开发项...
2020-04-02 14:36:39
150
原创 vue 子 父组件 传值 总结 兄弟组件传值总结
vue 中 兄弟组件如何传值呢可能大家都回答的是eventBus 其实就是 利用一个js文件再new 出一个vue对象 然后进行 emit 和on 的触发与监听但其实 我们有更简单的方法第一种a组件 点击按钮 利用 emit 触发 名叫 cl2c2的监听 传输的值为 ‘哈哈哈哈’b组件 mounted阶段 组件b利用 $on 监听 cl2c2 方法 接收 值...
2020-04-02 12:33:18
316
nav_header_transform
2019-02-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人