这次问题是从Btools更换获取数据方式开始的，因为B站收藏夹在前台页面返回的数据中删除了失效视频的封面和标题，导致原来的程序无法获取视频信息。
单点登录功能分析 请求的url：/user/login 请求的方法：POST 参数：username、password，表单提交的数据。可以使用方法的形参接收。 返回值：json数据，包含一个token。 业务逻辑： 登录的业务流程：
说到跨域访问，必须先解释一个名词：同源策略。所谓同源策略就是在浏览器端出于安全考量，向服务端发起请求必须满足：协议相同、Host(ip)相同、端口相同的条件，否则访问将被禁止，该访问也就被称为跨域访问。
这段代码的关键在于：var x = y = 1; 实际上这里是从右往左执行的，首先执行y = 1, 因为y没有使用var声明，所以它是一个全局变量，然后第二步是将y赋值给x，讲一个全局变量赋值给了一个局部变量，最终，x是一个局部变量，y是一个全局变量，所以打印x是报错。
在一开始,我打算将其他网站的图片放在自己的网站（http://localhost…）上显示.
前阵子解决了博客在低版本 IE 下会假死的问题，发现居然是因为我自定义 CSS 的闭合误用了中文大括号导致的！ 解决这个问题之后，又发现了另外一个坑：发现博客在 IE8 及以下版本的响应式不生效。 奇
我们知道，http 是无状态的，也就是说上一次请求和下一次请求之间没有任何关联。但是我们要实现应用的功能，很多时候是需要有状态的，比如登录之后，再添加购物车，那就应该识别出是登录用户做的。
鼠标离开用户名输入框时,检查是否符合要求,如果为空,则给提示,如果不为空,则异步查询数据库,后返回结果;
写过一篇《互联网安全知多少》，内容主要参考了道哥的白帽子一书，本文来篇实际小案例实战下。
前段时间文库类微信小程序开发中遇到个问题，就是要在小程序中预览阿里云 OSS 中的 pdf 文件。微信官方给的方案就一个，就是把文档缓存到本地然后用资源管理器打开。
关键代码是：Axios.defaults.baseURL = '/api'，这样每次发送请求都会带一个/api的前缀。
1、请描述cookie,sesstionStorage,localStorage三者之间的区别
所有的性能优化中，缓存是最重要也是最直接有效的，毕竟现在都这么忙，可等不了网页转菊花。
前端从后端剥离，形成一个前端工程，前端只利用Json来和后端进行交互，后端不返回页面，只返回Json数据。前后端之间完全通过public API约定。
有时候，我们需要对特定地区城市/国家的网站访客进行不同的网页跳转。比如，中国用户访问www.bing.com自动跳转到https://cn.bing.com。下面就是我实现的方法，分享给大家，顺便做个记录。
Vue-Router 的默认模式为 hash 模式，会在链接中加上一个 # ，非常难看，使用 history 模式后，则可以去除。
概念：java里的拦截器是动态拦截Action调用的对象，它提供了一种机制可以使开发者在一个Action执行的前后执行一段代码，也可以在一个Action执行前阻止其执行，同时也提供了一种可以提取Action中可重用部分代码的方式。
本文总结自实习中对项目对重构。原先项目采用Springboot+freemarker模版，开发过程中觉得前端逻辑写的实在恶心，后端Controller层还必须返回Freemarker模版的ModelAndView，逐渐有了前后端分离的想法，由于之前比没有接触过，主要参考的还是网上的一些博客教程等，初步完成了前后端分离，在此记录必备查阅。
原先项目采用Springboot+freemarker模版，开发过程中觉得前端逻辑写的实在恶心，后端Controller层还必须返回Freemarker模版的ModelAndView，逐渐有了前后端分离的想法。
问题：由UIWebView切WKWebView后，HTML加载本地HTMLString时，图片无法显示。 WKWebView加强了安全性，不再允许跨域访问，所有跨域地址都失效了，包括不再同一文件夹下的CSS、JS等文件引用。 解决办法： 1、把src中的图片单独读取出来，然后转成Data拼到src中。 2、移动图片存储到tmp中,加载本地Html时设置BaseURL即可（tmp会被定期清理，且无法兼容老版本，弃） 3、启动一个本地服务器，拥有一个读取沙盒的权利（推荐使用） 前面两种就不说
背景：因为axios中只能使用get和post方法来进行请求数据，没有提供jsonp等方法进行跨域访问数据
同源是指 " 协议+域名+端口 " 三者相同，即便两个不同的域名指向同一个 ip 地址，也非同源。
Jsonp 的实现原理就是：创建一个回调函数，然后在远程服务上调用这个函数并且将 JSON 数据形式作为参数传递，完成回调。
主题有好多模板设置了分类的背景图，调用了第三方api但是最近第三方挂了，嗯嗯，这就是图省事不写代码的后果，一旦图片都失效，网站打开速度慢不说，图片的背景图还是灰蒙蒙一片，非常尴尬。。。百度了下必应每日api源代码有很多，但是随机显示的也都是调用人家自己的，这样就可能再次出现无法打开的情况，但是仅仅调用一张图片又略显单调（最烦我这种啥也不是，要求还多的人。。。），终于皇天不负有心人让我找到了一个随机显示必应图片的api调用方法，附上代码及适用教程。
本文总结自实习中对项目的重构。原先项目采用Springboot+freemarker模版，开发过程中觉得前端逻辑写的实在恶心，后端Controller层还必须返回Freemarker模版的ModelAndView，逐渐有了前后端分离的想法，由于之前，没有接触过，主要参考的还是网上的一些博客教程等，初步完成了前后端分离，在此记录以备查阅。
在系统中某些选项是几个特定的值的一个或多个，并且随着还可以动态添加。比如支付方式，配送方式等。
设置缓存大家可能大家都是从性能角度去考虑的，但是如果你不注意或者稍微设置不当，缓存也可能对我们的网站的安全性和用户隐私造成负面影响。
跨域大家都知道，不同地址，不同端口，不同级别，不同协议都会构成跨域。例如：about.haorooms.com和www.haorooms.com都会构成跨域。总结起来只要协议、域名、端口有任何一个不同，都被当作是不同的域。下面举例，每两个一组。
目前大多数Web应用采用前后端分离方式进行开发。所以前端网站或应用都属于SPA（Single Page Application）。如果前端，后台API部署在同域下，不存在跨域的情况，登录方式相对简单。
SQL注入的发现主要靠手工测试和自动化工具。手工测试主要通过输入不同类型的恶意数据在页面的输入框中,观察页面返回的结果来判断是否存在SQL注入漏洞。自动化工具如sqlmap可以模拟手工测试,自动发现SQL注入点。
Web前端技术由html、css和javascript三大部分构成，是一个庞大而复杂的技术体系，其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入，然后不断地接触和学习新的知识点，因此对于初学者很难理清楚整个体系的脉络结构。本文将对Web前端知识体系进行简单的梳理，对应的每个知识点点到为止，不作详细介绍。目的是帮助大家审查自己的知识结构是否完善，如有遗漏或不正确的地方，希望共勉。
这里注意，这里代理只支持本地开发时使用。在将整个项目放到服务器后，需要在web服务器配置后端服务的代理。否则前端页面的请求不可用！！
SSO系统就是解决分布式环境下登录问题的，本质上是解决分布式环境下Session共享问题。
近期，Chrome 92 进行了发布，我们来看看 Chrome 92 中提及的一个影响比较大的破坏性改动。
随着前端技术的发展，越来越多的业务场景中需要前端来处理文件下载。在众多的方法中，通过标签的 download 属性实现下载是其中常见也是比较简单的一种方法。
跨域需要针对浏览器的同源策略来理解，同源策略指的是请求必须是同一个端口，同一个协议，同一个域名，不同源的客户端脚本在没有明确授权的情况下，不能读写对方资源。
需求描述 上上周接到了新的项目，移动端需要做一个底部有五个导航，点击不同的导航页面主体显示不同的页面，其中两个页面是自己做，而另外三个页面是引用另外三个网址，其中两个网址为内部项目，另外一个为外部（涉及跨域）。 问题 考虑再三后最省时间成本的就是使用iframe，虽然在移动端使用，我的内心是很拒绝的，不过其他方案调研了下都不太符合现状。每点击一次加载一个新的iframe，比较懒，所以两个新页面也做成了iframe，在做的过程中出现了如下问题，这里总结一下： 1.嵌入的iframe页面无法滚动 2.met
typeof与instanceof都是判断数据类型的方法，区别如下： typeof会返回一个变量的基本类型，instanceof返回的是一个布尔值。instanceof 可以准确地判断复杂引用数据类型，但是不能正确判断基础数据类型。而 typeof 也存在弊端，它虽然可以判断基础数据类型（null 除外），但是引用数据类型中，除了 function 类型以外，其他的也无法判断。可以看到，上述两种方法都有弊端，并不能满足所有场景的需求 如果需要通用检测数据类型，可以采用Object.prototype.toString，调用该方法，统一返回格式“[object Xxx]” 的字符串。
共同点都是存储在浏览器本地的，都遵循同源原则（sessionStorage还必须是同一个页面） cookie是由服务端写入的，后两者是前端写入的。 cookie的生命周期是服务端设置好的，sessionStorage在浏览器关闭后就被删除，localStorage生命周期一直存在除非手动删除 cookie的存储空间只有4KB，后两者为5M 在前端请求后端时会自动携带cookie，后两者不会 cookie一般用于存储登录的信息（如sessionId，token），sessionStorage可以用于检测用户是否时页面刷新进入的，localStorage一般用于存储不易改变的数据
由于上面是方法会打开新的界面，所以我们需要对下载链接进行一些处理，比如转为blob格式：
FrontJS 是面向产品部门，运营部门，以及开发部门工作人员的网站性能及异常信息收集工具。
用vuex可以设置一个“全局变量”，使所有的界面都能取到这个变量。 教程如下：Vuex白话教程第一讲：Vuex到底是个什么鬼？ Vuex，从入门到入门
在 config/index.js 修改 proxyTable，高版本 vue-cli 的项目在 根目录/vue.config.js 中修改 proxy
会话（Session）跟踪是Web程序中常用的技术，用来跟踪用户的整个会话 常用的会话跟踪技术是Cookie与Session。 Cookie通过在客户端记录信息确定用户身份 Session通过在服务器端记录信息确定用户身份
Flex是FlexibleBox的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。行内元素也可以使用Flex布局。注意，设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。采用Flex布局的元素，称为Flex容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为Flex项目（flex item），简称"项目"。容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis），项目默认沿水平主轴排列。
Preload的原理是在浏览器解析HTML文档时，提前加载页面所需的关键资源，如样式表、脚本文件和字体等。
http是无状态的，一次请求结束，连接断开，下次服务器再收到请求，它就不知道这个请求是哪个用户发过来的。当然它知道是哪个客户端地址发过来的，但是对于我们的应用来说，我们是靠用户来管理，而不是靠客户端。所以对我们的应用而言，它是需要有状态管理的，以便服务端能够准确的知道http请求是哪个用户发起的，从而判断他是否有权限继续这个请求。这个过程就是常说的会话管理。它也可以简单理解为一个用户从登录到退出应用的一段期间。本文总结了3种常见的实现web应用会话管理的方式：
Spring Boot + Vue 这一对技术栈目前看来可以说是非常的火热，关于 Spring Boot 松哥已经写过多篇教程，如：
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
