这次问题是从Btools更换获取数据方式开始的，因为B站收藏夹在前台页面返回的数据中删除了失效视频的封面和标题，导致原来的程序无法获取视频信息。
Nuxt 是 Vue 项目服务器端渲染（SSR)解决方案。而在使用时，就会遇到前后端分离情况下的域名或端口不一致导致的跨域问题。本文将介绍如何通过设置代理解决 Nuxt 与 axios 集成的跨域问题。
昨晚在家里调试一个页面，弄了好一会，fiddler都没有抓到数据。最后Google之，才发现因为我等都装了SwitchySharp这类自动翻墙插件。导致Chrome的流量没有走系统代理，而Fiddler是对系统代理进行了转发，故而fiddler没有抓到Chrome的流量。
在开发中，有时会遇到这种问题：通过浏览器去访问一个接口可以正常获取到信息，但是通过点击事件去请求这个接口却无法正常获取到想要的信息。此时，你可能就是遇到跨域问题了， 在Egg中的解决方案如下：
你只需要看完上面那篇文章和掌握一些前端开发基础，就足以自行编写一个 Chrome 插件。本文也是基于上面文章加上自己之前写的插件所记。
在页面渲染时需要动态获取iframe子页面的高度，然后重新设置iframe高度，达到自适应的目的，但是由于iframe子页面中也涉及到访问其他系统的页面，这就使得页面渲染时无法获取子页面高度，这里涉及到跨域访问子页面问题。
JsonP技术 介绍 JsonP 跨域 同源策略 非同源限制以下行为 常见的跨域场景 跨域的解决方案 JsonP的优缺点 Json的使用 搭建应用场景 JsonP实现手动跨域 jsonDemo1的jsp页面(发送跨域请求) jsonDemo2的controller JsonUtils工具类(需要添加相关坐标jackson-databind) 实现自动跨域(SpringMVC对JsonP的支持) jsonDemo1的jsp页面同上 jsonDemo2的controller 介绍 JsonP Jsonp
什么是axios呢？了解，并去使用它，对于axios发送请求的两种方式有何了解，以及涉及axios跨域问题如何解决。
看起来是跨域问题，也就是只支持 http，https 等这种类型的跨域请求，不支持 file 协议类型的（直接本地打开文件）。解决方案如下：
在网页中加载并显示PDF文件是最常见的业务需求。例如以下应用场景：（1）在电商网站上购物之后，下载电子发票之前先预览发票。（2）电子商务管理系统中查看发布的公文，公文文件一般是PDF格式的文件。
自动接触前端，跨域这个词就一直萦绕在耳畔。因为一般接手的项目都已经做好了这方面的处理，而且之前一直感觉对这方面模棱两可，所以今天就抽个时间梳理一下。
我们用webpack或vite等工具开发本地项目时，浏览器一般会输入的域名是：127.0.0.1:3000来调试页面。当要请求三方接口时「随便拿个api来举例子」，就会发生下面情况。。。
https://www.cnblogs.com/whq920729/p/6306131.html
-多年互联网运维工作经验，曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维，曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台（功能如下）： 1)整合了各个公有云API，自主创建云主机。 2)ELK自动化收集日志功能。 3)Saltstack自动化运维统一配置管理工具。 4)Git、Jenkins自动化代码上线及自动化测试平台。 5)堡垒机，连接Linux、Windows平台及日志审计。 6)SQL执行及审批流程。 7)慢查询日志分析web界面。
Chrome插件开发入门 chrome插件开发 说白了就是前端开发，只需要你懂一点js、css、html 就可以马上动手做一个浏览器插件。 先看看效果图： 在Chrome平台的支持下, 我们的扩
1.7.1拆分了录屏代码，BUG监控插件压缩至18K，另外我们还原了部分Script error，帮助用户更方便地Debug。请大家及时更新哈~
数栈是云原生—站式数据中台PaaS，我们在github和gitee上有一个有趣的开源项目：FlinkX，记得给我们点个star！star！star！
对于head插件，由于现在我们的es版本为7.13.4，在之前5以下的版本安装的时候只需要通过插件就能安装。而大于5的版本，则需要安装node，并需要提前安装grunt，之后通过npm的方式才能安装。
闲的蛋疼，突然想做点h5开发了，对比了一下react和vue，果断选择了vue作为学习框架，一来是因为之前做小程序，比较熟悉vue这套模式，二来因为vue的的确确上手比react要轻松很多。
我们先看看 vite.config.js里面的常用配置，其他配置可以看官网：https://cn.vitejs.dev/config/
Respond.js 是一个快速、轻量的 polyfill，用于为 IE6-8 以及其它不支持 CSS3 Media Queries 的浏览器提供媒体查询的 min-width 和 max-width特性，实现响应式网页设计（Responsive Web Design）。
在上一篇文章“如何及时发现网页的隐形错误”中我们讲了，前端有哪些常见的异常，以及如今监控获取这些异常的方法，今天我们就来讲讲我是如何来监控我的JavaScript异常的。
昨天我把站点内的所有图片 copy 了一份到腾讯云的 COS 存储，腾讯云 COS 对象存储是腾讯云为企业和个人开发者们提供的一种能够存储海量数据的分布式存储服务，用户可随时通过互联网对您的大量数据进行批量存储和处理，也就是说，我们可以拿来当做 WordPress 的图床使用，并且使用 COS 标准存储的用户，每月还可享受一定的免费额度的。 免费额度 资源类型 资源子类型 每月免费额度 存储空间 存储空间 50 GB 流量 外网下行流量 10 GB 流量 腾讯云 CDN 回源流量 10 GB 请求 读请求
好多人认为whistle是抓包工具，殊不知抓包只是whistle能力的冰山一角。除了抓包外，它还能修改请求与响应、真机调试h5移动端、解决跨域、域名映射等等等。总而言之，使用whistle能够提升我们的开发效率，改善开发体验。
Vue 2.0 之后官方推荐使用 axios 来完成前端的网络请求，不再推荐使用 vue-resource 了。下面我们安装使用 axios，来完成的常见的 get ，post 请求。并解决常见的跨域问题。 而axios的强大包括以下几点：
视频编码后要使用播放器对其进行解码、播放视频内容。在web应用中常用的播放器有flash播放器、H5播放器或 浏览器插件播放器，其中以flash和H5播放器最常见。
在2019年初，微软正式选择了Chromium作为默认浏览器，并放弃edge的发展。并在19年4月8日，Edge正式放出了基于Chromium开发的Edge Dev浏览器，并提供了兼容Chrome Ext的配套插件管理。再加上国内的大小国产浏览器大多都是基于Chromium开发的，Chrome的插件体系越来越影响着广大的人群。
合理使用resolve.extensions 优化resolve.modules
期望在自己创建的vue项目中定义自己的路由，自己的组件，实现前后端分离的小demo。让之前的学习能够更加贴近实战，对vue的前端开发流程有个清晰的了解。
近期，Chrome 92 进行了发布，我们来看看 Chrome 92 中提及的一个影响比较大的破坏性改动。
Egg.js 简介：https://eggjs.org/zh-cn/index.html
或者我们可以使用可视化安装、配置、安装插件、启动项目。 在命令窗口中使用vue ui，弹出页面
系列文章 实战使用Axure设计App,使用WebStorm开发(1) – 用Axure描述需求 实战使用Axure设计App,使用WebStorm开发(2) – 创建 Ionic 项目 实战使用Axure设计App,使用WebStorm开发(3) – 构建页面架构 实战使用Axure设计App,使用WebStorm开发(4) – 实现页面UI 实战使用Axure设计App,使用WebStorm开发(5) – 实现页面功能 实战使用Axure设计App,使用WebStorm开发(6) – 迈向后端
第一，whistle 是一个 web 调试代理工具，它的功能十分强大。作为一名前端，我们需要经常跟协议中的应用层打交道，Mock 数据、跨域问题、cookie 的修改、移动端调试等等，都是我们必备的技能，而 whistle 就能解决其中 90% 的问题
所谓打包多页面，就是同时打包出多个 html 页面，打包多页面也是使用 html-webpack-plugin，只不过，在引入插件的时候是创建多个插件对象，因为一个html-webpack-plugin 插件对象只能打包出一个 html 页面。如:
chrome 在 73 版本后，限制了 content-script 跨域请求目前只有一个解决办法，废弃 content-script 跨域请求，使用background.js 执行跨域请求，但这样有个最大的问题是无法支持文件上传。
用elementUI搭建后台界面；不错的选择； 配合vue,这里不得不说跨域调试； 目前webpack是时下流行的打包工具。也叫前端自动化解决方案； 第一个坑就是：修改了js记得重新编译下； 之前遇到一个问题相同的http请求axios为什么获取不到data数据。一度怀疑是后端服务的问题。但是后端服务通过地址栏 可以直接访问到api;
作者：vienwu 随便写点啥，不然要被k。。 javascript 的出错我们应该都很熟悉，例如xxx undefined,SyntaxError等。 我们 team 将出现错误的 javascri
``` javascript的出错我们应该都很熟悉，例如`xxx undefined`,`SyntaxError`等。 我们team将出现错误的javascript代码取名为badjs，也有一个
Promise本身是同步的立即执行函数， 当在executor中执行resolve或者reject的时候, 此时是异步操作， 会先执行then/catch等，当主栈完成后，才会去调用resolve/reject中存放的方法执行，打印p的时候，是打印的返回结果，一个Promise实例。
function define(){ ... } var a = define; define = function(){ try{ a.apply(this,arguments); }catch(e){ ...错误上报 } };
安装middleware插件后，在src目录中新建setupProxy.js文件，在文件中放入如下代码：
代码已上传至github github代码地址：https://github.com/Miofly/mio.git
本文有配套视频：https://www.bilibili.com/video/av58096866/?p=8 一、为什么会出现跨域的问题 跨域问题由来已久，主要是来源于浏览器的”同源策略”。
针对android系统不支持pdf文档在线预览，可通过引入pdf.js插件实现，其具体实现步骤如下
基于Vuecli搭建的vue项目简单快捷，易于开发。在node.js的加持下你可以更快的引入万千JavaScript开发库，仅仅依靠前端就可以实现以前使用后端才能实现的功能，如通过axios便可以快捷的与后端进行数据交互等。
此文章介绍vue-cli脚手架config目录下index.js配置文件 此配置文件是用来定义开发环境和生产环境中所需要的参数 关于注释 当涉及到较复杂的解释我将通过标识的方式(如（1）)将解释写到单独的注释模块，请自行查 3.上代码 // see http://vuejs-templates.github.io/webpack for documentation. // path是node.js的路径模块，用来处理路径统一的问题 var path = require('path') module
最近在看一些浏览器相关的知识，然后就看到了chrome扩展开发文档，觉得很有意思，就按照文档做了一个最简单的demo实现页面上video的自动下载。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
