Vue-cli中fig.js的配置详解1. Vue-cli2 升级到 Vue-cli3+nginx部署前端项目1.1 卸载旧版本Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.> x)，需要先卸载它。npm uninstall vue-cli -g// 或yarn global remove...

angular8与springboot的整合及分离Spring boot+angular 8前后端分离及前后端合并angular 8nginx部署前端项目⾸先确保你已悉知如何使⽤angular 8并且已配置好proxy代理⽂件，angular框架在本地开发时，请求后台会涉及到跨域问题，angular 官⽅解决办法为加载时使⽤proxy代理⽂件来配置跨域请求，使请求能够避免浏览器同源策略带来的拦截。...

前端跨域，nginx反向代理的解决⽅案前端跨域，nginx反向代理的解决⽅案现在越来越多的公司开始使⽤前后端分离的技术，⽽盲⽬的分离是不理智的，跨域也是第⼀难题。我的第⼀份⼯作就是公司第⼀个以前端开发者的⾝份⼊职，此时公司所有的项⽬都已正式运⾏了（项⽬太多，结构复杂，团队分散，后台不能改）先了解⼀下为什么跨域：1.浏览器先根据同源策略对前端页⾯和后台交互地址做匹配，若同源，则直接发送数据请求；若不...

前后端分离项⽬，接⼝访问流程今天在测试时，发现接⼝调⽤的地址和浏览器访问的地址是⼀样的，印象中前后端分离项⽬接⼝调⽤的地址应该是服务端的地址，浏览器访问的地址是前端部署的地址，为啥现在⼀样了呢？原来调⽤接⼝时，先访问的前端地址，再在nginx的配置中对路由进⾏转发！浏览器访问地址nginx部署前端项目接⼝调⽤地址：...

跨域详解nginx部署前端项目⼀.什么是跨域？跨域：指的是浏览器不能执⾏其他⽹站的脚本。它是由浏览器的同源策略造成的，是浏览器对javascript施加的安全限制。例如：a页⾯想获取b页⾯资源，如果a、b页⾯的协议、域名、端⼝、⼦域名不同，所进⾏的访问⾏动都是跨域的，⽽浏览器为了安全问题⼀般都限制了跨域访问，也就是不允许跨域请求资源。注意：跨域限制访问，其实是浏览器的限制。理解这⼀点很重要同源策略...

Vue项⽬打包、合并及压缩优化⽹页响应速度⽬录前⾔nginx部署前端项目⼀.请求内容太⼤解决⽅案：CDN引⼊压缩请求资源⼀.http请求次数太多解决⽅案：总结前⾔影响⽹页响应速度的因素有很多，例如：请求内容太⼤、http请求次数太多、服务器本⾝处理请求太久、JS脚本执⾏耗时过长、浏览器回流重绘等。⽹站页⾯的响应速度与⽤户体验息息相关，直接影响到⽤户是否愿意继续访问你的⽹站。对于Vue项⽬⽽⾔，最普...

