技术方案：在外部网址调试本地js（基于fiddler）

1 解决的问题 1) 场景1:生产环境报错对前台开发来说,业务逻辑都在js中,所以报错90%以上都是js问题. 如果生产环境出现报错,但是测试环境正常.这时修改了代码没有环境验证效果,直接升级到生产环境风险又太高--(1)万一升级后依然不好使导致客户不耐烦呢?(2)万一牵连出别的问题呢? 此时需要一种方法,可以在生产环境的网址上调试本地的js文件. 2) 场景2:本地工程不给力某个任务修改了js文件,进行单元测试时发现本地工程太慢,或者本地工程更新了代码后项目无法…

vscode断点调试本地客户端文件

一.安装chrome,安装vscode,打开vscode编辑器,安装插件Debugger for Chrome 二.新建文件 1.目录结构 . ├── index.html ├── index.js 2.在vscodeDebug工程中,新建index.html <!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"…

利用fiddler和mock调试本地微信网页

利用fiddler和mock调试本地微信网页微信公众号网页是比较特殊的页面,普通页面直接打开即可访问,但对于需要请求微信相关接口的部分需要安全域名认证.这导致了使用mock数据进行开发的页面没办法走完整个流程,还是需要把代码发布到服务器上才可以测试.而发布服务器的速度总是要时间的,每次修改都发布服务器耗时较长,大大延长了开发时间.使用一种本地开发的技术就比较重要了. https是一种安全的认证,我们要进行伪造数据进行劫持的话就必需自签证书,通过系统信任就可以将https的数据指向任何我们想要的…

全面解密QQ红包技术方案：架构、技术实现、移动端优化、创新玩法等

本文来自腾讯QQ技术团队工程师许灵锋.周海发的技术分享. 一.引言自 2015 年春节以来,QQ 春节红包经历了企业红包(2015 年).刷一刷红包(2016 年)和 AR 红包(2017 年)几个阶段,通过不断创新玩法,活跃度节节攀升,成为春节一大玩点,给火红的春节带来一抹亮色.2017 年除夕,AR 红包.刷一刷红包再创新高,抢红包用户数达 3.42 亿,共刷出红包 37.77 亿个. 那么,QQ 红包的技术方案究竟是怎样的?其整体架构如何?重要的系统是如何设计的?为了保证用户的体验,手机…

C#开发BIMFACE系列49 Web网页中加载模型与图纸的技术方案

BIMFACE二次开发系列目录 [已更新最新开发文章,点击查看详细] 在BIMFACE二次系列博客中详细介绍了服务器端API的调用方式,如下列表 C#开发BIMFACE系列1 BIMFACE 简介 C#开发BIMFACE系列2 二次开发流程 C#开发BIMFACE系列3 服务端API之获取应用访问凭证AccessToken C#开发BIMFACE系列4 服务端API之源上传文件 C#开发BIMFACE系列5 服务端API之文件直传 C#开发BIMFACE系列6 服…

「微前端实践」使用Vue+qiankun微前端方案重构老项目的本地验证

10月份换了新的工作,参与完一个月的需求迭代后,接到了项目重构的任务.简单来说,需要在短时间内提出方案设想,同时进行本地验证,最终需要拿出一套技术替换方案来.于是,埋头苦干了一个月,总算干了点成绩出来,今天把当时的思考和实践做个简单总结,就当是个复盘吧. 一.老项目现状最初接触到的老项目,使用到的前端技术栈主要是(jQuery1.8 + layui-v2.5.4 + ExtJS4.2.1.883),当时拿到这个项目的时候,上手书写起来竟然有点手生,毕竟这几年长时间使用的都是vue和react,…

如何写好B端产品的技术方案？

B端产品为企业提供协同办公的工具,帮助企业解决某类经营管理问题,核心价值在于为企业增加收入.降本提效.管控风险,企业级SaaS产品也是B端产品中的一类. B端产品有以下特点: 客户是一个群体:B端产品为某个企业组织服务,一项工作通常需要由多名角色完成,例如,门店要货流程,需要门店店员.总部运营.仓储人员.配送人员共同完成,B端产品帮助他们完成分工协作. 功能繁杂:由于B端产品涉及企业经营的方方面面,关联的用户角色.业务流程非常繁多,反应到产品上,菜单.界面.配置项特别多,复杂度远高于C端产品.…

