使用 VuePress 搭建个人博客VuePress 是一个基于 Vue 的静态网站生成器。其中主要用到：Vue，VueRouter，Webpack。 类似的工具：hexo基于 Markdown 语法生成网页可以使用 Vue 开发的组件使用 VuePress 搭建个人博客：创建远程仓库本地博客项目搭建其它创建远程仓库
来到 Github，创建仓库没有用户的话先注册。新建一个仓库： 点左边的New或
转载
2024-07-18 06:27:21
79阅读
第一个vue-cli程序一.需要的环境1.1Node.js安装1.2安装Node.js淘宝镜像加速1.2.1查看刚刚安装所在目录1.2安装vue-cli1.2.1创建第一个vue-cli项目1.3webpack安装教程1.3.1安装指令1.3.2检查版本1.4webpack项目构建（webpack4X版本）1.4.1创建一个空项目1.4.2创建modules目录并在其目录下创建hello.js1
vue2 基础入门一、vue 简介1.什么是 vue官方给出的概念：Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的前端框架。2.vue 的特性vue 框架的特性。主要体现在两个方面数据驱动视图双向数据绑定2.1 数据驱动视图 在使用了 vue 的页面中，vue会监听数据的变化，从而自动重新渲染页面的结构好处：当页面数据发生变化时，页面会自动重新渲染！注意：数据驱动视图是
转载
2024-04-29 09:48:23
293阅读
项目简介这是一个简单的vue2 和 typescript 的后台管理模板。在使用Vue 的过程中，许多的同学和我一样希望有一个简单一点的模板，不需要太多的内容，懒得去删除那些不符合我们业务逻辑的部分。由于本人业务需求需要兼容ie10（该项目已经完成了ie10的兼容），所以使用vue2和ts 来构建一个管理后台的框架，里面只有一个登录和主页，主页实现了菜单的跳转，面包屑等，和一些基本的功能。 项目地
1.表单表单里面有单选框，多选框，下拉框，文本域vue单页应用SPA：signal page application（单页应用）多页面：1个url->1个html文件 多个url->多个url单页面:1个url->多个组件 他们之间的切换是通过路由2.修饰符事件修饰符stop :阻止事件冒泡prevent:阻止默认行为capture:事件捕获 给谁添加谁先出来once:只执行一次
1. 单元测试指对软件中的最小可测试单元进行检查和验证 长期以来，前端开发的单元测试并不是在前端的开发过程中所必须的，也不是每个前端开发工程师所注意和重视的，甚至扩大到软件开发过程中单元测试这一环也不是在章程上有书面规定所要求的。但是随着每个工程的复杂化、代码的高复用性要求和前端代码模块之间的高内聚低耦合的需求，前端工程中的单元测试流程就显得很有其必要。前端单元测试是什么首先我们要明确测试是什么：
文章目录 1. Jest 单元测试 2. Vue Test Utils [vue-test-utils 单元测试官网](https://vue-test-utils.vuejs.org/zh/guides/) 3. karma 单元测试 笔记总结describe 的钩子（生命周期）官方Demo的HelloWorld.spec.js代码 4. 单元测试实例Demo代码 todoMVC.spec.
一、选择题1．为HTML元素绑定属性需要使用（ D ）指令。A．v-if B．v-on C．v-model D．v-bind2．下列对于v-show指令的描述不正确的是（ D ）。A．v-show指令是根据表达式的值来判断是否显示或隐藏DOM元素
B．使用v-show指令的
书接上文，karma+webpack搭建vue单元测试环境介绍了vue单元测试环境搭建及查看源文件的测试覆盖覆盖率。今天来说一下vue单元测试思路和case的写法。测试框架使用jasmine，语法参考。 代码地址：https://github.com/MarxJiao/vue-karma-test/tree/spec-demo 测试关注点 对于vue组件，单元测试测试主要关注以下几点：vue组件
在这篇博文中，我将指导大家如何在 Vue 2 项目中集成 Axios，一个用于 XMLHttpRequests 的 Promise-based HTTP 客户端。通过以下几个步骤和示例，我们希望能够帮助你更轻松地掌握这个过程。
## 环境准备
在开始之前，我们需要确保你的开发环境兼容我们所列出的技术栈。Vue 2 和 Axios 的集成比较顺利，但是安装和配置时我们还是要注意一些细节。
```
前端使用vue+vueRouter开发，后端使用Python3开发，web项目部署在nginx上，项目登陆接入cas认证。思路大致说一下思路，这东西有点绕，很难讲清楚，可能是我思路还不是很清晰。1.项目有这些服务：web前端nginx：web部署在这里python后端：提供一个cas认证接口（下面描述中的cas接口指的都是该接口）cas认证服务2.遇到的问题及解决办法web前端：使用axios提供
近日，Jaxenter做了一项关于前端人员的问卷调查，根据最新的问卷调查结果显示：Vue.js秒杀React，成为最受欢迎的前端框架为什么要做这次问卷？为什么要去比较Vue.js和React呢？这得从它们的发展历程说起，2016年，React在Web端和移动端都实现了迅速的成长，当时它最主要的竞争对手是Augular，现在它们的竞争逐渐消失，倒是Vue近年的表现相当耀眼，于是大家又把更多的注意力放
1. Vue 实例的 data 属性，可以在哪些生命周期中获取到？A. beforeCreate
B. created
C. beforeMount
D. mounted正确答案》BCD2. 下列对 Vue 原理的叙述，哪些是正确的？A. Vue 中的数组变更通知，通过拦截数组操作方法而实现
B. 编译器目标是创建渲染函数，渲染函数执行后将得到 VNode 树
C. 组件内 data 发生变化时会
首先，为什么要单元测试组件？ 单元测试是持续集成的关键。通过专注于小的、独立的实体，确保单元测试始终按预期运行，使代码更加可靠，你可以放心地迭代你的项目而不必担坏事儿。 单元测试不仅限于脚本。可以独立测试的任何东西都是可单元测试的，只要你遵循一些好的做法。这些实例包括单一责任、可预测性和松散
转载
2024-09-09 00:07:08
91阅读
Vue完整前后台项目介绍对比其他的富文本编辑器，Ueditor的功能相对来说是最强的，对于在Vue中集成Ueditor想必还是有这个需求的。下面具体说下如何在Vue中集成Ueditor以及在后端如何进行配置提供上传功能。我对比了多个在网上找到的方法，也分别做了实验，其中感觉最简便的是Github上网友提供的插件：vue-ueditor-wrap,他借用Vue提供的语法糖实现了数据的双向绑定，不用你
转载
2024-07-18 14:31:36
249阅读
作者：Aashima Sharma译者：Hacker是根据 GNU AGPL v.3 许可证条款分发的开源协作办公套件。它包含三个用于文本文档、电子表格和演示文稿的编辑器，并具有以下功能:? 查看，编辑和协同编辑.docx、.xlsx、.pptx文件。OOXML 作为一种核心格式，可确保与 Microsoft Word、Excel 和 PowerPoint 文件的高度兼容性。? 通过内部转换为 O
关于 Vue 组件单元测试最常见的问题就是“我究竟应该测试什么？”虽然测试过多或过少都是可能的，但我的观察是，开发人员通常会测试过头。毕竟，没有人愿意自己的组件未经测试从而导致应用程序在生产中崩溃。在本文中，我将分享一些用于组件单元测试的指导原则，这些指导原则可以确保在编写测试上不会花费大量时间，但是可以提供足够的覆盖率来避免错误。本文假设你已经了解 Jest 和 Vue Test Utils。示
文章目录一、vue简介1. vue基础2. vue高级二、MVVM模式三、双向数据绑定的原理视图变化更新数据数据变化更新视图四、虚拟DOM虚拟 DOM五、axios1. axios特点2. vue项目中简单使用axios3. vue中axios封装以及api接口统一管理4. axios拦截器[最好能实现一个精简版的]六. VueRouter七. vue SSR八. Vue的性能优化九、Vue 项
转载
2023-12-25 23:49:17
59阅读
在很多项目中，会有图文列表或者图片列表的出现，图片宽度好设定，但是高度往往不能设置成定值，一旦图片长款不成比例，就会显得很难看。所以使用瀑布流可以完美实现这个问题，图片只需要设定宽度，高度自适应，就可以完美实现。下边我们来说说怎样来实现------------------这个是针对图片以及带文字的卡片1：安装yarn add vue-waterfall22：引用，
一，flowjs是动态类型语言， Vue.js 在做 2.0 重构的时候，在 ES2015 的基础上，除了 ESLint 保证代码风格之外，也引入了 Flow 做静态类型检查。之所以选择 Flow，主要是因为 Babel 和 ESLint 都有对应的 Flow 插件以支持语法，可以完全沿用现有的构建配置，非常小成本的改动就可以拥有静态类型检查的能力。这样开发复杂项目的时候，就可以通过工具的手段来保