Nginx下刷新VUE页⾯出现404原因Nginx下刷新VUE页⾯出现404原因我们知道nginx主要通过http核⼼模块中的location来匹配浏览器发出URL来进⾏资源匹配，匹配成功了就返回结果。下⾯是⼀个简单的nginx配置：server {listen      8080;server_name  localhost;location / {ro...

Vue项⽬如何部署？实战教你前⾔使⽤vue、react、angular等技术开发过程中，我们都会遇到以下问题：1. ⾸屏加载慢2. 每⼀次更新都需要清除浏览器缓存才能看到效果(经常被测试吐槽)这两个问题可以从很多⽅⾯进⾏优化，今天我就从前端页⾯部署阶段来优化⼀下这两个问题。PS：以下内容都基于vue-cli3+。3.光理论是不够的。在此赠送2020最新企业级 Vue3.0/Js/ES6/TS/Re...

前端开发所需基本环境和软件配置需要配置的服务1. node  环境以及node的运⾏运⾏环境live-server和node框架express和koa2. java JDK开发环境3. Python 环境nginx部署前端项目4. tomcat 服务器环境5. nginx 服务器环境6. mysql 数据库环境7. MongoDB 数据库环境8. sass(ruby环境编译sass, n...

详细介绍idm下载以及配置，实现百度⽹盘急速下载不是梦，适合新⼿实现百度⽹盘急速下载以Microsoft Edge为例第⼀步：下载idm。以下为idm下载链接解压下载的idm软件包，按如下步骤操作:⾃定义安装路径、然后⼀直点下⼀步就可以了tampermonkey第⼆步：打开Microsoft Edge浏览器的扩展，打开开发模式将刚才下载好的压缩包⾥⾯的浏览器扩展这个⽂件拖拽到Microsoft E...

UTools，浏览器插件编写特辑最近完成了我很早之前就想⼲的事，尝试编写浏览器插件，在探索途中，学习了⼀下编写UTools插件，与油猴插件，个⼈强烈建议。很多功能没有必要写浏览器插件，编写个油猴插件就好了，⽽且⾮常简单，这些插件⼏乎都是前端知识。油猴插件本质就是在匹配的url页⾯执⾏⽤户⾃定义js常⽤注解含义// ==UserScript==// @name     ...

让Edge浏览器更好的几款神级插件展开全文 相信很多人还没用上Edge浏览器，国内普遍还在使用QQ浏览器，搜狗，360等，广告成灾；Edge浏览器也许会城为例脱坑的选择。在推荐Edge浏览器前介绍几个优点：1.速度快，运行稳定2.插件多，与Chrome通用3.资源占用小4.Microsoft账户一号同步Edge是由微软开发的一款浏览器，账户可以同微软账号一键同步，登录后书签自动同步，切换工作场景更...

chrome⾕歌浏览器使⽤⽅法最详细史上教程2019-06-08更新基于某些原因，如果您安装了⾕歌浏览器，但是如果不做⼀些设置，你会崩溃，搜索任何东西都直接打不开⽹页，但是输⼊域名或者地址栏⼜可以打开，这就很神奇了不是。我的⽹络正常啊 ，怎么就这样了呢？这就是因为您没有更改⾕歌浏览器的默认搜索引擎设置，毕竟国内是不能访问⾕歌的不是。因为才有了本教程出现，旨在让您能像其他浏览器⼀样流畅的使⽤⾕歌浏览...

在中国知⽹下载PDF格式的学位论⽂在中国知⽹下载 PDF 格式的学位论⽂中国知⽹真是奇怪，⾮要⾃⼰搞出⼀个封闭的 CAJ 格式，学位论⽂还不提供 PDF 的格式，逼着⼈们只能去下载它们的 CAJViewer，最不可忍受的是竟然没有 Linux 下的版本！但是众的智慧是⽆穷的，最近发现，通过⼀个 userscript 就可以给学位论⽂页⾯加上“PDF 下载”的按钮。所谓 userscript，就是...

你⽼是说浏览器速度慢，这回原因到了！1、阅读本⽂预计需要 5 分钟，并提供了资源下载。2、本⽂是「⽹上冲浪指南」专题i04篇的2.0版本。3、第⼀时间获取更新，欢迎关注「奔跑中的奶酪」。导读最近有奶友反应，说奶酪的浏览器速度变慢了。包括 Firefox、Chrome、Edge 都有这样的问题，⽽且 CPU 占⽤有时会飙升⾄ 100%。⼀开始我没在意，⼼想应该是电脑配置的问题，直到我也遇到了同样的...

深⼊浅出CDP（ChromeDevToolsProtocol）深⼊浅出 CDP (Chrome DevTools Protocol)14 Jan 2020Table of Contents背景⾃从 Chrome 59 发布⽀持 –headless 启动参数以后 (Windows 上是 60 版本), 轻量级浏览器内核就不再是 webdriver ⼀家独⼤, 甚⾄ phantomjs 作者也发⽂表⽰...

视频加速学习插件安装使用图解一、安装图解注意：该插件默认安装在360浏览器，请核实电脑上是否已有360浏览器。1.文件解压2.鼠标双击安装插件Tampermonkey(4.插件安装提示界面插件安装成功显示界面tampermonkey3安装脚本在360浏览器地址栏中，输入网址（请直接复制粘贴到地址栏，以免输入错误）：/zh-...

IDM下载器教程STEP 1→如何安装1.下载新版IDM文件夹,先运行软件安装程序:IDM 安装完成后关闭注册提醒对话框。（新版IDM下载链接在文末）2.运行压缩包  中的  进行破解，有时候破解不成功，卸载再破解。破解完成。3.全部过程完成，您需要重启一下电脑，再打开  IDM.，点击菜单-->关于 IDM，确认一下是否破解成功。***************...

为什么火狐扩展无法再使用了作者：老万来源：《电脑爱好者》2017年第21期        Q：火狐浏览器和谷歌浏览器一样都是以扩展丰富而闻名的，可是最近将火狐浏览器升级到最新的57版本以后，发现以前安装的扩展都无法使用了。请问这是什么问题？应该如何进行解决呢？        A：这主要是因为火狐浏览器从57版本开始，在...

藤蔓插件使用方法一、什么是藤蔓插件？藤蔓插件是一种用于网页浏览器的扩展工具，它能够增强浏览器的功能和性能。藤蔓插件通常由第三方开发者或浏览器厂商提供，用户可以根据自己的需求选择安装和使用不同的藤蔓插件。二、藤蔓插件的安装方法要使用藤蔓插件，首先需要将插件安装到浏览器中。下面是几种常见的安装方法：1. 通过浏览器插件商店安装大部分主流浏览器都提供了自己的插件商店，用户可以在商店中搜索并安装自己需要的...

Chrome+油猴插件，百度⽹盘免登录下载Tampermonkey（油猴）是⼀款免费的浏览器扩展和最为流⾏的⽤户脚本管理器，它适⽤于 Chrome, Microsoft Edge, Safari, Opera Next, 和Firefox。安装油猴脚本扩展后，可以⾃由定制⽹页，实现你想要的各种功能，堪称“⽹络神器”。⽐如⾃由定制⽹站页⾯、去除⼴告弹窗、下载⽹盘⽂件、破解某些VIP限制等⼀系列强⼤的...

BiuBiuBiu~给浏览器加Buff！Top1 Adblock Plus⼀款超强的⼴告拦截神器，让浏览的页⾯清爽⽆⽐！使⽤前：tampermonkey使⽤后：Top2 Tampermonkey⼀款功能强⼤的浏览器脚本管理扩展Top3 IDM Integration ModuleTop4 Hotspot Shield Free VPN Proxy，嘿嘿，你懂的！免费、⾼速！Top5 Dark Re...

■宋奇华为这款网速测试App名叫《一键测速》，当前在华为商店中上架，《一键测速》App是完全免费的，也没有广告，可谓是相当良心。那么《一款测速》App到底能做出怎样的亮点？要知道市面上的网速测试App可谓是汗牛充栋，没一千也上百，从著名的Speedtest到普通的手机管家，都能测试网速，而这款《一键测速》App的出众之处，就在于它的界面设计。市面上的网速测试App往往只是用一个指针，来呈现测速过程...

良⼼推荐10个强⼤的⾕歌插件给浏览器开挂有哪些实⽤的浏览器插件？现在基于Chromium核⼼的浏览器，内置的插件库包含成千上万的插件，开发者能根据不同的需求开发具有各种功能的插件，⽤以弥补浏览器在某些功能上的先天不⾜。今天，⼩编为⼤家带来了⾼⼿必装的10款神器插件。感兴趣的朋友快来了解⼀下吧。10个强⼤的⾕歌插件1，uBlock，超好⽤的去⼴告插件ublock origin(firefox去⼴告插...

tampermonkeytampeimonkey是干嘛的  起初的油猴是指Greasemonkey，意为“油猴子”，简称“油猴”。是最初运行在Firefox浏览器中的脚本管理器，因为它强大的功能，给用户留下了良好的口碑，导致之后也出现了不少类似油猴的脚本管理器，例如Tampermonkey就是其一，它在Google Chrome浏览器上实现了与Greasemonkey几乎相同的功能，所以...

油猴是什么tampermonkey油猴是一款免费实用且强悍浏览器扩展工具！油猴的全称是Tampermonkey或者Violentmonkey，这是一个伟大的浏览器扩展工具。有这款工具的存在，我们的浏览器就可以更加智能，高效，和“变态”。看视频 for free、搜索屏蔽广告，搜索豆瓣资源，百度云高速下载等都可以实现。主要使用的平台是chrome浏览器。不过现在360、搜狗、火狐、遨游、欧朋等浏览器...

■宋奇华为这款网速测试App名叫《一键测速》，当前在华为商店中上架，《一键测速》App是完全免费的，也没有广告，可谓是相当良心。那么《一款测速》App到底能做出怎样的亮点？要知道市面上的网速测试App可谓是汗牛充栋，没一千也上百，从著名的Speedtest到普通的手机管家，都能测试网速，而这款《一键测速》App的出众之处，就在于它的界面设计。市面上的网速测试App往往只是用一个指针，来呈现测速过程...

1.打开浏览器到扩展（Edge浏览器，谷歌浏览器）1）有安装过插件    2）没安装过插件2.安装插件方法一：搜索安装方法二：手动安装1）打开开发人员模式2）加载解压缩的扩展（或者直接拖拽压缩包至此）3）成功界面3.安装相关脚本点击用户脚本1）视频类A. 搜索视频B. 选择想要安装的脚本，点击安装即可2）文档类（同上，需要啥文档搜索安装相应脚本即可）4.使用教程1）视频点击v...

Chrome最强插件！Tampermonkey油猴脚本入门教程​事前准备下载和安装的教程我就不细说了，这里可以看之前写的文章。下载地址: h/info?token=dhdgffkkebhmkfjojejmpbldmpobfkfo安装方法: h/help?token=setup如果要更多的其他chrome扩展插...

简单解决⽹课或教育平台在线学习视频⿏标检测问题前⾔由于⼯作性质问题，朋友们知道博主整天盯着电脑，经常会遇到没时间的朋友让我帮忙刷⽹课或者驾校的继续教育学习平台，有的⽹站只要你⿏标切换到其他浏览器标签或者最⼩化浏览器就会停⽌视频的播放。so，我当然不可能⼯作时间划⽔⼀直开着学习页⾯啦，解决办法也有很多种，⽐如js、虚拟机等等，接下来四种⽅法⼀⼀说明，针对本⽂题⽬来说，尽量做到看完就做得到，⼩⽩也能学...