随笔分类 -  JS基础与原理

Cookie、Session和Token，以及免登录的实现方案
摘要：1、HTTP是无状态协议 HTTP无状态协议是指该协议对事件的处理过程没有记忆能力，当后续的步骤需要上一步的信息时，则需要重传，即需要携带上一次的信息。如此，携带信息会越来越大，服务器响应会越来越慢。 2、Cookie 2.1、Cookie的原理及工作机制 Cookie是以键值对的形式存在的，与UR 阅读全文
posted @ 2021-11-18 13:59 木-鱼 阅读(2948) 评论(0) 推荐(0)
新标签页打开子页面，子页面通知父页面更新数据
摘要：A页面通过新标签页打开B页面 B页面： localStorage.setItem('freshClueNum', new Date().getTime()) A页面： window.addEventListener("storage", ev => { if(ev.key 'freshClueNum 阅读全文
posted @ 2021-11-16 16:20 木-鱼 阅读(158) 评论(0) 推荐(0)
JS数据请求与响应
摘要：//实例化xmlHttp对象 var xmlHttp = null; try { // Firefox, Opera 8.0+, Safari xmlHttp = new XMLHttpRequest(); } catch (e) { // Internet Explorer try { xmlHt 阅读全文
posted @ 2021-11-15 13:58 木-鱼 阅读(564) 评论(0) 推荐(0)
实例与方法
摘要：###数据共享 小程序页面间共享数据的方法：cookie、后台传递、闭包、全局变量；vue中还有vuex、根实例数据。闭包的使用方法如下： let cache = {} let cacheSettingApi = (apiName, refresh = false) => { if (apiName 阅读全文
posted @ 2021-06-21 15:29 木-鱼 阅读(76) 评论(0) 推荐(0)
异步操作
摘要：##1、概述 ###1.1、JS是单线程的，JS的核心特征，单线程指主线程只有一个 防止过度消耗浏览器资源以及防止多线程共享资源导致的同时修改一个DOM问题，主要还是避免复杂性。 为了利用多核 CPU 的计算能力，HTML5 提出 Web Worker 标准，允许 JavaScript 脚本创建多个 阅读全文
posted @ 2021-03-27 21:15 木-鱼 阅读(530) 评论(0) 推荐(0)
apply与call含义以及用法
摘要：概念：我们在写一个方法的时候，总是会用到一个关键字this，而this的指向就是我们所说的执行上下文（执行环境） 当我们需要修改this指向的时候，就可以用到apply和call。 apply接收两个参数，第一个是this的指向，第二个是调用者的参数，参数为数组。 call接收两个参数，第一个是th 阅读全文
posted @ 2021-03-27 20:44 木-鱼 阅读(785) 评论(0) 推荐(0)
Object对象方法——Object.defineProperty()
摘要：对象是由多个键值对组成的无序的集合。对象中每个属性对应任意类型的值。 定义对象可以使用构造函数或字面量的形式： var obj = new Object; //obj = {} obj.name = "张三"; //添加描述 obj.say = function(){}; //添加行为 除了以上添加 阅读全文
posted @ 2021-03-27 20:33 木-鱼 阅读(99) 评论(0) 推荐(0)
浏览器内核原理
摘要：浏览器内核英文是Rendering Engine/Layout Engine，准确翻译应该是渲染引擎/排版引擎/模板引擎（指是同一个）； 浏览器内核分为两部分，除了渲染引擎之外，就是JavaScript引擎，由于现在JavaScript引擎越来越独立，内核就倾向于只指渲染引擎。 不同的浏览器内核对网 阅读全文
posted @ 2021-03-27 10:37 木-鱼 阅读(310) 评论(0) 推荐(0)
钩子函数和回调函数
摘要：一般认为，钩子函数就是回调函数的一种，其实还是有差异的，差异地方就是：触发的时机不同。 先说钩子函数： 钩子（Hook）概念源于Windows的消息处理机制，通过设置钩子，应用程序对所有消息事件进行拦截，然后执行钩子函数。 let btn = document.getElementById("btn 阅读全文
posted @ 2021-01-11 06:32 木-鱼 阅读(2116) 评论(0) 推荐(0)