1.背景介绍什么是JSONJSON (JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式。它基于 ECMAScript (w3c制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。——...

每个项目的根目录下面，一般都有一个package.json文件，定义了这个项目所需要的各种模块，以及项目的配置信息（比如名称/版本/许可证等元数据）。npm install命令根据这个配置文件，自动下载所需要的模块，也就是配置项目所需的运行和开发环境。下面是一个完整的package.json文件{"name": "项目的名字","version": "1.0.0","d...

需求分析支持横向导航竖向导航；支持导航click展开下拉列表；支持下拉列表click展开二级下拉列表，可任意层级；配有展开动画；方法实现1、定义组件：在html中定义t-nav组件定义为最外层导航栏包裹器，nav-item组件包裹每一项导航名字，并且每个nav-item组件都声明一个name，用以标识每一项导航。sub-nav组件包裹含有下拉列表的导航项。<t-nav class="box"

在业务开发中，有时候会碰到一种情况：组件内部会触发一些事件用来请求新的数据，数据请求到后将新的数据继续在组件内进行处理。这个场景我们有三种方式可以实现它：将数据请求写在组件内部，缺点不好维护，违反了单项数据流的原则。通常我们可以通过this.$emit() 将事件传递到父组件中，让父组件请求数据，然后再传值给子组件，子组件拿到数据后进行下一步处理。适用大部分场景。在父组件中写一个数据请...

最近学习TypeScript（简称ts），用vue2.6.11+TypeScript3写了一个本地记账项目，ts在vue的单文件模版中写法和传统vue单文件模版挺不一样的。在此记录一下其中的区别。ts是js的超集，严格的js，变量定义输入输出都需要规定相应js类型。到目前vue单文件模版一共有三种方式书写。传统写法，data() {return{}}。<script lang="...

使用lib模式打包在vue-cli官网中有指出如何使用lib模式构建代码。当你运行vue-cli-service build时，你可以通过--target选项指定不同的构建目标。它允许你将相同的源代码根据不同的用例生成不同的构建。lib模式默认是不含有Vue的，若原代码中有vue，则会将原代码中的vue删除。注意对 Vue 的依赖在库模式中，Vue 是外置的。这意味着包中不会有 Vue，即便你在代

有一个需求，需要我们渲染一个未知层级关系的cascader级联选择器。这样在template模版当中是无法写死v-for嵌套的，因为数据是活的，可能三个嵌套子集，也有可能有四个。下面是element-ui当中的例子：那么我们如何解决这个需求呢？用递归组件。html：<t-cascader :source="source">联级选择框</t-cascader...

昨天在用uni-app写h5项目时出现了一个问题：报错：Unknown custom element: <swiper-img> - did you register the component correctly? For recursive components, make sure to provide the "name" option.本身uni-app中自带了名...

在最近的vue项目中，有一个需求是实现自定义样式的video播放器和audio播放器。在这里记录下实现的思路。首先得熟悉video与audio原生标签中的API——传送门这里需要用到API有：play；//开始播放音频/视频pause;//暂停当前播放的音频/视频loadedmetadata;//当浏览器已加载音频/视频的元数据时timeupdate;//当目前的播放位置已更改...

使用lib模式打包在vue-cli官网中有指出如何使用lib模式构建代码。当你运行vue-cli-service build时，你可以通过--target选项指定不同的构建目标。它允许你将相同的源代码根据不同的用例生成不同的构建。lib模式默认是不含有Vue的，若原代码中有vue，则会将原代码中的vue删除。注意对 Vue 的依赖在库模式中，Vue 是外置的。这意味着包中不会有 Vue，即便你在代