前端
文章平均质量分 62
cwxcc
这个作者很懒,什么都没留下…
展开
-
微信H5页面点击直接跳转app-微信开放标签
开发微信H5项目时,需要从h5直接跳转至app,绞尽脑汁调研一番后,发现微信开放标签能实现,but环境配置和测试流程真的很复杂,真的配置四小时,开发仅需30分钟,经过不断踩坑终于上线,踩过的坑都给你们总结出来啦,如果能帮助到你,帮忙点赞收藏关注一下吧。微信开放标签https//developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html。把线上地址代理到测试地址。尽量多输出错误log信息判断是哪里出错。.........原创 2022-07-28 15:30:23 · 5097 阅读 · 5 评论 -
H5页面获取用户位置信息方案及测试流程
最近在开发微信H5页面时需要获取用户位置信息,实际调研开发后总结一下,避免其他人踩坑。原创 2022-07-28 14:42:29 · 1515 阅读 · 0 评论 -
本地代理到https服务
本地代理到https服务原创 2022-07-10 19:39:30 · 759 阅读 · 0 评论 -
websocket demo
websocket demo原创 2022-06-24 16:27:47 · 484 阅读 · 0 评论 -
websocket和http区别
目录一,什么是websocket二,websocket的原理三,websocket与http的关系四,websocket解决的问题1.http存在的问题2.long poll(长轮询)3.Ajax轮询4.websocket的改进推送延迟。服务端数据发生变更后,长轮询结束,立刻返回响应给客户端。服务端压力。长轮询的间隔期一般很长,例如 30s、60s,并且服务端 hold 住连接不会消耗太多服务端资源。推送延迟。服务端压力。配置一般不会发生变化,频繁的轮询会给服务端造成很大的压力。推送延迟和服务端压力无法中和转载 2022-06-22 19:24:01 · 13551 阅读 · 0 评论 -
WebSocket
websocket简介 websocket是什么 答: 它是一种网络通信协议,是 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。答:WebSocket用于在Web浏览器和服务器之间进行任意的双向数据传输的一种技术。WebSocket协议基于TCP协议实现,包含初始的握手过程,以及后续的多次数据帧双向传输过程。其目的是在WebSocket应用和WebSocket服务器进行频繁双向通信时,可以使服务器避免打开多个HTTP连接进行工作来节约资源,提高了工作效率和资源利用率。 WebSocket目转载 2022-06-22 17:38:37 · 1190 阅读 · 0 评论 -
JavaScript的六种继承方式
转自:https://www.jianshu.com/p/3d810bda86bfJavaScript的几种继承方式原型链继承借助构造函数继承(经典继承)组合继承:原型链 + 借用构造函数(最常用)原型式继承 (Object.create)寄生式继承寄生组合式继承(最理想)ES6中的继承1. 原型链继承 子类型的原型为父类型的一个实例对象function Parent() { this.name = 'bigStar'; this.colors = ['red'转载 2022-05-12 14:27:23 · 94 阅读 · 0 评论 -
vue 封装动态生成form表单和table表格组件
背景项目中经常遇到新加功能和之前功能类似,结构不变,只是名称和值变化,因此将常用的form表单检索和table表格展示进行封装,有助于提高开发效率和统一样式风格。注:示例中使用iview框架,实际代码结构类似,供参考。动态生成 form 表单组件使用说明:引入文件并注册页面使用并传参,支持输入框、日期选择、下拉选择和查询按钮搜索项,搜索项后面可以通过插槽添加自定义内容组件暴露出的数据为 form 表单项最新数据API:form props属性说明类型默认值原创 2022-04-21 10:51:24 · 7753 阅读 · 1 评论 -
Node进程管理工具—pm2
转载自:https://blog.csdn.net/qq_38128179/article/details/120401139一、官网PM2二、简介PM2是一个内建了负载均衡器的node进程管理工具,可以利用它来简化很多node应用管理的繁琐任务,如性能监控、自动重启、负载均衡等,而且使用非常简单。当你要把你的独立代码利用全部的服务器上的所有 CPU,并保证进程永远都活着,0 秒的重载, PM2 是完美的。三、为什么需要pm2?目前Nodejs开发中有很多痛点,因为node本身是一个单线程应用,原创 2022-04-14 17:35:41 · 1733 阅读 · 1 评论 -
git hooks pre-push提交前判断当前本地分支和要提交到的目标分支,分支名是否一致
背景:项目开发时,因为分支多,且分支名有规律排序,担心会误将本地分支提交到远程其他分支上。案例:如本地a01分支,本要提交到远程a01分支上,push时不小心命令行写的是push到远程b01,结果将本地a01分支提交到远程b01分支上,导致代码混乱。解决方案:为避免此问题,写了git hook钩子,在push提交前检测如果当前分支和要推送到目标分支,分支名不一致时给出警告提示不允许推送;代码实现:#!/bin/shwhile read local_ref local_sha remote_原创 2022-04-13 17:24:36 · 3260 阅读 · 0 评论 -
less中引入公用less文件的变量
less中引入公用less文件的变量踩了无数坑后总结出最好用的方法:webpack添加:{ loader: 'less-loader', options: { globalVars: { 'hack': `true; @import "${path.resolve(__dirname, '../src/style/mobile.less')}"` } }}...原创 2021-07-14 20:47:57 · 754 阅读 · 0 评论 -
常见排序算法速记及思路
冒泡排序思路:它重复地走访要排序的元素列,依次比较两个相邻的元素,如果他们的顺序(如从大到小、首字母从A到Z)错误就把他们位置交换过来.function bubbleSort(arr) { for(let i = 0,l=arr.length;i<l-1;i++) { for(let j=0;j<arr.length-1-i;j++) { if(arr[j]>arr[j+1]) { [arr[j],arr[j原创 2020-06-14 19:33:38 · 353 阅读 · 0 评论 -
微前端项目实战及原理
背景使用微前端在项目中主要是解决使用iframe引入第三方页面时遇到的框架受限,页面交互不统一等问题,项目中遇到的问题大概如下:iframe 内部路由跳转,不会影响到外部的路由地址,无法记住当前访问的页面地址,iframe加载第三方公司应用,在 iframe 里面发生的页面跳转,外部的路由地址是不会变化的,如果我刷新页面,它又回到的之前的页面。iframe 内部的弹窗遮罩问题,iframe内部的弹窗只在内部生效,这样看上去就和左侧菜单以及头部分离了,页面看起来不美观,与正常的UI交互不一致ifra原创 2020-06-14 19:21:55 · 5100 阅读 · 2 评论 -
快速记忆HTTP状态码
转载自:https://blog.csdn.net/weixin_41436338/java/article/details/81629327大家都知道http状态码从1xx到5xx 总共有好几百个要想记住这些状态码并不是个容易事,本人每天看一次状态码,尝试各种背,发现这样并没有什么卵用,于是开启了变相图文理解记忆法方便自己记忆。有一天我们去给猫村的猫妹送信。(对,就是那个全部是猫的村落)...转载 2020-04-28 14:55:19 · 1118 阅读 · 1 评论 -
一张图看懂cookie、 session、localStorage和sessionStorage 之间的区别和使用
为了区分cookie、 sessionStorage和localStorage, 我把三者的异同整理成了下表的格式, 更加容易理解:原创 2019-02-19 11:10:05 · 1203 阅读 · 0 评论 -
深度理解get和post的区别
GET和POST是HTTP请求的两种基本方法,说道他们的区别, 很多接触过web开发的人都能说出一二:Get和post是表单提交数据的两种基本方式,get请求数据通过域名后缀url传送,用户可见,不安全,post请求数据通过在请求报文正文里传输,相对比较安全。get是通过url传递表单值,post通过url看不到表单域的值;get传递的数据量是有限的,如果要传递大数据量不能用ge...原创 2019-02-19 17:26:16 · 250 阅读 · 0 评论 -
css盒模型
css盒子模型包含:内容(content),填充(padding),边框(border),外边距(margin)属性,这些属性可以看成我们日常中见到的盒子来理解,盒子包含上下左右四条边,即盒子有边框,盒子里的东西称之为内容,该内容与盒子四个边之间存在填充,多个盒子之间存在外边距。...原创 2019-02-19 17:33:50 · 138 阅读 · 0 评论 -
js 隐式转换、原型链面试题
一、查看下列代码,请问执行后弹出什么值var name = “World!”;(function () {var name;if (typeof name === ‘undefined’) {name = ‘Jack’;console.log(‘Goodbye’ + name);} else {console.log(‘hello’ + name);}})();分析:变量声...原创 2019-02-20 11:00:32 · 500 阅读 · 0 评论 -
HTTP工作原理
HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写,是用于从万维网(WWW:World Wide Web )服务器传输超文本到本地浏览器的传送协议。 基于TCP/IP通信协议来传递数据。HTTP协议工作于客户端-服务端架构为上。浏览器作HTTP客户端通过URL向HTTP服务端即WEB服务器发送所有请求。Web服务器根据接收到的请求后,向客户端发送响应...原创 2019-02-20 17:07:51 · 384 阅读 · 0 评论 -
TCP三次握手四次挥手解析
TCP是主机对主机层的传输控制协议,提供可靠的连接服务,采用三次握手确认建立一个连接, 关于他的三次握手,理论是这样的 :位码即tcp标志位,有6种标示:SYN(synchronous建立联机) ACK(acknowledgement 确认) PSH(push传送) FIN(finish结束) RST(reset重置) URG(urgent紧急) Sequence number(顺序号码) Ac...原创 2019-02-20 17:12:20 · 219 阅读 · 0 评论 -
vue 双向绑定
vue 双向绑定vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的,那么vue是如果进行数据劫持的,我们可以先来看一下通过控制台输出一个定义在vue初始化数据上的对象是个什么东西。var vm = new Vue({ data: { obj: { a: 1 } }, created: functi...原创 2019-02-18 18:01:21 · 227 阅读 · 3 评论