web前端
文章平均质量分 79
涵盖前端的一系列文章,从html+css到框架
牛小小小婷~
这个作者很懒,什么都没留下…
展开
-
【每日手写JS代码】
【每日手写代码 + 数据结构】原创 2023-01-11 14:54:38 · 266 阅读 · 0 评论 -
重绘、重排区别以及如何避免
浏览器会维护1个队列,把所有引起重排、重绘的操作放在这个队列中,等队列中的操作到一定数量或者到一定时间间隔,浏览器就会flush队列,进行一批处理。1、 概念: 当渲染树的一部分必须更新并且节点的尺寸发生变化,浏览器会使渲染树中受到影响的部分失效,并重新构建渲染树。为动画的HTML元件使用fixed或absolute的position,那么修改他们的css是不会reflow的。1、 在一个元素的外观被改变所触发的浏览器行为,浏览器会根据元素的新属性重新绘制,使元素呈现新的外观。原创 2022-09-10 11:18:03 · 547 阅读 · 0 评论 -
cookie以及Storage的共同点、区别与使用
cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和 服务器间来回传递。数据有效期不同:cookie只在设置的cookie过期时间之前有效,即使窗口关闭或者浏览器关闭。Storage也有存储大小的限制,但比cookie大得多,可以达到5M或更大。webStorage支持事件通知机制,可以将数据更新的通知发送给监听者。Storage不会自动把数据发送给服务器,仅在本地保存。存储大小限制不同: cookie数据不能超过4K。作用域不同: 在所有同源窗口中都是共享的。原创 2022-09-09 11:42:22 · 1919 阅读 · 0 评论 -
axios拦截器的原理及应用
3、 在main.js中引入,并将其绑定到vue原型上,设为全局,不用在每个页面重新引入。2、 文件夹内建立axios.js文件,进行接口请求的初始化配置。1、 在src目录下建立api文件夹。原创 2022-09-08 22:13:46 · 1393 阅读 · 0 评论 -
http加密解密流程
客户端发起HTTPS请求,服务端的配置,传送证书,客户端解析证书 ,传送加密信息,服务端解密信息,传输加密后的信息,客户端解密信息原创 2022-09-07 18:09:30 · 2808 阅读 · 0 评论 -
手撸promise【二、Promise源码】【代码详细注释/测试案例完整】
> 手撸Promise即完成promise的主要功能> - 声明构造函数> - resolve与reject> - throw抛出异常改变状态> - Promise的对象状态只能修改一次> - then方法执行回调> - 同步任务回调的执行> - 异步任务回调的执行> - 指定多个回调的实现> - 同步修改状态then方法结果返回> - 异步修改状态then方法结果返回> - Promise的API> - 构造函数:原创 2022-06-22 17:01:51 · 280 阅读 · 0 评论 -
【为什么JavaScript 可以在浏览器中被执行】【为什么JavaScript 可以操作DOM和BOM】..,待序更
问题一: 为什么JavaScript 可以在浏览器中被执行1、待执行的JS代码可以被JavaS引擎解析 2、 不同的浏览器使用不同的Javascript 解析引擎 :Chrome浏览器 -> V8 【解析引擎性能最好】Firefox浏览器 -> OrinMonkey(奥丁猴)Safri浏览器 -> JScoreIE => Chakra(查克拉)问题二: 为什么JavaScript 可以操作DOM和BOM1、 每个浏览器都内置DOM、BOM 这样的AP原创 2022-02-20 23:10:43 · 615 阅读 · 0 评论 -
npm包管理配置文件【package.json以及node_modules配置详解 以及 如何开发属于自己的包并发布于 npm 上】
一、 包管理配置文件一: package.json1、 在项目根目录中,必须提供一个叫做 package.json的包管理配置文件,用来记录与项目有关的一些配置信息。项目的名称、版本号、描述等项目中都用到哪些包哪些包 只在开发期间会用到那些包在开发和部署都需要用到2、 初始化package.json{ "name": "ntt-tools", // 发布时的包名 "version": "1.0.0", // 版本号 "main": "inde原创 2022-02-20 23:09:26 · 3373 阅读 · 0 评论 -
服务器相关-- IP + 域名 + 端口号 + 创建最基本的web服务器【Node.js的内置http模块】
http模块【Node.js内置模块其一】以下文件均由node 文件命.js启动一、 介绍1、 http模块 :客户端 : 网络节点中,负责消费资源的电脑服务器 : 负责对外提供网络资源的电脑2、 http模块是Node.js官方提供的、用来创建web服务器的模块。通过http模块提供的http.createServer()方法,可以方便地将一台普通的电脑,变成一台服务器,提供Web资源服务3、 服务器和普通电脑的区别 :服务器上安装了web服务器软件,例如:IIS/原创 2022-02-20 22:41:52 · 2172 阅读 · 0 评论 -
JavaScript原生以及封装ajax请求 和 jQuery的ajax请求 【所有代码可直接copy运行,访问在线网址】
## 一、 原生AJAX请求\> GET和POST请求书写方式差不多> - 具体差别可查看博客: [GET和POST区别](https://blog.csdn.net/fannnnnn/article/details/90414416)#### 1-1 返回结果原创 2022-02-15 09:55:08 · 508 阅读 · 0 评论 -
Ajax学习笔记--- 【xmind 详细展示 浏览器与 服务器端通信,请求与响应报文】
php和express用来做后端,还是express强大和方便!!!翻看笔记才知道自己当时下载Fiddler,Wampserver,phpstudy_pro是为了什么,实在不敢说自己学过php原创 2022-02-15 09:14:14 · 444 阅读 · 0 评论 -
Ajax实例--详细代码注释【GET 和 post请求】【AJAX 取消请求】【Ajax多次请求 只发送 最后一次请求】【请求超时与网络异常处理】【jQuery发送AJAX请求】
一、 Express 开启服务前提 :node环境 + 全局下载 expressexpress官网1、 server.js代码 【提供后端服务】// 1. 引入expressconst express = require('express');// 2. 创建应用对象const app = express();// 3. 创建路由规则// request 是对请求报文的封装// response 是对响应报文的封装app.get('/server', (request, re原创 2022-02-15 09:05:42 · 475 阅读 · 0 评论 -
flex布局---详解【蓝桥杯 经典骰子布局】
文章标题一、 经典骰子布局二、 flex相关知识点讲解2-1 容器的属性2-1-1 flex-direction属性2-1-2 flex-wrap属性2-1-3 flex-flow2-1-4 justify-content属性一、 经典骰子布局二、 flex相关知识点讲解2-1 容器的属性flex-direction : 决定主轴的方向(即项目的排列方向)flex-wrap : 主轴上是否换行flex-flow: <flex-direction> <flex-wrap&原创 2022-01-21 19:42:21 · 1203 阅读 · 3 评论