同源策略与跨域

发表于 2021-03-30 更新于 2021-05-02 分类于面试

同源策略

使用fetch请求另一个网站时，请求可能会失败

//example
try {
  await fetch('http://example.com');
} catch(err) {
  alert(err); // fetch 失败
}

核心概念源：协议/域/端口

同源策略：

限制Cookie，loaclStorage，indexedDB读取

DOM无法获取

AJAX请求无效（可以发送，但浏览器会拒绝接受响应）

那么怎么才能绕开同源协议呢？

阅读全文 »

计算机三级

发表于 2021-03-27 分类于大学小秘密

写在前面

不会还有人在为计算机三级熬夜刷题吧？

刚刚8点场考完的童鞋告诉你，只需要一晚（前提学过计网）

选择题边刷边总结（下面是我百度加手打的，选择题宝典！！！）

大题做一个就行（真离谱，清一色的题，变都不变）

祝大家好运：)

阅读全文 »

node开发博客系统

发表于 2021-03-21 更新于 2021-03-27 分类于前端

写在前面：本文学习server端开发思想。

服务端开发和前端开发区别

服务稳定性
- PM2进程守护
考虑内存和cpu
- 使用stream写日志，使用redis存session
日志记录
- 前端日志的发起方，不关心后续；
- server端要记录日志，存储，分析
安全
- 比如，越权操作，数据库攻击
- 登录验证，预防XSS，和sql注入
集群和服务拆分
- 承担大流量

阅读全文 »

设计模式

发表于 2021-03-21 更新于 2021-03-27 分类于前端

设计模式核心思想：封装变化

将变与不变分离，确保变化的部分灵活、不变的部分稳定。

阅读全文 »

node基础

发表于 2021-03-04 更新于 2021-03-27 分类于前端

1.node是什么？

和浏览器一样，都是js的运行环境。基于V8引擎。
优势：I/O操作非阻塞的原生功能；运行与单进程中，无需为每个请求创建新的线程。

服务端开发和前端开发区别

服务稳定性
- PM2进程守护
考虑内存和cpu
- 使用stream写日志，使用redis存session
日志记录
- 前端日志的发起方，不关心后续；
- server端要记录日志，存储，分析
安全
- 比如，越权操作，数据库攻击
- 登录验证，预防XSS，和sql注入
集群和服务拆分
- 承担大流量

阅读全文 »

vue3基础

发表于 2021-01-22 更新于 2021-05-10 分类于 Vue

基本了解

1.1，初识hello world

script脚本形式引入vue脚本
- 存在开发版本和生产版本

<script src="https://cdn.bootcdn.net/ajax/libs/vue/3.0.2/vue.global.prod.js"></script>

对DOM里的指定标签指定渲染

Vue.createApp({
  data() {
    return {
    	content: 1,
  };
  },
  mounted() {
    setInterval(() => {
      this.content += 1;
      //写法二：this.$data.content += 1;
    }, 1000);
  },
  template: "<div>{{content}}</div>",
}).mount("#root");