vue-router 源码解析 | 6k 字 | 多图预警 - 【下】 各位好，我是光辉 😎 本篇是vue-router源码解析的下篇，即收尾篇 本篇主要介绍了下面几点 介绍了vue-router是如何处理滚动的 view、link组件都怎么实现的？ 路由变化又是怎么触发重新渲染的等等 另外还是要说一下 第一次做源码解析，肯定有很多错误或理解不到位的地方，欢迎指正 🤞 项目地址 https://github.com/BryanAdamss/vue-router-for-analysis 如果觉得对你有帮助，记得给我一个star✨ uml 图源文件 https://github. ...

android x5 内核 webview 同层播放踩坑 最近在做混合APP的视频播放，是基于x5 内核的，踩了不少坑，特此记录下。 介绍 微信、qq 等使用的都是x5内核 webview 腾讯提供了对应的tbs sdk使用x5内核 tbs sdk提供了对x5 内核 webview的封装 tbs sdk并未内置x5内核，而是通过远程下发的形式下载的 若下载失败，会启用android自带的webview x5 内核会在首次加载webview时尝试下载 x5内核有自己的下发灰度规则 https://x5.tencent.com/docs/version_plan.html 默认情况下，x ...

vue-router 源码解析 | 1.5w 字 | 多图预警 - 【中】 各位好，我是光辉 😎 本篇是vue-router源码解析的中篇，也是核心篇 本篇主要介绍了下面几点 介绍了vue-router是如何做路由匹配的 以及其相关的守卫、钩子是如何触发的 异步组件又是如何处理的等等 虽然看着知识点很少，但内容却一点都不少 另外还是要说一下 第一次做源码解析，肯定有很多错误或理解不到位的地方，欢迎指正 🤞 项目地址 https://github.com/BryanAdamss/vue-router-for-analysis 如果觉得对你有帮助，记得给我一个star✨ uml 图 ...

vue-cli4 mode、NODE_ENV、webpack mode 最近使用vue-cli4初始化了一个项目，对其中mode、NODE_ENV、webpack mode的关系有点迷 所以花了点时间整理了下 vue-cli4 环境变量声明环境变量 vue-cli可通过.env前缀的环境文件来声明环境变量 123# .envFoo=BarVUE_APP_TITLE=标题 被载入的变量将会对vue-cli-service的所有命令、插件和依赖可用 客户端可以使用的环境变量 在客户端(src/目录下)可以使用process.env.XXX来引用环境变量，主要有下面的变量可以引用 环境文件中 ...

vue-router 源码解析 | 1.3w 字 | 多图预警 - 【上】 各位好，我是光辉 😎 vue-router是每个vue开发者都会接触到的一个插件 本着追本溯源的理念，我开启了vue-router源码分析之路 😂 天天加班，所以前前后后花了好几个月时间 时间拖的很长，所以可能存在思路不连贯的情况，还望见谅 🤣 由于掘金字数限制，所以分为上中下三篇来介绍 上篇即本篇，主要介绍了前端路由的设计思路及实现基本原则、vue-router的相关术语、目录结构、安装、实例化、初始化相关实现 中篇介绍了其核心特性路由匹配、导航守卫触发的机制 下篇为收尾篇，介绍了一些非核心特性，如滚动处理、v ...

ssh 配置多账户 公司部署了gitlab，自己同时在用github，所以需要配置两套ssh账户 特将相关流程记录下，方便后期查阅 生成 key1234ssh-keygen -t rsa -C 'xxx@email.com' -f ~/.ssh/xxx-rsa# -t 指定类型，不需调整，rsa即可# -C 指定comment，一般为邮箱，会在生成的公钥最后体现# -f 指定文件，如果是单账户，可以不用指定；默认生成id_rsa、id_rsa.pub；~在windows中代表c/users/用户名 执行上述命令后，会在~/.ssh/目录下生成一个xxx-rsa和xxx-rsa.pub两个文 ...

vuepress介绍 VuePress是一个静态网站生成器 由VuePress生成的静态网站是一个由Vue、vue-router、webpack驱动的SPA单页应用 构建时，会采用预渲染的机制，生成所有静态页面，所以有非常好的加载性能和SEO 本文大部分内容摘抄自vuepress官网，加了一些自己的理解，明确了一些语义 一来加深印象 二来方便自己查阅 安装 确保node >=8 本地安装即可 1yarn add -D vuepress # 或者：npm install -D vuepress 目录结构12345678910111213141516171819202122.├── ...

XSS概念 XSS(Cross-site scripting)是一种跨站脚本攻击；它是一种注入攻击，攻击者可以利用漏洞在网站上注入恶意的客户端代码，进而获取用户的敏感信息(cookie、session tokens 等)； 维基定义 1XSS攻击通常指的是通过利用网页开发时留下的漏洞，通过巧妙的方法注入恶意指令代码到网页，使用户加载并执行攻击者恶意制造的网页程序。这些恶意网页程序通常是JavaScript，但实际上也可以包括Java，VBScript，ActiveX，Flash或者甚至是普通的HTML。攻击成功后，攻击者可能得到更高的权限（如执行一些操作）、私密网页内容、会话和cookie等 ...

flex-basis、flex-grow、flex-shrink flex-basis、flex-grow、flex-shrink这三个属性决定了flex item的展示尺寸 要想了解三者是如何决定flex item的尺寸前，先要了解一下max-content、min-content、正负向自由空间概念 注意以下的讨论都是在主轴为横轴基础上讨论的 min-content、max-content 这两个都是用来设置width的 通过下面的例子，我们就知道他们是什么含义 1234567891011121314151617181920212223242526272829303132333435& ...

stacking contextz 轴 网页其实是一个三维的，拥有x、y、z三个轴 如下图所示； z 轴正方向正对着屏幕； 当 html 中的元素发生层叠时，就需要确定元素哪个在上(离用户近)，哪个在下(离用户远)； 而决定元素在 z 轴顺序的因素有 元素的类型(float, block-level, inline-level, absolutely positioned) 元素在当前stacking context中的z-index值 stacking context定义 stacking context层叠上下文是一个抽象概念，借用mdn的定义 1我们假定用户正面向（浏览器）视窗 ...