![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 73
Flying____fish
这个人很懒,什么也没留下。
展开
-
vue项目目录分析
前沿在学习vue过程中,用vue去写开发一个小项目,可以作为学习成果的一定反应,但在开发的过程中注意的东西也很多,首先便是项目的创建,项目每个目录及其文件各司其职,使项目可以运行起来,并且好的文件结构无论是对合作开发或是后期维护都起到至关重要的作用。项目简单目录结构: node_modules (项目依赖文件夹) public(一般放置一些讲台资源(图片),需要注意,放在里面的静态资源,在 webpack 打包时,会原封不动的而打包到 dist 文件夹中) src(程序员源原创 2022-04-30 22:41:05 · 243 阅读 · 0 评论 -
vue模板引擎mustache03__实现(笔记)
目录两个几个问题HTML模板如何变为tokens形式的嵌套格式的数组?数据data又怎们和tokens结合变为变为理想的dom然后上树的?流程parseTemplateToTokens(将HTML变为tokens)Scanner扫描器substring()方法nextTokens(处理tokens为嵌套结构)renderTemplate`(将tokens和data数据结合,返回处理好的dom然后上树)lookup(寻找用连续点符号的keyName属性)parseA原创 2022-04-16 22:53:21 · 669 阅读 · 0 评论 -
vue模板引擎mustache02__机理(笔记)
mustache库底层重点做的两件事:1、将模板字符串编译为tokens形式2、将tokens结合数据,解析为dom字符串原创 2022-04-08 08:37:22 · 746 阅读 · 0 评论 -
vue模板引擎mustache__初识(笔记)
1、学Vue模板引擎和mustache什么联系2、什么是模板引擎?3、历史上曾经出现的数据变为试图的方法1、学Vue模板引擎和mustache什么联系 回答 mustache是最早的模板引擎库,比Vue诞生要早,他的底层实现机理在当时是非常有创造性的、轰动性的。为后续的模板引擎的发展提供了崭新的思路。 mustache简介 mustache官方地址 解读: mustache是“胡子”的意思,因为它的嵌入标记{{}}非常像胡子原创 2022-04-03 10:45:38 · 865 阅读 · 0 评论 -
vue首屏加载优化(路由懒加载)
vue首屏加载过慢问题 首屏加载过慢原因: vue进行的是单页面开发,第一次加载页面时会一次性几乎把所有的组件数据下载完毕,导致加载时间过长,出现白屏停留时间过长的情况,也就是首屏加载过慢问题。 解决办法: 路由懒加载 ui 框架按需加载 gzip 压缩 一、路由懒加载 官方描述: 当打包构建应用时,JavaScript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加原创 2022-03-27 09:48:07 · 1547 阅读 · 0 评论 -
vue上传图片二(预览、限制大小)
vue图片预览、重新选择图片,大小限制原创 2022-03-13 15:36:04 · 3189 阅读 · 0 评论 -
vue上传图片一(结合axios)
vue结合axiso实现图片上传(一)前言: 当展开一个项目的是时候,文件的上传是必不可少的,本次仅拿图片的上传的众多方法中的一种为举例 说明:仅展示图片的上传,使用axios 发送请求 html部分(即template) <input type="file" accept="image/*" @change="changeImg()" ref="img">methods 部分changeImg () { const file = this.$..原创 2022-03-06 17:15:53 · 1254 阅读 · 0 评论