小北@爱学习-CSDN博客

小北@爱学习

码龄6年

个人简介：爱学习的超级无敌大可爱

IP 属地：浙江省

查看详细资料

个人成就

获得16次点赞
内容获得8次评论
获得48次收藏

TA的专栏

兴趣领域设置

前端

javascriptcssvue.jsreact.jswebpack
网络与通信

https

创作活动更多

AI大模型如何赋能电商行业，引领变革？

如何使用AI技术实现购物推荐、会员分类、商品定价等方面的创新应用？如何运用AI技术提高电商平台的销售效率和用户体验呢？欢迎分享您的看法

186人参与去创作

搜TA的内容

TypeScript的那些事

随着前端技术的更新迭代，TS已经算是很耳熟目染了，也能发现很多技术栈都用到了TS来进行开发，以下主要是针对刚开始初学TS需要掌握的内容强类型与弱类型强类型：不允许有随意的隐式类型转化，例如传入的参数数据格式必须保持一致，否则会直接报语法错误（优势，会在语法阶段直接爆出错误，代码更加智能，编码准确，重构定位问题，减少一步数据类型判断）弱类型：允许有隐式类型转换发生，如果传入参数不一致的情况，不会发生语法错误（存在的问题：错误不能在语法层面直接报错，会发生类型转换，使得函数方法改变，数据类型不.

发布博客 2021.11.18 ·

Javascript性能优化那些事—（下)

主要是从防抖节流方面来具体说明JS部分的优化问题适用场景滚动事件输入的模糊匹配轮播图的切换点击操作简单概述浏览器默认情况下都有自己的监听事件间隔（4~6ms），如果检测到多次事件的监听执行，那么就会造成资源浪费前置场景：界面上有一个按钮，我们连续多次点击防抖：对于高频的操作来说，我们只希望识别一次点击，可以人为认为是第一次或者最后一次 <button id="btn">点击一下</button> <script> .

发布博客 2021.11.18 ·

Javascript性能优化那些事—（上)

此篇JS性能优化主要是针对写代码过程中我们容易产生的一些容易忽视的小问题内存管理因为没有专门的函数调用方法，所以对我们来说，对于内存管理分为3个阶段段，主要是申请内存——使用内存——释放内存垃圾回收与GC算法JS是如何产生垃圾的？● JS中的内存管理是自动的● 当对象不再被引用的时候会视为垃圾● 对象不能从根本访问到的时候GC算法做了什么？对垃圾的查找——释放空间——回收空间都有哪些GC算法？引用计数、标记清除、标记整理、分代回收引用计数设置引用数，判断当前引用数是否为0.

发布博客 2021.10.12 ·

一起来手写简易版promise

相信大家学了promise后，面试都会遇到手写promise的现象，我也尝试了通过自己的理解来简单的实现promise手写，发现只要将官方的promise整个API执行了解透彻，手写其实还是很好掌握的，一起来看看~核心逻辑首先我们需要知道promise的核心逻辑01 Promise是一个类，在执行类的时候，需要传递一个执行器，只要new了，执行器就会执行02 Promise中有三种状态，等待Pending，成功Fulfilled，失败Rejectd，一旦确定就不能再更改03 resolve和rej

发布博客 2021.07.29 ·

初识React

初识React如何在react中使用表单元素受控表单表单元素的值全部由react来进行管理，此时表单元素中的值都放在state中，所有表单元素里的值也需要从state当中获取到与数据绑定同步将state中的状态与表单的value值进行绑定 value={this.state.xxxx}如何更新状态值 οnchange={方法} ev.target.value绑定ev.target.name===[prop]: this.setState({})遇到细节问题readOnly 如果希

发布博客 2021.07.17 ·

Vue实战问题集

文章目录Vue实战问题集异步请求方法一方法二生命周期Vue实战问题集基于vue理论学习后，实现一些业务逻辑上遇到的问题集合，只有实战才能发现问题，所以我发现了很多问题～异步请求无论什么项目都会使用到父子组件间的传值，最基本的实现就是从父组件请求API拿到数据后*：*方法传给子组件，子组件通过props进行接收，一切看起来都是这么的完美，但是打开一开，控制台报错cannot read property of undefined：两眼懵逼开始……其实是因为渲染的时候，子组件还没有拿到数据，所以渲染

