雪之樱的小站

一个悲伤的故事，前几天我下了一个 ts 执行插件，然后，我的 webstorm 就把我项目里的所有 vue 和 ts 文件全部编译了一遍，生成.js 和.map 文件 我试了重开软件重启电脑重装系统，发现均没有什么效果 最后我发现了是这个配置的问题，关掉就好了 所以为什么这东西开了会编译.vue 的的 令人迷惑

# 序 最近整了个移动端的项目，用的还是 Vue，多少在适配上也踩了点坑，所以，就分享一下适配的操作 # 使用 rem.ts 新建 rem.ts // 基准大小const baseSize = 32;const designDraft = 750;// 设置 rem 函数function setRem () { // 当前页面宽度相对于 750 宽的缩放比例，可根据自己需要修改。 const scale = document.documentElement.clientWidth / designDraft; // 设置页面根节点字体大小...

# 序 还记得我刚开始和后端同学合作开发时，每次解决跨域问题都是一段痛苦的经历，经常有这样的对话 我：在，CORS 开了吗 对方：没呢，这就开 ... 几个小时后 我：开了吗？ 对方：开了开了 我：为什么我这里不行的？ ... 几个小时后 对方：你再试试 我：还是不行？？ .... 我：好了好了大佬 nb 当时的我不过后来这样的事情也渐渐莫得了，应该是后端同学终于成为了后端大佬吧 再后来，我学了 nodejs，发现这玩意还有点复杂，所以整篇博客记录一下，不然万一明年师妹来问我 CORS 我不会那多尴尬（假装有师妹） # CORS # 为什么要有 CORS 要知道为什么要有...

# 序 前端安全应该是老生常谈的话题了，毕竟世界上没有绝对安全的系统，我们工程师能做的只是让入侵变得更难，这篇文章会介绍前端工程师需要注意的两种攻击，XSS 和 CSRF 攻击。 # XSS XSS 是 Cross-site scripting 的缩写，即跨站脚本攻击，在 XSS 攻击中，攻击者把恶意代码注入到网站中，普通用户在打开网站时，被注入的恶意代码便会执行。需要注意的是，攻击者并不能直接攻击受害者的的电脑，而是利用受害者访问的网站上的漏洞，通过注入等方式让恶意 JS 代码在受害者的电脑上运行。 如果你的网站被 XSS 攻击成功了，那么攻击者可能会做什么事呢？ 窃取用户敏感信息，如...

# 前言 因为和我对接的后台同学的服务器不在状态，所以我突然多了一天的摸鱼时间，突然想起还有这么个知识点，于是我决定花点时间整理下，最后发现这东西的坑比我想象的大，所以就有了这篇博客 本文同步更新于我的掘金博客 # ES3 因为一些概念已经不通用，所以把文章分成几个部分，先从 ES3 时代开始说起。 中英名词对照： 执行上下文：Execution Contexts 执行栈：Execution Stack 变量对象：variable object 激活对象：Activation Object 作用域链：Scope Chain # 执行上下文和执行栈 在 JS 代码执行前，JS...

# 前言 今天做了网课的期末考试，结果提前半小时做完了，闲着无聊于是在网页上捣鼓起了怎么解除网页的不能复制 & 不能打开右键菜单的限制。捣鼓出来后，发现好久没写（氵）博客了，那就分享一下这个操作。 # 正文 # 智慧树 F12 打开控制台，切换到 element 一栏，随便点一个元素 我们可以看到下面的几个事件 然后按 remove 把这个事件移除掉就完事了。 当然你也可以复制下面的命令到控制台执行一下 document.oncopy = null;document.onselectstart = null;document.oncontextmenu =...

# 前言 不知道写什么，所以没有前言 我们从入口开始讲起 # 从入口开始 // vue/src/core/instance/index.jsfunction Vue(options) { if (process.env.NODE_ENV !== 'production' && !(this instanceof Vue) ) { warn('Vue is a constructor and should be called with the `new`...

这里是咕了一个月终于开了新坑的雪之樱，上午在 b 站看了个电影《为美好的世界献上祝福！红传说 》，决定水篇博客（所以有什么关系吗）。好吧，言归正传，这次要学习的是 $nextTick 的源码，相信小伙伴们对 $nextTick 一定不会陌生，啥，忘了，好吧，笔者在这里贴心地附上 vue 文档对它的说明。 看～是不是很简单，它用于在组件完成下次更新时执行一个回调，你可以在这里获取更新过的 DOM 状态，然后做一些操作。然后我们就从源码角度看看他做了什么吧。 $nextTick 的混入在 vue/src/core/instance/render 下的 renderMixin 方法中 import...

# 前言 离上一篇博客又过去了差不多 10 天的样子，然后上次里的 flag 又完美打脸了，主要是最近项目比较繁忙，所以也莫得时间整理，直到今天似乎闲了一点，于是决定随缘写篇博客。那就是分享在 vue 项目中使用 ts 的一些心得，这篇文章会长期不定期更新。 # 项目起手 从头配置 ts 项目比较困难，在这里我们可以使用 vue 脚手架自带的 ts 可选项，只要在新建项目时勾选 ts，脚手架就可以自动帮我们完成相关配置，非常方便。 然后一路回车，等待几分钟，项目就好了。 这里会介绍 vue 中如何简单使用 ts，想了解更多关于 ts...

# 前言 时隔 n 天，终于决定继续学下移动端的知识，但当我打开我的 webstorm，然后准备进行调试时，我陷入了沉思，我居然发现我没有办法调试我的页面，这就非常难受了，于是我折腾了一晚，终于成功搞定了这个问题，需要的工具是 webstorm + 电脑 chrome + 手机 chrome。下面就是分享环节～ # 开启手机的 USB 调试 首先你需要有一个开启了 USB 调试的手机，因为各个系统开启 USB 调试的方法不一样，我就不说了，我是 MIUI 系统，开启 USB 调试的办法在这里，其他的系统直接百度搜索一下，也很容易找到打开的方法。 如果你成功了，理论上通知栏会看到打开 USB...