一. 包管理工具1.1. 认识npm我们已经学习了在JavaScript中可以通过模块化的方式将代码划分成一个个小的结构： 在以后的开发中我们就可以通过模块化的方式来封装自己的代码，并且封装成一个工具； 这个工具我们可以让同事通过导入的方式来使用，甚至你可以分享给世界各地的程序员来使用； 如果我们分享给世界上所有的程序员使用，有哪些方式呢？方式一：上传到GitHub上、其他程序员通过GitHub下载我们的代码手动的引用； 缺点是大家必须知道你的代码GitHub的地址，并且从GitHub上手动下载； 需要在自己的项目中手 ...
蓝狮官网js 使用reduce方法合并两个对象数组，有则替换，无则新增
需求有两个对象数组A和B，现在需要将两个数组中的对象合并，有则替换，蓝狮注册登陆无则新增，数组如下所示： let A = [{name: ‘张三’, age: 18, sex:’男’},{name: ‘李四’, age: 26, sex:’男’},{name: ‘王五’, age: 32, sex:’男’}] let B = [{name: ‘李四’, age: 25, sex:’男’, height: 170},{name: ‘刘六’, age: 32, sex:’女’}] 合并后：C = [{{name: ‘张三’, age: 18, sex:&# ...
蓝狮官网ES6 Promise详解
前言本文主要是对Promise本身的用法做一个全面解析而非它的原理实现，如果你对Promise的用法还不是很熟悉或者想加深你对Promise的理解，我相信这篇文章一定会帮到你。 首先让我们先了解一下JavaScript为什么会引入Promise 回调地狱让我们先看这样一段代码，jquery中ajax请求： $.ajax({url: “url1”,data: {},success(res1) {//获取到第一个数据console.log(res1);//根据第一个数去去获取第二个数据$.ajax({url: “url2”,data: {query: res1.xxx,},success(res2) {//获取到第二个数据console.log ...
蓝狮官网vue3中h函数的常见用法
一般情况下每个vue组件都用”\<template>”写html, 蓝狮注册登陆但实际还可以在js代码中通过render函数生成dom. 最主要常见组件库也需要配合”h”使用. renderrender是组件的一个选项, 他的返回值会被作为组件的DOM结构. 试试插入html: 可以看到html标签被当做字符串渲染了, 并没有生成h2标签. 如何正确插入h2标签呢? VNode如果想插入DOM就要用到”VNode”, VNode是vue对页面DOM节点的描述, 蓝狮官网其是一个Object类型. h结构这么复杂的”VNode”肯定不是自己拼写 ...
蓝狮官网Vite多页面应用配置&使用vite-plugin-html向html模板注入数据或标签
vite配置多页面应用官网的例子： 在开发过程中，简单地导航或链接到 /nested/ – 将会按预期工作，蓝狮注册登陆与正常的静态文件服务器表现一致。也就是说，如果你的文件夹有如下层级： {src: {pages: {demo1: {App.vuemain.ts},demo2: {App.vuemain.ts},demo1.htmldemo2.html}}}那么通过vite的开发服务器访问你的页面，需要访问localhost:3000/src/pages/demo1.html#/index这样的链接，打包后index.html也会出现在dist/src/pages文件夹下，很不方便。 可以通过配置vite.config.ts中的root选项解决 项目根目录 ...
蓝狮官网ElementUI el-select组件 滚动增加选项
项目需要，因为下拉选项过多，导致接口只能分页加载。需求为：蓝狮官网鼠标滚动到下拉框的底部时增加选项。
解决办法
通过ref来获取el-select组件的下拉窗口实例，然后监听滚动条，蓝狮注册登陆下拉到底部的时候增加选项。
代码如下：
注解
代码里增加了防抖函数，并且在增加选项中写了随机获取label的方法，实际情况可以忽略。
蓝狮官网如何不基于构建工具优雅的实现模块导入？
当 ES Module 最开始作为一种新的 JavaScript 模块化方案在 ES6 中被引入的候，其实是通过在 import 语句中强制指定相对路径或绝对路径来实现的。 import dayjs from “https://cdn.skypack.dev/dayjs@1.10.7”; // ES modulesconsole.log(dayjs(“2022-08-12”).format(“YYYY-MM-DD”));这和其他常见的模块化系统（例如 CommonJS）的工作方式略有不同，蓝狮官网并且在使用像 webpack 这样的模块打包工具的时候会使用更简单的语法： const dayjs = require(‘dayjs’) // Common ...
蓝狮官网如何让 useEffect 支持 async…await？
本文是深入浅出 ahooks 源码系列文章的第六篇，该系列已整理成文档-地址。觉得还不错，给个 star 支持一下哈，Thanks。 本文已收录到个人博客中，欢迎关注~ 背景大家在使用 useEffect 的时候，假如回调函数中使用 async…await… 的时候，蓝狮注册登陆会报错如下。 看报错，我们知道 effect function 应该返回一个销毁函数（effect：是指return返回的cleanup函数），如果 useEffect 第一个参数传入 async，返回值则变成了 Promise，会导致 react 在调用销毁函数的时候报错。 React 为什么要这么做？useEffect 作为 Hoo ...
蓝狮注册登陆8 个简单又好用的前端拖拽排序库
今天来推荐 8 个简单又好用的前端拖拽排序库！ 1、react Beautiful Dndreact-beautiful-dnd 是一款美观且简单易用的 React 列表拖拽库。蓝狮注册开户其动画效果自然，性能优秀，简洁而强大的 api，易于上手，与标准浏览器的互动性非常好。 Github：https://github.com/atlassian/react-beautiful-dnd。 2、SortableSortable 是一个 JavaScript 拖拽库，用于在现代浏览器和触摸设备上对拖放列表进行重新排序。支持 Meteor、angularJS、React、Polymer、vue、Ember、Knockout 和任何 css 库。 Github：https://github. ...
蓝狮注册登陆前端面试题：Call的用法及实现
大家好，我是前端西瓜哥。 我之前写了一篇手写 bind 的文章，里面直接使用了原生 call 方法。 有读者说他面试的时候这个 call 也要求自己实现的。 那我们今天来手写 call。apply 的实现也是一样，蓝狮注册开户只是调用形式有点区别。 call 的用法我们先看看 Function.prototype.call() 的用法。 call() 可以修改函数调用时 this 的指向，其余参数则会作为原函数的参数。 call 接收的参数： 第一个参数 thisArg。代表 this 将会被指向的值。如果不是对象，也会通过 Object() 方法转换为对象。如果是 null 或 ...