发布博客 2021.06.08 ·

VUE（四）路由Router

Vue RouterVue Router是Vue.js的官方插件，用来快速实现单页应用单页应用SPA（Single Page Application）单页面应用程序，简称单页应用。网站的“所有”功能都在单个页面中进行呈现，一般是表现效果相似，页面并没有进行切换优点：前后端分离开发，提高开发效率业务场景切换时，局部更新结构用户体验好，更好接近本地应用缺点：不利于SEO初次首屏加载速度较慢页面复杂度较高前端路由URL与内容间的映射关系Hash方式通过hashch

发布博客 2021.03.20 ·

VUE（三）组件

Vue.js组件组件用于封装页面的部分功能，将功能的结构、样式、逻辑代码封装为整体，提高代码的复用性和可维护性，更好专注于业务逻辑组件注册全局注册全局注册的组件在注册后可以用于任意实例或组件中，必须注册在根Vue实例创建之前Vue.component('my-component',{ template:'<div>这是全局组件</div>' })组件基础本质上组件是可复用的Vue实例，可与new Vue接受相同的选项，如data、methods以及生命周期钩子

发布博客 2021.03.20 ·

VUE（二）事件与表单处理

事件与表单处理事件处理v-on指令可以进行事件的绑定<button v-on:click="content='按钮1更新后的内容'">按钮1</button><button @click="content='按钮2更新后的内容'">按钮2</button>//简写方式<button @click="fn2(200,$event)">按钮4</button>//通过函数进行事件的添加表单绑定v-model指令用于给inpu

发布博客 2021.03.13 ·

VUE（一）初识VUE.JS

初识VUE.JSDOM操作频繁，代码繁杂；DOM操作与逻辑代码混合，可维护性差；不同功能区域书写在一起，可维护性低；模块依赖关系复杂Vue.js简介遵循vue.js规则来使用这个工具提高我们的开发数据驱动视图**单向数据绑定：**数据变化会自动更新到对应元素视图中，无需手动操作DOM**双向数据绑定：**自动将元素输入内容更新给数据，实现数据和元素内容的双向绑定（可输入元素）**MVVM：**软件开发思想model—代表数据view—试图模板viewmodel—业务逻辑处理代码基于

发布博客 2021.03.13 ·

模块化开发

模块化开发模块化发展第一阶段基于文件的划分模块方式污染全局作用域命名冲突问题无法管理模块依赖关系第二阶段命名空间方式，每个模块只暴露一个全局对象，所以模块成员都挂载在这个对象中没有私有空间，在外部仍然会被访问到第三阶段立即执行函数，闭包方式，实现了私有成员的概念模块规范化的出现模块化标准+模块加载器Commonjs模块，一个文件就是一个模块，每个模块都有单独作用域，通过module.exports导出成员，require函数中载入模块AMD模块化，requ

发布博客 2021.03.08 ·

H5新增特性总结

在很多的面试题中，我们都会看到有H5新增样式属性的选项，那么H5究竟增加了哪些新属性呢？总的来说H5比H4多了10部分内容新特性，但其暂不支持IE8及IE8以下版本的浏览器语义标签H5新定义的语义标签，可以方便开发者清晰构建页面的布局标签描述header定义了文档的头部区域footer定义了文档的尾部区域nav定义文档的导航section定义文档的节article定义文章aside定义页面以外的内容details定义用户可以看.

发布博客 2021.03.07 ·

解决vscode运行npm包报错问题

在学习node过程中少不了使用npm下载安装包然后使用，但使用过程中总会有一些问题，我将问题解决汇总如下：报错1：在全局下安装了json-server的包，但在vscode中运行过程中任然报错，说无法将"json-server"识别为cmdlet、函数、脚本文件或可运行程序的名称路径此类原因是虽然在全局下安装了，但是可能vscode的终端模式是powershell模式，我们需要右击文件目录在集成终端打开，选择第一项cmd方式我们就可以看到powershell转化为cmd执行报错2：显示.