用node-inspector调试Node.js(转自NOANYLOVE'S BLOG）

原文地址:http://www.noanylove.com/2011/12/node-the-inspector-debugging-node-js/ 用node-inspector调试Node.js 2011年12月15日 | 标签: JavaScript, Node.js, 调试重要:因为node和node-inspector更新了的缘故,现在的界面有一些不同,抽空我会更新一下.另外,下面的debug参数前应该是两个“-”,不知道为什么显示出来只有一个“-”.比较郁闷. 据说,一个…

关于封装Dll为Web Service技术方案的讨论

关于web架构技术方案的讨论整理 Sonictl 2014年1月25日10:05:52 本着"三人行必有我师"的学习态度,我在近期跟x老师做了大量沟通,结合我们单位对于"xxx"项目的推进情况,整理一下有关技术方案的讨论结果. 讨论背景:某单位希望把他们在PC上的某算法包DLL封装成WebService服务. X老师主张用c++ 来封装web service, 原因如下: 1.测试 DLL 性能时将外围性能影响降到最低,C++封的包可以做到这一点.而使用 Ruby/…

VSCode调试Html中的脚本 vscode前端常用插件推荐，搭建JQuery、Vue等开发环境 vsCode 添加浏览器调试和js调试的方法总结 VS Code - Debugger for Chrome调试js

一.背景使用Visual Studio Code写了一个简单的Html页面,想调试下其中script标签里的javascript代码,网上查了一通,基本都是复制粘贴或者大同小异的文章,就是要安装Debugger for Chrome插件,修改launch.json配置信息,F5启动,这些都照做了,但是仍有两个问题,一个是Html文件里不能打断点,只能在js文件里面打,二是chrome打开后说连接不到localhost,下面分别讲讲是怎么解决. 二.Html文件中不能打断点问题默认情况下,VS…

使用Chrome DevTools直接调试Node.js与JavaScript(并行)

Good News: 现在我们可以用浏览器调试node.js了!!! 前提 Node.js 6.3+, 这个可上Node.js官网自行下载: Chrome 55+. 如果您本地的chrome升级到最新版后还是<55, 可以从此处下载:Chrome Canary,亲测可行. 配置就目前来说,在浏览器端并行调试JavaScript与Node.js还属于新特性,新体验.为了能够正常使用,你还需要做如下配置: 输入url:chrome://flags/#enable-devtools-experime…

HLS直播技术方案及踩过的坑

一.为什么是IJKPlayer 在基础技术方面,后端有比較成熟的系统,就不再说了,这里说说client方面. 有直播就会有弹幕.基本上是标配了. 字幕方面bilibili开源了一个Android的项目,只是IOS却没有,这个仅仅能自己写了,只是本身这个东西技术方案没有什么太高深的东西.建立一个HTTP连接.不停地读数据就好了.假设关闭字幕,就把连接断掉. 在显示方面可能要考虑一些细节问题,像速度.位置.字数限制.之类的. 播放器方面,Android和IOS理论上是原生支持HLS播放的,只是实际应…

网易云信技术分享：IM中的万人群聊技术方案实践总结

本文来自网易云信团队的技术分享,原创发表于网易云信公众号,原文链接:mp.weixin.qq.com/s/LT2dASI7QVpcOVxDAsMeVg,收录时有改动. 1.引言在不了解IM技术的人眼里,群聊是再平常不过的功能而已,万人群聊?应该也不难实现吧?! 确实,从前端功能界面上来看,群聊无非就是个循环向群员发送消息的一对多聊天消息分发模式而已,难在何处? 真实的情况是,群聊是IM系统中的高难度技术点之一.难在哪?难在服务端!从某种角度上说,群聊功能的架构设计和技术实现的品质,可以代表这款…

阶段5 3.微服务项目【学成在线】_day16 Spring Security Oauth2_03-用户认证技术方案-Oauth2协议

2.2 Oauth2认证 2.2.1 Oauth2认证流程第三方认证技术方案最主要是解决认证协议的通用标准问题,因为要实现跨系统认证,各系统之间要遵循一定的接口协议. OAUTH协议为用户资源的授权提供了一个安全的.开放而又简易的标准.同时,任何第三方都可以使用OAUTH认证服务,任何服务提供商都可以实现自身的OAUTH认证服务,因而OAUTH是开放的.业界提供了OAUTH的多种实现如PHP.JavaScript,Java,Ruby等各种语言开发包,大大节约了程序员的时间,因而OAU…

WebGL three.js学习笔记加载外部模型以及Tween.js动画

WebGL three.js学习笔记加载外部模型以及Tween.js动画本文的程序实现了加载外部stl格式的模型,以及学习了如何把加载的模型变为一个粒子系统,并使用Tween.js对该粒子系统进行动画设置模型动画demo演示(网页加载速度可能会比较慢) demo地址:https://nsytsqdtn.github.io/demo/naval_craft/naval_craft demo截图如下: 原模型截图: 在我们写three.js的网页的时候,大多时候并不需要我们去手动建立模型,一些…

菜鸟电子面单对接技术方案（link）

一.背景快递业务日新月异,收发快递是生活中不可缺少的一部分了,特别是做微商的商家,每天发送大量的快递.填写快递单已经成为过去式,快递小哥上门收件的时候,都使用手持的中端设备,再也不用客户填写快递单了.技术的更新带来的方便是有目共睹的.然而面对每天几十件的发送量,这种方式还是有点慢,且不说快递小哥有多少耐心,时间久了也没有那家快递单独为你服务,这是其一,其二是快递单和包裹是否及时准确的对应,这也是在发送大量快递时候经常搞错的事情,那么有没有一种方法,自己打印快递单,自己给包裹贴上快递单呢?答案…

C#开发BIMFACE系列52 CS客户端集成BIMFACE应用的技术方案

BIMFACE二次开发系列目录 [已更新最新开发文章,点击查看详细] 在我的博客<C#开发BIMFACE系列49 Web网页集成BIMFACE应用的技术方案>.<C#开发BIMFACE系列50 Web网页中使用jQuery加载模型与图纸>.<C#开发BIMFACE系列51 Web网页中使用Vue.js加载模型与图纸>三篇文章中介绍了Web网页中集成BIMFace应用开发的技术方案与示例程序.在建筑领域中涉及的应用管理系统绝大部分都是BS架构Web形式,这是主流趋…

分布式锁1 Java常用技术方案

前言: 由于在平时的工作中,线上服务器是分布式多台部署的,经常会面临解决分布式场景下数据一致性的问题,那么就要利用分布式锁来解决这些问题.所以自己结合实际工作中的一些经验和网上看到的一些资料,做一个讲解和总结.希望这篇文章可以方便自己以后查阅,同时要是能帮助到他人那也是很好的. ===============================================================长长的分割线===================================…

unity小地图技术方案总结

技术方案一:从顶视图获取实时小地图(优点实现快容易对地图进行放大缩小操作而且地图,缺点是不好对地图做出修改,只能在顶部加个另外的相机层来遮盖) 1.创建Redertexture并改名为smallmaptexture: 2.在主角的上方创建一个相机,并将它正对主角,为正交模式,而且targettexture设置为上述的smallmaptexture:注意下列所示的参数,是主要的影响.Cullmask来让其他不需在小地图显示的物体忽略,Size对小地图的可视范围进行调节.并将这个摄像机当做玩家的子…

iOS多线程技术方案

iOS多线程技术方案目录一.多线程简介 1.多线程的由来 2.耗时操作的模拟试验 3.进程和线程 4.多线程的概念及原理 5.多线程的优缺点和一个Tip 6.主线程 7.技术方案二.Pthread --- 1.函数 2.参数和返回值 3.使用三.NSThread --- 1.创建一个新的线程 2.线程的状态 3.线程的属性四.互斥锁 --- 1.访问共享资源引入问题! 2.互斥锁介绍 3.互斥锁原理 4.互斥锁和自旋锁五.GCD --- 1.GCD介绍 2.GCD的两个核心 3.函数…

chrome调试本地项目, 引用本地javascript文件

chrome调试本地项目, 引用本地javascript文件本地文件可以访问本地文件修改快捷方式属性 C:\Users\xxx\AppData\Local\Google\Chrome\Application\chrome.exe --args --disable-web-security --allow-file-access-from-files 修改user-agent 可以伪装成ipad或者其他的 --user-agent="Chrome_eu"…

如何用 fiddler 代理调试本地手机页面

最近在做移动端的页面,但是移动端的调试很蛋疼.虽然说 90% 的功能都能用 chrome 下的模拟器来模拟解决,但是剩余的 10% 却只能在真机上调试.比如说一两个像素的误差,比如说只有真机上才能重现的一些 bug(可能是因为 pc 机反应太快无法重现,可能是因为 chrome 下的 touch 跟移动真机的 touch 还有很大差别,等).之后请教了下测试妹子,学习了下用 fiddler 代理调试本地页面,实在是爽歪歪!! 1.安装 fiddler 很显然第一步要安装 fiddler 代理,我…

Facebook存储技术方案：找出“暖性BLOB”数据

Facebook公司已经在其近线存储体系当中彻底弃用RAID与复制机制,转而采用分布式擦除编码以隔离其所谓的“暖性BLOB”. 暖性?BLOB?这都是些什么东西?大家别急,马上为您讲解: BLOB——也就是二进制大对象,包括Facebook用户的图片以及视频等等. 暖性——是指那些必须进行保存,访问频率低于热门数据但却又高于归档或者冷门数据的信息.通常情况下,这些数据已经产生了一周以上.当然,热门BLOB的访问频率仍然较高. 擦除编码——向一条字节串中添加经过计算的奇偶校验值(即里德所罗门码,简…

vs调试本地IIS

http://www.cnblogs.com/minesky/p/3389955.html 准备篇-配置IIS环境网站发布到测试环境或者生产后,经常会出现各种让人解不开的疑问,想调试也调试不了.可以本地iis中把测试或者生产的环境和网站配置在本地IIS中调试本地iis的网站,找到问题. 在发布网站之前,需要安装iis环境! 之后点击确定即可! 发布网站至IIS-附加到进程调试 1. 用VS2010将整个站点发布到某个文件夹下. 选择目标位置: 2. 在IIS中添加刚刚发布的…

分布式锁1 Java常用技术方案(转)

转:http://www.cnblogs.com/PurpleDream/p/5559352.html#3450419 前言: 由于在平时的工作中,线上服务器是分布式多台部署的,经常会面临解决分布式场景下数据一致性的问题,那么就要利用分布式锁来解决这些问题.所以自己结合实际工作中的一些经验和网上看到的一些资料,做一个讲解和总结.希望这篇文章可以方便自己以后查阅,同时要是能帮助到他人那也是很好的. ============================================…

chrome加载本地js

通过chrome的扩展功能,可以执行一些本地脚本. 1.如何添加扩展程序具体做法是:chrome -> 设置 -> 扩展程序 -> 加载正在开发的扩展程序图(1.1) 图(1.2) 2.如何开发一个扩展程序? 扩展程序是一组文件集合,也就是一个文件夹(自定义名称),包括一个manifest.json(名称固定) {"name": "自定义扩展程序名称", "version": "自定义版本号", &quo…

Android基于WIFI实现电脑和手机间数据传输的技术方案研究

Android手机和电脑间基于wifi进行数据传输,从技术上讲,主要有两种方案: 一种是通过ftp协议实现,Android手机作为数据传输过程中的ftp服务器: 一种是通过http协议实现.Android手机作为数据传输过程中的http服务器. 所以,技术实现的难点在于我们的app怎么实现ftp或者http服务器的功能,当然可以自己先阅读ftp协议或者http协议,根据规范自己实现一个,如果你时间充裕.技术过关的话:另一种方法是寻求开源社区的帮助,本文重点通过分析市场上已有的几款实现wifi数据…