Lyanm's Blog
Home
Archives
Categories
About
Sharing
同源策略和跨域方案
同源策略和跨域方案一、同源策略1、定义如果两个 URL 的 protocol、port (如果有指定的话)和 host 都相同的话,则这两个 URL 是同源。 2、示例 3、参考https://developer.mozilla.org/zh-CN/docs/Web/Security/Same-origin_policy 二、跨域方案1、JSONPfunction jsonp(url, para
2020-07-04
JavaScript
使用图床为md插入图片
使用图床为md插入图片一、背景原因在之前的那篇Hexo搭建的博文中提到使用post_asset_folder: true来处理md中的图片资源。虽然有考虑过在国内使用GitHub的体验很差,图片加载速度慢,但相比于图床的工作量,还是觉得图床使用不方便,但现在新发现了一个非常方便的方法。 二、解决方法 下载并安装 Typora :https://www.typora.io/#download 暂时只
2020-07-04
Application
页面性能优化
页面性能优化一、页面加载过程 加载 DNS解析:域名 -> IP地址; 取得目的主机 MAC 地址; 浏览器与目的IP地址建立TCP连接,发起Http请求; 服务器处理请求,返回资源。 渲染 解析 HTML 代码构建 DOM 树,解析 CSS 代码构建 CSSOM 规则树; 根据 DOM 和 CSSOM 构建 Render Tree ; 利用 Render Tree 对页面进行布局
2020-07-03
Other
Hexo搭建
博客搭建一、安装环境 安装Node.js 换源 https://www.jianshu.com/p/4aaf929bfa71 1)方法一:npm i -g cnpm –registry=https://registry.npm.taobao.org 2)方法二:npm config set registry https://registry.npm.taobao.org 安装hexo npm
2020-07-03
Application
浏览器存储方式
浏览器存储一、CookieHTTP Cookie(也叫Web Cookie或浏览器Cookie)是服务器发送到用户浏览器并保存在本地的一小块数据,它会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上。通常,它用于告知服务端两个请求是否来自同一浏览器,如保持用户的登录状态。 通过 document.cookie = ‘….’ 操作。 cookie的缺点: 有大小限制,最大4KB http
2020-06-26
JavaScript
从输入URL到页面呈现
从输入URL到页面呈现这是一个宽泛的命题,仅记录主要步骤。 分析URL合法性,构造请求 查找强缓存 DNS 解析 TCP 连接 发送 HTTP/HTTPS 请求 页面渲染 视情况关闭 TCP 连接 一、分析URL合法性,构造请求浏览器会检查URL,不正常的URL会显示错误页面或者直接使用搜索引擎搜索,合法的URL会正常构造一个请求。 二、查找强缓存浏览器直接先在本地缓存找是否有资源。 强缓存详
2020-06-23
Other
Vue源码笔记
vue源码笔记以下所有路径的 * = node_modules/vue 零、生命周期图 一、初步认识Vue1、vue的编写规范主要是用Flow,还有ts 2、源码目录src ├ compiler #编译相关 ├ core #核心代码 ├ platforms #不同平台的支持(web,weex) ├ server #服
2020-04-29
JavaScript
1
2
3
Search
×
keyword