发布博客 2021.03.05 ·

实现轮播图特效

轮播图是前端内容最基础的部分，轮播图html框架和css样式，以及如何通过JS实现左右按钮点击切换、自动轮播、小圆点点击切换轮播的效果；其中包括了最基本的轮播效果、和3D实现动画轮播效果基本实现效果html代码部分<body> <div class="carousel" id="carousel"> <ul class="pic" id="pic"> <li class="current"><i.

发布博客 2021.03.03 ·

Node—自动化构建

文章目录自动化构建构建自动化构建npm scripts样式文件脚本文件ESLintStyleLintGulp基础对比npm script使用Gulp组合任务文件操作构建文件样式文件脚本文件HTML文件图片文件清除文件服务发布BootstrapGulp和yeoman自动化构建构建源代码——>生产代码一些代码需要编译（CSS、JS），保证浏览器的兼容性；有些代码需要压缩；有些代码需要统一代码风格自动化构建将手动构建任务，通过命令自动执行的过程，把所有的任务按逻辑排列在一起，一条命令进行执行

发布博客 2021.03.02 ·

Node—前端工程化概述

文章目录前端工程化概述简述Node.js基础Node.jsNode.js APIsNode.js使用全局对象全局函数模块内置模块consoleprocesspathfs—file systemfs实践—文件的复制和压缩文件流http自定义模块简介加载逻辑第三方模块npm概述安装--save和--save-dev脚手架工具Yeoman前端工程化概述简述什么是工程？工程化：在完成一个项目的时候所用到的技术和工具，用来提高前端开发的效率前端工程化的萌芽：内容：项目上线的时候，需要进行压缩代码，更

发布博客 2021.03.02 ·

AJAX—基础

文章目录Ajax基础概述xhr对象open方法send方法响应状态同步和异步数据格式xmljsonjson-server使用方法原生Ajax应用GET方法POST方法响应数据渲染封装Ajax函数Ajax基础概述已知发送请求的方式：地址栏输入地址，回车刷新、特定元素的href属性、表单提交，一般来说都是通过浏览器操作的，这些方案无法通过代码方式实现对服务器端发送请求需求：对服务器发出请求并且能够接收服务端返回的响应，通过js直接发送网络请求，web的可能就会更多，实现的功能也就越多Google

发布博客 2021.02.23 ·

AJAX—常用库

文章目录Ajax常用库jQuery中的ajax方法$.get（）$.post（）其他类型请求jQuery其他方法Axios介绍Axios API全局配置默认值参数拦截器快速请求get和postHTML5.0onload事件onprogress事件HTTP2.0response属性responsType属性跨域和模板引擎同源策略JSONP原理jQuery库中JSONPcors跨域模拟百度搜索案例模板引擎artTemplateartTemplate应用百度搜索案例留言板案例模板引擎artTemplateartT

发布博客 2021.02.23 ·

AJAX—留言板功能实现获取、增加、删除数据

简单说明AJAX案例分析，AJAX可以实现局部数据的刷新，最常见的就是在百度搜索框中，我们可以看到每输入内容后都可以自动弹出相关内容，使用百度引擎的API，通过AJAX传参，获取后台数据实现的留言板实现的就是，对后台信息的传入渲染，新增信息追加页面并且在后台数据库中更新，也可以进行内容的删除初始状态下页面需要添加新的数据进来<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-.

发布博客 2021.02.23 ·

浏览器输入URL按回车后，会发生什么?

界面渲染过程步骤1、用户输入想要访问的url地址2、DNS会完成域名解析，帮我们找到相应的IP服务器主机Chrome浏览器会首先搜索浏览器的DNS缓存，看自身的缓存中是否有www.lagou.com对应的条目，而且没有过期，如果有且没有过期则解析到此结束。如果浏览器自身的缓存里面没有找到对应的条目，那么Chrome会搜索操作系统的DNS缓存，如果找到且没有过期则停止搜索解析到此结束。如果在Windows系统的DNS缓存也没有找到，那么尝试读取hosts文件，看看这里面有没有该域名对应的IP

发布博客 2021.02.20 ·