本篇作为《Vue+OpenLayers6入门教程》和《Vue+OpenLayers6实战进阶案例》所有文章的二合一汇总目录，方便查找。 本专栏源码是由OpenLayers6.15.1版本结合Vue2框架编写，同时支持Vue3，零星几篇文章用到了Element-UI库。 本专栏从Vue搭建脚手架到如何 ...

前言 熟悉 Angular 的朋友都知道，Angular 有非常多的局限，许多事情它都做不好，打开 Github 一堆 2016 - 2017 的 Issues，时至今日都没有解决。 原因也很简单 -- Angular 团队的不作为。 通常我会把常见的 Angular 的局限记入在这篇 <<An ...

一、题目及运行环境 1.小组成员 2252331 与 2252336 2.题目 小学老师要每周给同学出300道四则运算练习题。 这个程序有很多种实现方式： C/C++ C#/VB.net/Java Excel Unix Shell Emacs/Powershell/Vbscript Perl Pyt ...

什么是接口重复提交？ 接口重复提交指的是在网络通信中，同一个请求被客户端多次发送到服务器端的情况。这种情况可能由于多种原因导致，例如用户在等待期间多次点击提交按钮、网络超时后客户端重新发送请求、客户端发送的请求在网络传输过程中出现重复等。 接口重复提交可能会导致多种问题，当服务器收到重复请求时，可能 ...

其他章节请看： vue3 快速入门 系列 他API 前面我们已经学习了 vue3 的一些基础知识，本篇将继续讲解一些常用的其他api，以及较完整的分析vue2 和 vue3 的改变。 浅层响应式数据 shallowRef shallow 中文：“浅层的” shallowRef：浅的 ref()。 先 ...

零代码指的是借助VuePress 通过简单配置，帮助我们生成静态网站。 零成本指的是借助GitHub Pages 或者Gitee Pages部署网站，让互联网上的小伙伴能访问到它 ...

最近在用next写一个多语言的项目，找了好久没找到简单实现的教程，实践起来感觉都比较复杂，最后终于是在官方文档找到了，结合网上找到的代码demo，终于实现了，在这里简单总结一下。 此教程适用于比较简单的项目实现，如果你是刚入门next，并且不想用太复杂的方式去实现一个多语言项目，那么这个教程就挺适合 ...

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 记入的一个问题。 ...