bala001 - 博客园

vue 重学笔记三：起步

摘要：上文介绍了安装和项目的创建，至于项目的打包，这里不再赘述，后期有空会出篇文章说下项目的打包方面的优化。重学笔记，并不适用于刚刚开始学 vue 的朋友，这中间我会在使用的基础上，去解读源码，所以会穿插源码，不过如果有兴趣学源码的朋友，也可以继续往下看。要看一个项目，第一点肯定是去找它的入口。阅读全文

posted @ 2022-03-21 17:20 bala001 阅读(433) 评论(0) 推荐(0)

vue 重学笔记二：安装 or 创建

摘要：本文会介绍几种常用的安装流程。准备工作 1. 安装 node 2. vscode 方法一：CDN 引入一般用于制作原型或学习，或者对一些旧项目进行改造。使用方法： <script src="https://unpkg.com/vue@next"></script> 在生产环境，推荐链接到一个明阅读全文

posted @ 2022-03-18 16:24 bala001 阅读(291) 评论(0) 推荐(0)

浏览器安全：35 | 安全沙箱：页面和系统之间的隔离墙

摘要：前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录再次声明：该目录下的文章皆是出自极客时间 - 李兵老师的《浏览器工作原理与实践》原文，只供本人学习所用，且并不完全保证文章的一致性，文中有些个人觉得不对的或者多余的，个人会视情况修改或删除。希望看原文或者有意见的还请移步。本原文编辑阅读全文

posted @ 2022-03-18 14:03 bala001 阅读(333) 评论(0) 推荐(0)

浏览器安全：34 | CSRF攻击：陌生链接不能随便点

摘要：前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录上一篇文章中讲到了 XSS 攻击，XSS 的攻击方式是黑客往用户页面中注入恶意脚本，然后再通过恶意脚本将用户页面的数据上传到黑客服务器上，最后黑客再利用这些数据进行一些恶意操作。XSS 攻击能带来很大的破坏性，不过另外一种类型的攻击也不容阅读全文

posted @ 2022-03-11 15:45 bala001 阅读(778) 评论(0) 推荐(0)

浏览器安全：33 | 跨站脚本攻击(XSS)：为什么Cookie 中有HttpOnly属性？

摘要：前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录通过上篇文章的介绍，知道了同源策略可以隔离各个站点之间的 DOM 交互、页面数据和网络通信，虽然严格的同源策略会带来更多的安全，但是也束缚了 Web。这就需要在安全和便利之间权衡，所以默认页面中可以引用任意第三方资源，然后又引入 CSP 阅读全文

posted @ 2022-03-11 11:14 bala001 阅读(717) 评论(0) 推荐(0)

浏览器安全：32 | 同源策略：为什么XMLHttpRequest 不能跨域请求资源？

摘要：前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录通过前面 6 个模块的介绍，已经大致知道浏览器是如何工作的了，也了解这种工作方式对前端产生了什么样的影响。在这个过程中，还穿插介绍一些浏览器安全相关的内容，不过都比较散，所以最后的 5 篇文章，就来系统地介绍下浏览器安全相关的内容。浏览阅读全文

posted @ 2022-03-10 16:48 bala001 阅读(592) 评论(0) 推荐(0)

vue 重学笔记一

摘要：之前，自己一直觉得自己的vue 学的挺不错的，但是经过一次面试后，发现自己接触的只是vue 的冰山一角，很多思维，自己都局限于 vue 的原本框架中，从未想过是否有其他的用法 or 优化，一直只会让我如何用就如何用，并未主动去探寻如果换种思路又当如何？基于此，打算把vue 重学一遍。此目录下的笔记，阅读全文

posted @ 2022-03-10 13:26 bala001 阅读(115) 评论(0) 推荐(0)

浏览器中的网络：31 | HTTP/3：甩掉 TCP、TLS 的包袱，构建高效网络

摘要：前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录前面两篇文章分析了 HTTP/1 和 HTTP/2 ，在 HTTP/2 出现之前，开发者需要采取很多变通的方式来解决 HTTP/1 所存在的问题，不过 HTTP/2 在 2018 年就开始得到了大规模的应用，HTTP/1 中存在的一大堆缺阅读全文

posted @ 2022-03-04 16:38 bala001 阅读(452) 评论(0) 推荐(0)

webpack 打包工具，loader 和 plugin 是什么，是如何实现的

摘要：参考原文：https://www.jb51.net/article/148719.htm webpack.config.js的常见配置 const webpack = require("webpack") const path = require("path") const HtmlWebpackP 阅读全文

posted @ 2022-02-12 15:35 bala001 阅读(759) 评论(0) 推荐(0)

Vue 中父子组件的生命周期钩子函数的执行顺序

摘要：参考原文：https://m.html.cn/qa/vue-js/22535.html Vue 中生命周期钩子函数分别做了什么？ beforeCreate执行时：data / el 未初始化，值为undefined created执行时：可得到 data 的值，但根 dom元素 el 还未初始化阅读全文

posted @ 2022-02-11 17:32 bala001 阅读(1149) 评论(0) 推荐(0)