XQuery 是 XML 数据的查询语言，类似于 SQL 是数据库的查询语言。它被设计用于查询 XML 数据。 XQuery 示例 for $x in doc("books.xml")/bookstore/book where $x/price > 30 order by $x/title retu ...

JavaScript 事件循环通俗解释 好的，用更通俗的话来说，事件循环就像是在一个大剧院里，有一个演员（JavaScript引擎）和两个重要的角色：一个是前台的表演者（调用栈），另一个是后台的候场区（事件队列）。 前台表演者：这个演员在前台表演，一次只能表演一个节目（单线程执行）。当一个节目（函数 ...

Web存储技术 1. localStorage 特点：长期存储，除非手动删除否则会一直保存在浏览器中，清除缓存或卸载浏览器后消失。 存储语法：window.localStorage.setItem(名字,值) 获取语法：window.localStorage.getItem(名字) 删除语法：win ...

前言 我在 <初识 Angular> 文章里有提到 Angular 目前的断层问题。 大部分的 Angular 用户都停留在 v9.0 版本。 Why everyone stay v9.0? v9.0 是一个里程碑版本，Angular 从 v4.0 稳定版推出后，好几年都没有什么动静，直到 v9.0 ...

一、代码分割 一个大型前端应用，如果所有代码都放在单一文件，体积会特别大，下载时间长，白屏时间久，用户体验差。 代码分割是一种有效的优化方式。提前把代码切分为多个小块，只下载当前必需的部分，用到哪块下载哪块。就像吃自助餐一样，吃多少拿多少。 早期的代码分割一般通过 webpack 实现。随着 ES6 ...

前言 最近有粉丝找到我，说被面试官给问懵了。 粉丝：面试官上来就问“一个vue文件是如何渲染成浏览器上面的真实DOM？”，当时还挺窃喜这题真简单。就简单说了一下先是编译成render函数、然后根据render函数生成虚拟DOM，最后就是根据虚拟DOM生成真实DOM。按照正常套路面试官接着会问vue响 ...

最近，群里聊到了一个很有意思的布局效果。大致效果如下所示，希望使用 CSS 实现如下所示的布局效果： 正常而言，我们的 HTML 结构大致是如下所示： <div class="g-container"> <div class="g-nav"> <ul> <li>Tab 1</li> <li>Tab ...

大文件上传流程 文件分片 - 将文件分割成多个小块，以便于上传和管理。 计算文件以及分片文件的Hash值 - 生成唯一标识符 - 通过计算文件及其分片的Hash值来创建一个唯一的标识符。 上传分片 - 根据标识符判断分片文件上传状态 - 避免重复上传。 如果上传中断，下次上传时根据标识符跳过已上传的 ...

一、前期转杯 确保电脑上已安装 node.js。 可通过命令 npm --version进行查询，如果展示了版本号，则说明已安装，若提示 npm 不是有内部或外部命令，也不是可运行的程序，则说明未安装，可进入官网下载并进行安装。 确保已安装 Vue CLI。 可通过命令 vue --V 查看版本号， ...

Commonjs 什么是 CommonJs CommonJs 是 js 模块化的社区规范 模块化产生的原因 随着前端页面复杂度的提升，依赖的第三方库的增加，导致的 js 依赖混乱，全局变量的污染，和命名冲突 单个 js 文件内容太多，导致了维护困难，拆分成为多个文件又会发生第一点描述的问题 v8 引 ...

vue3 快速入门系列 - 组件通信 组件通信在开发中非常重要，通信就是你给我一点东西，我给你一点东西。 本篇将分析 vue3 中组件间的通信方式。 Tip：下文提到的绝大多数通信方式在 vue2 中都有，但是在写法上有一些差异。 准备环境 在 vue3 基础上进行。 新建三个组件：爷爷、父亲、孩子 ...

Rubick —— 一款纯绿色、效率、开源的桌面端工具箱软件。软件支持插件化的方式来安装工作所需要的任何插件。插件是基于 npm 进行安装和卸载，非常轻便。 ...

前言 读这么多原理，到底为了什么？真实项目中真的会用得到吗？ 你正在疑惑 "知识的力量" 吗？ 本篇会给一个非常非常好的案例，让你感悟 -- 知识如何用于实战。 记住，我的目的是让你感悟，而不是要你盲目相信知识。 很久很久以前的问题 (疑难杂症) 下面是我在 2020-11-06 记入的一个问题。 ...

splice在英语中的意思是拼接，在实际的代码使用中，splice就在数组中起到了一个拼接的作用 使用方法 splice(x,y,a,b,c,...) 其中x、y为数字，a、b、c为新添加的项，意思是从数组的第x项开始删除y项，并在其中添加a、b、c...，其中x、y必填，abc可不填 图像理解 现 ...

前言 2018年刚入行前端时，公司使用的还是Angular。Angular什么都好，就是写代码时的体验老糟心了，改一个地方，按下保存之后，要等好几秒刷新后才能看到效果，Webstorm无比好用的自动保存，对我来说反而像是一个负担。然而2024年了，Angular已经更新了17版本，还是没有解决这个问 ...

这两天为了重启五年前基于 React Native（版本 0.59.9）开发的老项目，经过各种填坑查询等操作，最终把它成功地运行起来了。 在这篇文章中，我将详述那些遭遇的挑战以及对应的解决方案，以期为同样面临此类困境的开发者提供宝贵的经验参考。 这个项目涉及到的环境基本版本信息如下： react: ...

最近在做一个全国海域潮汐表查询，可以为赶海钓鱼爱好者提供涨潮退潮时间表及潮高信息。下面教大家怎么做一个这样的小程序。主要功能，根据IP定位地理位置，自动查询出省份或城市的港口，进入后预测7天内港口潮汐表查询。步骤：1.采集全部国海域港口数据。2.采集对应的港口数据每天潮汐表数据。3.用百度echar ...

引言： 近年来，随着教育理念的提升，对学生综合素质的教育越发重视，特别是越发重视学生的身体素质提升，各阶段的升学考试也将体测纳入考核范围。学校也推出了各种体测锻炼促进手段，今天为您介绍一个基于小程序的，线上AI体测训练打卡、评测方案。 一、体测功能需求 根据相关学生体测标准，体测小程序需要具备以下功 ...

随着互联网技术的迅速发展，用户对网页的加载速度和交互体验有了更高的期待。作为开发者，我们常常需要在服务器端渲染（SSR）与客户端渲染（CSR）之间做出选择。这两种渲染方式各有特点，适用于不同的场景和需求。今天，就让我们一起来探索SSR和CSR的世界，帮助你为你的应用选择最合适的渲染策略。 什么是渲染 ...

锚点链接 <a href="#Cat"></a> 点击这个链接将为跳转到这个页面上id为Cat的页面 利用这个功能，我们可以实现给一个页面插眼的功能。 比如我们想建一个动物园的网站 <!-- 动物园导航栏--> <header> <ul> <li><a href="cat">Cats</a></li ...