![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
gaoqiang1112
转前端了
展开
-
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 · 917 阅读 · 0 评论 -
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 · 396 阅读 · 0 评论 -
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 · 2369 阅读 · 0 评论 -
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 · 59937 阅读 · 0 评论 -
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 · 2552 阅读 · 0 评论 -
js 变量及作用域经典面试题
function Foo() { getName = function () { alert (1); }; return this;}Foo.getName = function () { alert (2);};Foo.prototype.getName = function () { alert (3);};var getName = function () { a...转载 2020-03-30 13:05:37 · 1224 阅读 · 2 评论 -
web常见攻击及防范措施
首先简单介绍几种常见的攻击方式: SQL注入 XSS CSRF 点击劫持 中间人攻击 1.SQL 注入这是一种比较简单的攻击方式。如果后台人员使用用户输入的数据来组装SQL查询语句的时候不做防范, 遇到一些恶意的输入,最后生成的SQL就会有问题。比如地址栏输入的是:articlrs/index.php?id=1发送一...转载 2019-12-06 13:37:22 · 1822 阅读 · 0 评论 -
nodejs 使用调用graphql接口(不是写服务端,而是调用接口)
百度上 都是用 node 做服务端 写graphql接口 供给前端使用这里博主考虑 如果 用node框架 做服务端调用服务端的graphql接口 那么如何写呢所以 还是会有这种需求的第一步 下载包 博主第一次的时候 下了很多包 后来发现有个包里面包含了这些常用的 所以 只需要下2个yarn add apollo-boost graphql -S然后我把 gr...原创 2019-12-04 15:22:00 · 1732 阅读 · 2 评论 -
虚拟dom virtual dom 以及domdiff 精选文章
看懂这2篇文章 你就懂了https://juejin.im/post/5c8e5e4951882545c109ae9chttps://www.zhihu.com/question/31809713/answer/53544875Keep Moving时至今日,前端对于知识的考量是越来越有水平了,逼格高大上了各类框架大家已经可以说无论是工作还是日常中都已经或多或少的使用过了曾...转载 2019-12-04 09:11:37 · 119 阅读 · 0 评论 -
处理js history.go(-1) 页面跳转 反复死循环问题
这里说一个常见的问题 js的痛点就是 我们的 -1 返回列举 下列场景登录注册2个页面 登录能跳转注册 注册可以跳转登录 且 2个页面的头部均有返回图标A.如果返回 都使用-1 那么 当你登录注册来回点击10次的时候 其实 是 10次跳转 而 10次过后 当你开始点击返回的时候注册可能发挥登录 登录点击返回 又回注册了 回来回往复你之前的10次跳转 ...原创 2019-12-03 17:13:51 · 3468 阅读 · 0 评论 -
js 配合高德地图 获取当前用户经纬度及位置信息
第一步 引入 js 文件<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.3&key=********************"></script>这里的 *********** 需要你自己去 高德地图 官网 去注册申请 一个webapi 然后你会得到一个k...原创 2019-12-03 15:53:16 · 5684 阅读 · 0 评论 -
面试前端总结
三次握手和四次挥手详细介绍https://blog.csdn.net/qq_38950316/article/details/81087809https://blog.csdn.net/qq_39331713/article/details/81705890TCP 有哪些手段保证可靠交付https://blog.csdn.net/weixin_33811961/article/de...原创 2019-12-03 15:49:03 · 111 阅读 · 0 评论 -
记录一位社招面试腾讯成功拿到offer的面试内容及收集的答案(下)
一面二面的内容 写在了博主的另一篇博客里https://blog.csdn.net/gaoqiang1112/article/details/103343118三面(小团队负责人) 为啥想离职,现公司不好吗 360企业安全和360啥关系 你认为蓝信为什么要有支付功能 剩下全聊简历上的项目,就不描述了 有什么问我的(招人原因 node使用场景、...原创 2019-12-03 15:45:34 · 2778 阅读 · 0 评论 -
记录一位社招面试腾讯成功拿到offer的面试内容及收集的答案(上)
// 以下记录 是为了 以后如果有机会面试大厂 起码了解一些 作为合格前端应该掌握的知识点 勉励自己// 对了 还有平时 对用到的专有名词及缩写 请查清全称及读音 否则面试的时候 真的画面太有喜感了 不敢想了//记录一位社招面试腾讯成功拿到offer的面试内容及收集的答案(下)https://blog.csdn.net/gaoqiang1112/article/deta...原创 2019-12-03 13:56:47 · 4088 阅读 · 1 评论 -
http1 http2 http 3 解读
HTTP/2 相比于 HTTP/1.1,可以说是大幅度提高了网页的性能,只需要升级到该协议就可以减少很多之前需要做的性能优化工作,当然兼容问题以及如何优雅降级应该是国内还不普遍使用的原因之一。虽然 HTTP/2 提高了网页的性能,但是并不代表它已经是完美的了,HTTP/3 就是为了解决 HTTP/2 所存在的一些问题而被推出来的。一、HTTP/1.1发明以来发生了哪些变化?如果仔细观察...转载 2019-12-03 13:10:02 · 970 阅读 · 0 评论 -
【TCP协议】(2)---TCP三次握手和四次挥手
TCP有6种标示:SYN(建立联机)ACK(确认)PSH(传送)FIN(结束)RST(重置)URG(紧急)一、TCP三次握手 第一次握手 客户端向服务器发出连接请求报文,这时报文首部中的同部位SYN=1,同时随机生成初始序列号seq=x,此时,TCP客户端进程进入了 SYN-SENT(同步已发送状态)状...转载 2019-12-02 09:23:56 · 174 阅读 · 0 评论 -
【TCP协议】(1)---TCP协议详解
本文内容如下: 1)TCP协议概念 2)TCP头部结构和字段介绍 3)TCP流量控制 滑动窗口 4)TCP拥塞控制 慢启动、拥塞避免、快重传、快恢复有关TCP的三次握手四次挥手单独写了一篇博客:【TCP协议】---TCP三次握手和四次挥手有关TCP粘包和黏包,也单独写一篇博客,下一篇博客就写有关粘...转载 2019-12-02 09:22:42 · 140 阅读 · 0 评论 -
webstorm git 如何回滚单个文件的 单个版本
第一步 单个文件 右键单击第二步 双击 要回滚的那次 左右对比代码 左侧为当时提交之前的代码 复制 粘贴回来就可以了3 这里不建议 直接 在git记录上 revent commit 因为 你要对单个文件操作 但是这次commit 有可能 你同时操作了多个文件 所以 你很难控制 所有文件 其次 就是 他会提示你 是否 把那个commit记录删除 如果你不细心 很可...原创 2019-11-28 10:02:11 · 3332 阅读 · 0 评论 -
h5 获取 安卓 ios 各大银行 scheme 方法 必成方法
安卓1 下载各大银行apk 文件2 改后缀为 zip 然后解压3 找到AndroidManifest.xml 文件4 下载我的jar包 地址链接:https://pan.baidu.com/s/1PmPN9mBAAtKH87yxYqJl5Q 密码:6ai95 建立文件夹 将3中文件 4中jar包 放入 然后 cmd 进入该目录 输入 java ...原创 2019-10-29 16:45:07 · 1051 阅读 · 0 评论 -
解决js定时器被切换回后台无法执行的问题
最近解决了一个bugbug重现:js代码写一个定时器,如果将这个页面隐藏, A. 在pc端是不会影响的, B. 但是在手机端,如果你切换到你的后台(不是关闭应用,是切到后台),那么你的定时器就会停止。那如果你在页面做一个倒计时,然后切换到后台后,你的倒计时就会停止在那个时间点。这样就会产生一些bug,比如倒计时抽奖等解决办法:思路:如果到...原创 2018-04-20 16:18:32 · 12271 阅读 · 6 评论 -
h5页面 ios 手机 上点击某个位置 页面会有灰色闪屏处理
在我们写vue的项目时候一般我会在 html body 和#app上添加 height:100% 主要是为了撑开页面 有时是为了添加背景色但是 当你写一个页面的时候 如果你这个页面也写了height:100%的话 而你的页面内容 高度和 超过了所谓的100% 也就是你手机的屏幕的高度此时你如果你向下滑动 点击 多出来的那部分 就会出发 标题 即 ios 灰色闪屏其实就是你...原创 2019-05-24 16:13:33 · 709 阅读 · 0 评论 -
页面输入框 ios 软键盘弹起后 回收完美处理方案
$('.goTop').on('blur', function () { $('html,body').animate({scrollTop: $('#personal').offset().top}, 0);});.goTop 是所有input的class#personal 是页面最下部div的id 如果没有可以是整个页面的div的总id即可如果你觉得我帮到你了...原创 2019-05-22 15:59:04 · 1072 阅读 · 0 评论 -
手机app端 移动端 禁用页面滚动的方法
禁止滚动document.body.addEventListener('touchmove', this.handler, {passive: false});document.body.addEventListener('wheel', this.handler, {passive: false});移除禁止滚动document.body.removeEventListener('...原创 2019-05-22 16:01:46 · 1102 阅读 · 0 评论 -
vue项目创建及利用axios跨域(下)
之前那篇 我们从项目配置到完成查询和添加已经完成 现在我们把后续的修改和删除说完删除很简单 添加2个按钮 template上的 scope可以理解为一个作用域 从他身上能获取到这行数据 scope.row然后用vue绑定一个方法 去调用后台接口这样删除就ok了不过你会发现 当你删除后 回来如果code==1 你要刷新页面 而如果你采用了location.href...原创 2019-05-27 14:40:30 · 149 阅读 · 0 评论 -
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 · 4167 阅读 · 8 评论 -
Charles mac 配置后 请求404 解决办法
安装 charles 就不发图了 1 上图 如何使用 本地模拟数据网上说的 不知道从什么版本开始 这个host 要配置成localhost.charlesproxy.com 不能是localhost了我估计是 为了 给自己打广告吧 哈哈哈高潮来了 是不是 发现也没还是404哈哈哈 现在 把地址换一下 http://localhost....原创 2019-07-02 13:32:28 · 1844 阅读 · 0 评论 -
vue 脚手架 elementUi element-ui 兼容 ie 360 急速/兼容模式 完美处理
直接上干货如果你用vue的脚手架弄的项目 那么恭喜你 要改的 也并不多 如果 是自己搭建的框架 那么 请滤清框架结构后 按我的方法操作即可1 引入babel-polyfillnpm install babel-polyfill --save2 src下 mains文件import 'babel-polyfill'3 build文件夹下web...原创 2019-07-16 17:51:35 · 12555 阅读 · 10 评论 -
easy-mock 本地搭建 (高级版 针对redis及mongodb有账号密码处理)
=====================================2019.7.26追加=====================================高潮来了 网上所有关于easymock本地搭建的 都没有讲到 如果遇到带有密码的redis和mongodb 如何处理 这里我来教一下吧本文最下面 我已经放了 redis 和mongodb 设置账号密码的指令 如果不全的...原创 2019-07-26 10:51:32 · 2454 阅读 · 5 评论 -
ios h5页面 滚动条 自定义滚动条 兼容fullpage swiper 处理
https://www.chengrang.com/ios-scrollbar.html我是用这个成功的前提 认真阅读fullpage的apihttp://fullpage.81hu.com/如果你觉得我帮到你了,买个肥宅快乐水,怎么样?哈哈哈哈哈哈...原创 2019-08-14 14:41:52 · 1712 阅读 · 0 评论 -
js 函数式变成 入门+进阶推荐文章
如果你什么都不知道 请一定看这个 并且 看懂和会运用https://legacy.gitbook.com/book/llh911001/mostly-adequate-guide-chinese/details如果你看完这个 已经动了 并且可以运用了 那么你一定需要 一个库 并且它的api手册推荐ramda 库 当然就是阮一峰老师的啦http://www.ruanyife...原创 2019-08-26 14:25:02 · 105 阅读 · 0 评论 -
获取html字符串中纯文本,第一张图片src,所有图片的src
第一张图片srcgetFirstPic(str) { let data = '' str.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/, function(match, capture) { data = capture }) return data},所有图片的srcgetimgsrc(ht...原创 2019-09-21 01:26:28 · 1294 阅读 · 0 评论 -
解决 canvas 将图片转为base64报错: Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement'
解决 canvas 将图片转为base64报错: Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement'产生原因 图片跨域解决办法 图片顺序下 蓝色字体即可img = new Image()img.setAttribute("crossOrigin",'Anonymous')img....原创 2019-09-21 01:28:40 · 7182 阅读 · 2 评论 -
ios h5页面 数字高亮或蓝色处理
iPhone上的Safari(还有些webkit android手机浏览器)会自动对看起来像是电话号码的数字串(包括已经加入连字符或括号格式化过的)添加电话链接,点击之后会询问用户是否想要拨打该号码。如果你不希望开启这个自动识别,可以将它关闭:<meta name="format-detection" content="telephone=no" />如果你关闭自动识别后,...原创 2019-05-24 16:02:20 · 541 阅读 · 0 评论 -
swiper 绑定点击事件 向前滑动后 点击失效处理
不算是新问题了 只是想记录下 因为我发现有人还在关注我的博客 所以分享一下一般我们写点击事件 都习惯绑定在 标签上 如上图不过 如果结合swiper后 你会发现 swiper生成后 如果loop模式 那么 你上来想左滑动(也就是向前滑动,行为虽然不符合操作习惯)你会发现 图片的点击事件 是无效的这是因为 swiper的无限轮播时会自动复制第一个和最后一个页面进行轮播。但...原创 2019-05-24 15:53:26 · 10513 阅读 · 3 评论 -
前端路由实现spa的原理
写在前面:通常 SPA 中前端路由有2种实现方式:window.history location.hash下面就来介绍下这两种方式具体怎么实现的一.history1.history基本介绍window.history 对象包含浏览器的历史,window.history 对象在编写时可不使用 window 这个前缀。history是实现SPA前端路由是一种主流方法,它有几个原始方...原创 2019-03-26 16:25:26 · 407 阅读 · 0 评论 -
vue服务端渲染ssr 报错 window is not definded解决
多数是因为服务端渲染 页面是又后台路径跳转过来的 此时页面还没有渲染出来 所以window对象还没有诞生但是你的用的各种第三方js文件 有很多都使用了window所以我们通过vue的生命周期函数去判断window对象 其实此时加不加载并不影响添加判断即可// 引入需要window的外置jsif (typeof window !== 'undefined') {...原创 2018-06-13 15:45:42 · 19769 阅读 · 6 评论 -
vue日期轮播组件,支持选定日期,选定时间,vue-calendar升级版
今天在处理vue项目,需要一个日期组建,在网上寻找了好久,找到了vue-calendar 传送门但是和我的需求还差很多,于是决定在其项目上进行整改,添加新功能这是我的项目地址 欢迎star 后续我修改了 上传了一个精简版本github传送门 https://github.com/gaoqiang1112/vue-calendar-swiper 这个 是...原创 2018-05-24 15:30:17 · 11414 阅读 · 2 评论 -
vue报错Module build failed: Error: No parser and no file path given, couldn't infer a parser.解决办法
今天中午更新的项目,vue模块里子模块报错百度查询 今天下午1点多吧 貌似git 新版本给解决了 只需一步 更新即可npm i prettier@~1.12.0ok原创 2018-05-28 17:00:20 · 1893 阅读 · 0 评论 -
切换npm 国内镜像与国外镜像
1, 修改 下载仓库为淘宝镜像npm config set registry https://registry.npm.taobao.org --globalnpm config set disturl https://npm.taobao.org/dist --global2, 如果要发布自己的镜像需要修改回来 npm config set registry https://r...原创 2018-05-28 10:13:01 · 11102 阅读 · 2 评论 -
idea 2018.2.1 最新破解方法 mac版webstorm如何破解 亲测可用
下面的方案3博主亲测好使,网上都是windows的 下面博主说一下mac如何操作1.登录 http://idea.lanyus.com 下载破解版这个更新还是可以的 下载后 直接放到webstorm的bin目录里,然后因为是mac版本 所以没有像windows那种2个vmoptions文件只有一个,那就是他了,进去后粘贴下面这句-javaagent:/Applications...转载 2018-05-14 08:48:51 · 703 阅读 · 0 评论