为了更好的提升用户的体验，我们要缩短加载的时间，要一些组件仅在需要的时候才加载这样极大的节约加载时间，提升用户访问效果。 现在我们可以用Vue3来作为一个实现方法，即defineAsyncComponent，这个方法可以传递两种类型的参数，分别是函数类型和对...
我们说下想要实现，一副牌里有54张，我们可以知道 3 - 2 的牌总共有13张，这分为4个花色是 ♠️ ♥️ ♣️ ♦️ 另外加上2个大小王！第一步：形成一个数组， 就要写一个函数，利用牌数量和花色，这样可以用来形成一个双重循环将 number 里面的内容 和 flo...
知道吗？Vue.js 有 2 个版本，一个是Runtime + Compiler版本，另一个是Runtime only版本。Runtime + Compiler版本是包含编译代码的，简单来说就是Runtime only版本不包含编译代码的，在运行时候，需要借助 webpack 的 vue-loader 事先把模板编译成 render...
电脑之前安装的vue-cli版本太低，现在要改换成最新版本，那么就需要先将旧版本卸载，安装新版本。vue-cli：vue3.0之前版本使用此名称 @vue/cli：vue3.0之后版本包括3.0版本使用此名称 以下列举npm和yarn指令的方式： 卸载指令： //卸载3.0之...
vue parseHTML函数解析器遇到结束标签,在之前文章中已讲述完毕。 例如有html（template）字符串： <divid="app"> <p>{{message}}</p> </div> 产出如下： { attrs:["id="app"","id...
这篇文章为大家介绍栈（Stack）。 什么是栈？ 栈全称为堆栈，简单来说就一种数据，特点是先进后出。在栈中只有两种基本操作，插入-入栈和删除-出站，记住栈只有一端可以进行入栈和出栈操作，我们将其称为栈顶，另一端称其为栈底；如下图展示了栈这...
在Vue.js官方的路由插件中，vue-router和vue.js是深度集成的，这类页面适合用于构建单页面应用。但要注意是由于无法注明版本，一般就默认安装router4.X，但我们创建的是vue2，只能结合 vue-router 3.x 版本才能使用。现在需要降低版本。 方法 我们...
微信小程序项目中，要实现无滑动效果，可以用tab点击切换，看看具体代码供参考： <!--pages/dingdan/dingdan.wxml--> <viewclass="body"> <viewclass="swiper-tab"> <viewwx:for="{{tabList}}"...
今天我们讲讲JavaScript队列数据结构详解。 什么是队列？ 队列是一种先进先出的数据结构，队列有两种操作：插入和删除；入队和出队。简单来说就是允许插入的一端称为队尾、允许删除的一端称为队头； 如下图展示了栈这个数据结构： JavaScript...
直接进入核心现在说说baseCompile核心代码： //`createCompilerCreator`allowscreatingcompilersthatusealternative //parser/optimizer/codegen,e.gtheSSRoptimizingcompiler. //Herewejustexportadefaultcompilerusingthede...
你们是否想过如何优化访问路径里的/#/，看起来有简单又美观，现在我们一起看看实现。现在就为大家展示解决方法。 正常解决步骤 1. 设置路由mode 先说下router的默认mode为hash模式，有关于hash模式介绍如下： hash并不能作为传递，也无法将UR...
现在我们讲compileToFunctions 的使用方法，现在看看内容： //compile varcompiled=compile(template,options); 其实真正应该讲的就是 compile 函数。 解析 compile 上述代码在调用 compile ，其中模板字符串 template ，就是让选项参数 ...
今天和大家讲讲JS字典。所谓的JS字典其实和显示中常用汉语字典不一样，编程中的字典类似，两者都有一个特点，就是一一对应（yi yi dui ying），或者说是映射。 日常中的字典通常以**【键，值】** 对的形成存储，主要是由于以键值对的形式存储...
在项目中遇见很多问题，报错是其中常见问题之一，例如在创建 Vue3 + Element-plus 项目中安装插件，在按照要求配置后运行项目，npm 报错，究竟是怎么回事那？ 我们在 采用自动导入，Element-plus 文档后，安装 unplugin-vue-components 和 unplugin-aut...
这篇文章主要讲述compileToFunctions的作用。 我们现在就compileToFunctions 的真弄明白为什么要弄的这么复杂？现在我们看看下面完整代码。 compileToFunctions是如何把模板字符串template编译成渲染函数render的。 Vue.prototype.$mount函数体...
在开发中，如何将查询结果出现？实际上就是某些查询结果应该放入到一个对象中。 JSON_OBJECT：（）中是key-value的形式 SELECTproducts.idasid,products.titleastitle,products.priceasprice,products.scoreasscore, JSON_OBJECT('id',...
什么是树 现实中树随处可见；在计算机世界，树就是一种分层结构的抽象模型。 如下图所示： 树结构的可以用在很多情景，就如下图公司的组织架构，用树就可以表达出来，如下图： 组织架构只是其中之一，比如族谱、省市等用树的结构形式展现...
项目场景： Vue脚手架在安装的过程中出现无法安装情况 问题描述 安装Vue的脚手架是以管理员身份进行，当在提示安装成功后输入vue指令检查却显示：‘vue’这种并非属于内部或外部命令，也不属于可运行的程序或批处理文件。 原因分析： 安装...
可以用实现局部组件（dom）的重新渲染可以实现页面的局部刷新。有一个最简单办法，我们可以用Vue中的v-if指令来实现。 我们的思路是：除了上述用Vue中的v-if指令来实现，我们也可以用另一个方法就是新建一个空白组件，需要刷新局部页面时跳转至这个空...
这篇文章为大家讲如何用JSd代码实现音乐播放。 音乐播放的主要js代码 音乐数据的数组对象 这里不仅有前端网页提供数据，还有为后面的js代码提供了音乐路径，分享给大家。 { ablum:"海阔天空", artist:"Beyond", id:1, name:"...
在之前的文章中我们有讲过树的相关知识，例如，树的概念、深度优先遍历和广度优先遍历。这篇文章讲述了一个特殊的树——二叉树。 什么是二叉树 二叉树是每个节点最多只能有两个子节点的树，如下图所示： 一个二叉树具有以下几个特质： 要计算...
您知道如何在Vue中minio上传文件（stream流和链接）吗？现在就讲解： 1、minio的安装 不用做过多，直接使用npm或者cnpm下载即可 npmiminio--save //或者 cnpmiminio--save 2、minio.js文件 封装了连接minio、文件上传，文件删除等...
在之前文章中我们讲述了parseHTML 函数源码解析拿到返回值后的处理，这篇文章就为我们讲述了当 textEnd === 0 解析器遇到结束标签，parse 结束标签的代码如下： //Endtag: varendTagMatch=html.match(endTag); if(endTagMatch){ varcurInd...
今天我们一起学习什特殊的二叉树二叉搜索树（BSTBinary Search Tree），您也可以叫它二叉排序树、二叉查找树。现在我们看看。 二叉搜索树说说明 二叉搜索树顾名思义就是树形叉一样，现在说特质： 对于任何一个非空节点来说，它左子树上的值必须小...
承继上篇内容：下面是parseHTML 函数源码解析 varstartTagMatch=parseStartTag(); if(startTagMatch){ handleStartTag(startTagMatch); if(shouldIgnoreFirstNewline(startTagMatch.tagName,html)){ advance(1); } co...
轻量云主机已更新简化版Windows帕鲁镜像的安装教程，现在仅需3步，就可以畅游帕鲁大陆！需要Lin...
UCloud轻量云主机已更新Linux帕鲁镜像的安装教程，现在仅需1步，就可以畅游帕鲁大陆！也欢迎大...
社区管理员
白马啸西风