![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
知识笔记
文章平均质量分 65
小北@爱学习
爱学习的超级无敌大可爱
展开
-
TypeScript的那些事
随着前端技术的更新迭代,TS已经算是很耳熟目染了,也能发现很多技术栈都用到了TS来进行开发,以下主要是针对刚开始初学TS需要掌握的内容强类型与弱类型强类型:不允许有随意的隐式类型转化,例如传入的参数数据格式必须保持一致,否则会直接报语法错误(优势,会在语法阶段直接爆出错误,代码更加智能,编码准确,重构定位问题,减少一步数据类型判断)弱类型:允许有隐式类型转换发生,如果传入参数不一致的情况,不会发生语法错误(存在的问题:错误不能在语法层面直接报错,会发生类型转换,使得函数方法改变,数据类型不.原创 2021-11-18 16:35:30 · 533 阅读 · 0 评论 -
Javascript性能优化那些事—(下)
主要是从防抖节流方面来具体说明JS部分的优化问题适用场景滚动事件输入的模糊匹配轮播图的切换点击操作简单概述浏览器默认情况下都有自己的监听事件间隔(4~6ms),如果检测到多次事件的监听执行,那么就会造成资源浪费前置场景:界面上有一个按钮,我们连续多次点击防抖:对于高频的操作来说,我们只希望识别一次点击,可以人为认为是第一次或者最后一次 <button id="btn">点击一下</button> <script> .原创 2021-11-18 16:31:53 · 656 阅读 · 0 评论 -
Javascript性能优化那些事—(上)
此篇JS性能优化主要是针对写代码过程中我们容易产生的一些容易忽视的小问题内存管理因为没有专门的函数调用方法,所以对我们来说,对于内存管理分为3个阶段段,主要是申请内存——使用内存——释放内存垃圾回收与GC算法JS是如何产生垃圾的?● JS中的内存管理是自动的● 当对象不再被引用的时候会视为垃圾● 对象不能从根本访问到的时候GC算法做了什么?对垃圾的查找——释放空间——回收空间都有哪些GC算法? 引用计数、标记清除、标记整理、分代回收引用计数设置引用数,判断当前引用数是否为0.原创 2021-10-12 22:37:50 · 269 阅读 · 0 评论 -
一起来手写简易版promise
相信大家学了promise后,面试都会遇到手写promise的现象,我也尝试了通过自己的理解来简单的实现promise手写,发现只要将官方的promise整个API执行了解透彻,手写其实还是很好掌握的,一起来看看~核心逻辑首先我们需要知道promise的核心逻辑01 Promise是一个类,在执行类的时候,需要传递一个执行器,只要new了,执行器就会执行02 Promise中有三种状态,等待Pending,成功Fulfilled,失败Rejectd,一旦确定就不能再更改03 resolve和rej原创 2021-07-29 22:12:24 · 496 阅读 · 0 评论 -
Vue实战问题集
文章目录Vue实战问题集异步请求方法一方法二生命周期Vue实战问题集基于vue理论学习后,实现一些业务逻辑上遇到的问题集合,只有实战才能发现问题,所以我发现了很多问题~异步请求无论什么项目都会使用到父子组件间的传值,最基本的实现就是从父组件请求API拿到数据后*:*方法传给子组件,子组件通过props进行接收,一切看起来都是这么的完美,但是打开一开,控制台报错cannot read property of undefined:两眼懵逼开始……其实是因为渲染的时候,子组件还没有拿到数据,所以渲染原创 2021-06-08 20:33:18 · 165 阅读 · 0 评论 -
H5新增特性总结
在很多的面试题中,我们都会看到有H5新增样式属性的选项,那么H5究竟增加了哪些新属性呢?总的来说H5比H4多了10部分内容新特性,但其暂不支持IE8及IE8以下版本的浏览器语义标签H5新定义的语义标签,可以方便开发者清晰构建页面的布局标签描述header定义了文档的头部区域footer定义了文档的尾部区域nav定义文档的导航section定义文档的节article定义文章aside定义页面以外的内容details定义用户可以看.转载 2021-03-07 09:55:41 · 537 阅读 · 0 评论 -
解决vscode运行npm包报错问题
在学习node过程中少不了使用npm下载安装包然后使用,但使用过程中总会有一些问题,我将问题解决汇总如下:报错1:在全局下安装了json-server的包,但在vscode中运行过程中任然报错,说无法将"json-server"识别为cmdlet、函数、脚本文件或可运行程序的名称路径此类原因是虽然在全局下安装了,但是可能vscode的终端模式是powershell模式,我们需要右击文件目录在集成终端打开,选择第一项cmd方式我们就可以看到powershell转化为cmd执行报错2:显示.原创 2021-03-05 11:27:17 · 2429 阅读 · 1 评论 -
实现轮播图特效
轮播图是前端内容最基础的部分,轮播图html框架和css样式,以及如何通过JS实现左右按钮点击切换、自动轮播、小圆点点击切换轮播的效果;其中包括了最基本的轮播效果、和3D实现动画轮播效果基本实现效果html代码部分<body> <div class="carousel" id="carousel"> <ul class="pic" id="pic"> <li class="current"><i.原创 2021-03-03 15:43:23 · 1708 阅读 · 2 评论 -
知识笔记| 基于express服务器实现前后台交互
基于express服务器实现前后台交互express简介express是基于 Node.js 平台,快速、开放、极简的 Web 开发框架,可以在小demo的练习中作为服务器向前端发送数据,用作访问本地的请求地址。express的安装npm install express引入express框架const express = require('express');//创建应用对象const app = express();Ajax简介是可以通过异步实现在不刷新整个浏览器原创 2020-12-05 13:36:49 · 497 阅读 · 0 评论 -
浏览器输入URL按回车后,会发生什么?
界面渲染过程步骤1、用户输入想要访问的url地址2、DNS会完成域名解析,帮我们找到相应的IP服务器主机Chrome浏览器会首先搜索浏览器的DNS缓存,看自身的缓存中是否有www.lagou.com对应的条目,而且没有过期,如果有且没有过期则解析到此结束。如果浏览器自身的缓存里面没有找到对应的条目,那么Chrome会搜索操作系统的DNS缓存,如果找到且没有过期则停止搜索解析到此结束。如果在Windows系统的DNS缓存也没有找到,那么尝试读取hosts文件,看看这里面有没有该域名对应的IP原创 2021-02-20 17:56:14 · 238 阅读 · 0 评论 -
知识笔记| AJAX—实现异步刷新
AJAX全局刷新局部刷新Ajax介绍这个一部对象上存在浏览器内部内存中的,使用js语法创建和使用该对象异步–一次可以处理多个请求Javascrip–javascrip的脚本,在浏览器中运行,创建异步对象发送请求更新页面的dom对象xml–网络中传输的数据格式,使用json替换了xml的数据格式XML可扩展的标记语言, 被设计用来传输和存储数据,标签名字均为自定义,被JSON替代缺点没有后退可言,存在跨域问题(同源处理),SEO不友好(爬虫爬不动结果)HTTP协议原创 2020-12-05 13:29:57 · 481 阅读 · 0 评论