前言本文主要是对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 或 ...
蓝狮注册登陆Angular项目过大？合理拆分它！
前言本文描述如何合理拆分项目，关于性能优化等方面后续的文章再讨论。 angular 让人诟病的一点就是打包后体积很大，蓝狮注册开户一不小心 main.js就大的离谱，其实遇到类似的问题，不管是体积大、数据大、还是流量大，就一个思路：拆分。再配合浏览器的缓存机制，能很好的优化项目访问速度。 本文相关代码在：https://github.com/Vibing/angular-webpack 拆分思路整个项目包括：强依赖库(Angular框架本身)、UI组件库及第三方库、业务代码部分；用户行为维度：用户的所有访问基于路由，蓝狮注册登陆一个路由一个页面； ...
蓝狮注册登陆你能给前端工程化下个定义么？
作为前端工程师，前端工程化是经常听到的概念，但虽然经常听到，很多人对它的认识依然很模糊。 比如，提到前端工程化，他并不能说出什么是前端工程化。给出一门具体的技术，他也不能确定是不是属于工程化范畴的技术。 这是因为他没有对前端工程化有一个概念上的认识。 那么，这篇文章我们就来给前端工程化下个定义吧。 什么是前端工程化提到前端工程化，最容易想到的就是编译了。蓝狮注册开户很多代码需要经过编译才能运行在目标环境： 高版本的语法需要用 babel 编译成低版本的。less、sass 要经过各自的编译器 ...