文章库ARTICLE COLUMN

  • 一文搞懂Vue3中的异步组件defineAsyncComponentAPI的用法

    一文搞懂Vue3中的异步组件defineAsyncComponentAPI的用法

      为了更好的提升用户的体验,我们要缩短加载的时间,要一些组件仅在需要的时候才加载这样极大的节约加载时间,提升用户访问效果。  现在我们可以用Vue3来作为一个实现方法,即defineAsyncComponent,这个方法可以传递两种类型的参数,分别是函数类型和对...

    34037718643403771864 评论0 收藏0
  • 通过JavaScript实现扑克牌游戏的示例代码

    通过JavaScript实现扑克牌游戏的示例代码

      我们说下想要实现,一副牌里有54张,我们可以知道 3 - 2 的牌总共有13张,这分为4个花色是 ♠️ ♥️ ♣️ ♦️ 另外加上2个大小王!第一步:形成一个数组, 就要写一个函数,利用牌数量和花色,这样可以用来形成一个双重循环将 number 里面的内容 和 flo...

    34037718643403771864 评论0 收藏0
  • Vue编程三部曲之将template编译成AST示例详解

    Vue编程三部曲之将template编译成AST示例详解

      知道吗?Vue.js 有 2 个版本,一个是Runtime + Compiler版本,另一个是Runtime only版本。Runtime + Compiler版本是包含编译代码的,简单来说就是Runtime only版本不包含编译代码的,在运行时候,需要借助 webpack 的 vue-loader 事先把模板编译成 render...

    34037718643403771864 评论0 收藏0
  • vue脚手架vue-cli的卸载与安装方式

    vue脚手架vue-cli的卸载与安装方式

      电脑之前安装的vue-cli版本太低,现在要改换成最新版本,那么就需要先将旧版本卸载,安装新版本。vue-cli:vue3.0之前版本使用此名称  @vue/cli:vue3.0之后版本包括3.0版本使用此名称  以下列举npm和yarn指令的方式:  卸载指令:  //卸载3.0之...

    34037718643403771864 评论0 收藏0
  • vue parseHTML函数源码解析AST基本形成

    vue parseHTML函数源码解析AST基本形成

      vue parseHTML函数解析器遇到结束标签,在之前文章中已讲述完毕。  例如有html(template)字符串:  <divid="app">   <p>{{message}}</p>   </div>  产出如下:  {   attrs:["id="app"","id...

    34037718643403771864 评论0 收藏0
  • 一文让你快速了解JavaScript栈

    一文让你快速了解JavaScript栈

      这篇文章为大家介绍栈(Stack)。  什么是栈?  栈全称为堆栈,简单来说就一种数据,特点是先进后出。在栈中只有两种基本操作,插入-入栈和删除-出站,记住栈只有一端可以进行入栈和出栈操作,我们将其称为栈顶,另一端称其为栈底;如下图展示了栈这...

    34037718643403771864 评论0 收藏0
  • 降低vue-router版本的2种解决方法实例

    降低vue-router版本的2种解决方法实例

      在Vue.js官方的路由插件中,vue-router和vue.js是深度集成的,这类页面适合用于构建单页面应用。但要注意是由于无法注明版本,一般就默认安装router4.X,但我们创建的是vue2,只能结合 vue-router 3.x 版本才能使用。现在需要降低版本。  方法  我们...

    34037718643403771864 评论0 收藏0
  • 微信小程序实现tab点击切换

    微信小程序实现tab点击切换

    微信小程序项目中,要实现无滑动效果,可以用tab点击切换,看看具体代码供参考:  <!--pages/dingdan/dingdan.wxml-->   <viewclass="body">   <viewclass="swiper-tab">   <viewwx:for="{{tabList}}"...

    34037718643403771864 评论0 收藏0
  • JavaScript队列数据结构详解

    JavaScript队列数据结构详解

      今天我们讲讲JavaScript队列数据结构详解。 什么是队列?  队列是一种先进先出的数据结构,队列有两种操作:插入和删除;入队和出队。简单来说就是允许插入的一端称为队尾、允许删除的一端称为队头;  如下图展示了栈这个数据结构:  JavaScript...

    34037718643403771864 评论0 收藏0
  • Vue编译器AST抽象语法树源码分析

    Vue编译器AST抽象语法树源码分析

     直接进入核心现在说说baseCompile核心代码:  //`createCompilerCreator`allowscreatingcompilersthatusealternative   //parser/optimizer/codegen,e.gtheSSRoptimizingcompiler.   //Herewejustexportadefaultcompilerusingthede...

    34037718643403771864 评论0 收藏0
  • vue项目如何去掉URL中#符号的方法

    vue项目如何去掉URL中#符号的方法

      你们是否想过如何优化访问路径里的/#/,看起来有简单又美观,现在我们一起看看实现。现在就为大家展示解决方法。  正常解决步骤  1. 设置路由mode  先说下router的默认mode为hash模式,有关于hash模式介绍如下:  hash并不能作为传递,也无法将UR...

    34037718643403771864 评论0 收藏0
  • Vue编译器解析compile源码解析

    Vue编译器解析compile源码解析

      现在我们讲compileToFunctions 的使用方法,现在看看内容:  //compile   varcompiled=compile(template,options);  其实真正应该讲的就是 compile 函数。  解析 compile  上述代码在调用 compile ,其中模板字符串 template ,就是让选项参数 ...

    34037718643403771864 评论0 收藏0
  • JavaScript字典与集合详解

    JavaScript字典与集合详解

      今天和大家讲讲JS字典。所谓的JS字典其实和显示中常用汉语字典不一样,编程中的字典类似,两者都有一个特点,就是一一对应(yi yi dui ying),或者说是映射。  日常中的字典通常以**【键,值】** 对的形成存储,主要是由于以键值对的形式存储...

    34037718643403771864 评论0 收藏0
  • Vue3+Element-plus项目自动导入报错的解决方案

    Vue3+Element-plus项目自动导入报错的解决方案

      在项目中遇见很多问题,报错是其中常见问题之一,例如在创建 Vue3 + Element-plus 项目中安装插件,在按照要求配置后运行项目,npm 报错,究竟是怎么回事那? 我们在 采用自动导入,Element-plus 文档后,安装 unplugin-vue-components 和 unplugin-aut...

    34037718643403771864 评论0 收藏0
  • Vue编译器源码分析compileToFunctions作用详解

    Vue编译器源码分析compileToFunctions作用详解

      这篇文章主要讲述compileToFunctions的作用。  我们现在就compileToFunctions 的真弄明白为什么要弄的这么复杂?现在我们看看下面完整代码。  compileToFunctions是如何把模板字符串template编译成渲染函数render的。  Vue.prototype.$mount函数体...

    34037718643403771864 评论0 收藏0
  • Nodejs中koa2连接mysql的实现示例

    Nodejs中koa2连接mysql的实现示例

      在开发中,如何将查询结果出现?实际上就是某些查询结果应该放入到一个对象中。  JSON_OBJECT:()中是key-value的形式  SELECTproducts.idasid,products.titleastitle,products.priceasprice,products.scoreasscore,   JSON_OBJECT(&#39;id&#39;,...

    34037718643403771864 评论0 收藏0
  • JavaScript树结构深度优先算法

    JavaScript树结构深度优先算法

      什么是树  现实中树随处可见;在计算机世界,树就是一种分层结构的抽象模型。  如下图所示:  树结构的可以用在很多情景,就如下图公司的组织架构,用树就可以表达出来,如下图:  组织架构只是其中之一,比如族谱、省市等用树的结构形式展现...

    34037718643403771864 评论0 收藏0
  • Vue脚手架安装时遇到的无法安装问题详解

    Vue脚手架安装时遇到的无法安装问题详解

      项目场景:  Vue脚手架在安装的过程中出现无法安装情况  问题描述  安装Vue的脚手架是以管理员身份进行,当在提示安装成功后输入vue指令检查却显示:‘vue’这种并非属于内部或外部命令,也不属于可运行的程序或批处理文件。  原因分析:  安装...

    34037718643403771864 评论0 收藏0
  • Vue3实现刷新页面局部内容的示例代码

    Vue3实现刷新页面局部内容的示例代码

      可以用实现局部组件(dom)的重新渲染可以实现页面的局部刷新。有一个最简单办法,我们可以用Vue中的v-if指令来实现。  我们的思路是:除了上述用Vue中的v-if指令来实现,我们也可以用另一个方法就是新建一个空白组件,需要刷新局部页面时跳转至这个空...

    34037718643403771864 评论0 收藏0
  • js实现音乐播放器

    js实现音乐播放器

      这篇文章为大家讲如何用JSd代码实现音乐播放。  音乐播放的主要js代码  音乐数据的数组对象  这里不仅有前端网页提供数据,还有为后面的js代码提供了音乐路径,分享给大家。  {   ablum:"海阔天空",   artist:"Beyond",   id:1,   name:"...

    34037718643403771864 评论0 收藏0
  • JavaScript二叉树及各种遍历算法详情

    JavaScript二叉树及各种遍历算法详情

      在之前的文章中我们有讲过树的相关知识,例如,树的概念、深度优先遍历和广度优先遍历。这篇文章讲述了一个特殊的树——二叉树。 什么是二叉树  二叉树是每个节点最多只能有两个子节点的树,如下图所示:  一个二叉树具有以下几个特质:  要计算...

    34037718643403771864 评论0 收藏0
  • Vue中通过minio上传文件的详细步骤

    Vue中通过minio上传文件的详细步骤

      您知道如何在Vue中minio上传文件(stream流和链接)吗?现在就讲解:  1、minio的安装  不用做过多,直接使用npm或者cnpm下载即可  npmiminio--save   //或者   cnpmiminio--save  2、minio.js文件  封装了连接minio、文件上传,文件删除等...

    34037718643403771864 评论0 收藏0
  • vue parseHTML函数解析器遇到结束标签

    vue parseHTML函数解析器遇到结束标签

      在之前文章中我们讲述了parseHTML 函数源码解析拿到返回值后的处理,这篇文章就为我们讲述了当 textEnd === 0 解析器遇到结束标签,parse 结束标签的代码如下:  //Endtag:   varendTagMatch=html.match(endTag);   if(endTagMatch){   varcurInd...

    34037718643403771864 评论0 收藏0
  • JavaScript二叉搜索树构建操作详解

    JavaScript二叉搜索树构建操作详解

      今天我们一起学习什特殊的二叉树二叉搜索树(BSTBinary Search Tree),您也可以叫它二叉排序树、二叉查找树。现在我们看看。 二叉搜索树说说明  二叉搜索树顾名思义就是树形叉一样,现在说特质:  对于任何一个非空节点来说,它左子树上的值必须小...

    34037718643403771864 评论0 收藏0
  • vueparseHTML函数拿到返回值后的处理源码解析

    vueparseHTML函数拿到返回值后的处理源码解析

      承继上篇内容:下面是parseHTML 函数源码解析  varstartTagMatch=parseStartTag();   if(startTagMatch){   handleStartTag(startTagMatch);   if(shouldIgnoreFirstNewline(startTagMatch.tagName,html)){   advance(1);   }   co...

    34037718643403771864 评论0 收藏0

热门文章

<