缘起最近做的一个小需求涉及到排序，界面如下所示：因为项目是使用vue的，所以实现方式很简单，视图部分不用管，本质上就是操作数组，代码如下：{
// 上移
moveUp (i) {
// 把位置i的元素移到i-1上
let tmp = this.form.replayList.splice(i, 1)
this.form.replayList.
转载
2024-04-22 09:51:55
93阅读
Vue创建Demo项目Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。npm npm 版本需要大于 3.0，如果低于此版本需要升级# 查看版本
npm -v
#升级 n
转载
2024-03-22 13:54:24
156阅读
持续更新020 vue3.0自定义指令实现一键复制019 h5 draggable属性实现拖拽018 自定义拖拽指令017 uniapp微信小程序中自定义轮播图小圆点016 二级分类选择015 vue 三秒倒计时跳转页面014 vue真机调试vsconsole013 VUE 实现一键复制文字到粘贴板012 VUE 实现无痕刷新页面011 时间戳转正常日期010 vue自定义倒计时组件009 va
转载
2024-09-30 18:06:23
48阅读
目录简单获取和追加数据铺页面用 post 给接口传值post 用 url 问号拼接数据简单获取和追加数据铺页面一、在api中新建该页面的js文件用于存放该页面的所有接口二、引用所需组件，调用接口（已经全局配置了接口地址）import axios from 'axios'
// 首页-我的展台
export function getQueryMyBooth(data) {
return req
转载
2023-11-26 17:22:37
112阅读
提示：刚接触Vue，对于前端掌握的也不熟练，后续的一些样式定义应不满足专业人士规范，仅供参考 Vue基础入门一、Vue入门二、Vue中的指令2.1 v-if2.2 v-if-else2.3 v-show2.4 v-for2.5 v-text 和 v-html2.6 v-cloak2.7 v-once2.8 v-on2.9 v-bind2.10 v-model三、小案例3.1 选项卡总结 一、Vue
转载
2024-05-15 05:49:25
445阅读
一、
Vue的安装和使用（idea）
vue是个前端框架。1.安装Node NPM（node package manage）是Node提供的模块管理工具，可以非常方便的下载安装很多的前端框架，包括jquery，AngularJS，VueJs都有，我们需要先安装node及NPM工具。 4.安装
vue npm install
vue --save二、
vue入门案例
Demo01<div id="app
转载
2024-05-31 14:55:54
105阅读
环境idea+springboot+mybatisplus数据库mysql5.7，这个5.5及其以上版本就可以了MyBatis-Plus介绍
4.2 特性无侵入：只做增强不做改变，引入它不会对现有工程产生影响，如丝般顺滑损耗小：启动即会自动注入基本 CURD，性能基本无损耗，直接面向对象操作强大的 CRUD 操作：内置通用 Mapper、通用 Service，仅仅通过少量配置即可实现单表大
对于中小型企业，vue应用越来越多，学习vue相对于react的成本要低点，入门相对简单。话说来，你想学精，还是得花很多事件得研究的。今天我们一起来学下：vuejs里对于API接口的处理以及封装方法应用。API接口基础应用在原生javascript和JQ里，我们前端处理接口，一般都是使用get和post方法。在vueJs里，也是如此，只不过我们多了一个axios。在vue里面处理接口，首先我们得装
转载
2023-12-14 17:20:03
87阅读
红花还得绿叶陪衬。vue前端开发离不开数据，这数据正来源于请求web api。为什么采用.net core web api呢？因为考虑到跨平台部署的问题。即使眼下部署到window平台，那以后也可以部署到Linux下。 .net core web api与mvc的web api类似。我把遇到的问题归纳下：1、部署问题都说.net core web api，后面我简称api。它有两种部署方式，
vue数组属性发生改变时，视图不更新如何解决 data中数据，都是响应式。也就是说，如果操作data中的数据，视图会实时更新； 但在实际开发中，若data中数据类型较为复杂，方法methods中改变对象的属性，视图也就是页面并不会改变 原因是vue监听不到数据类型特别复杂的属性。 原因：因为 vue 的检查机制在进行视图更新时无法监测 数组中的某个对象的属性值的变化。1，使用this.set(“改
转载
2024-09-22 21:33:54
79阅读
企业级项目目录api接口模块：发送ajax请求的接口模块utils工具模块：自己封装的一些工具方法模块Vant 组件库第三方组件库：https://vant-contrib.gitee.io/vant/v2/#/zh-CN/引入组件方式一. 自动按需引入组件 (推荐)babel-plugin-import 是一款 babel 插件，它会在编译过程中将 import 的写法自动转换为按需引入的方式#
转载
2024-07-23 18:52:40
101阅读
一、安装node环境 1、下载地址为：https://nodejs.org/en/ 2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功 3、为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/ 输入：npm install -g cnpm –registry=https://registry.npm.taobao.org，即可安装npm镜
转载
2024-05-02 22:49:16
34阅读
目标： 能够说出什么是前后端交互模式 能够说出Promise的相关概念和用法 能够使用fetch进行接口调用 能够使用axios进行接口调用 能够使用async/await方式调用接口 能够基于后台接口实现案例目录： 前后端交互模式 Promise用法 接口调用-fetch用法 接口调用-axios用法 接口调用async/await用法 基于接口的
转载
2024-04-30 20:09:30
105阅读
然后就是具体的解释和解决方案。 如上图红圈所示，我们可以根据对项目的任意目录进行这五种目录类型标注，这个知识点非常非常重要，必须会。
Sources 一般用于标注类似 src 这种可编译目录。有时候我们不单单项目的 src 目录要可编译，还有其他一些特别的目录也许我们也要作为可编译的目录，就需要对该目录进行此标注。只有&nbs
转载
2024-06-13 16:38:22
33阅读
POST请求常见错误及解决办法前后端分离 已经是web开发的主流，在前后端对接的过程中难免会碰到各式各样的问题，本文对近期项目中遇到的与 POST请求 有关的问题做了一个简要的汇总和分析，并列出了与之相关的解决办法。【?问题一】POST请求发生服务器500错误??问题描述 一次调用POST请求过程中，接口报500错误，接口错误属于服务器内部错误，原以为是后台的接口有问题，立马将500问题向后台反馈
转载
2024-05-07 09:35:41
172阅读
基于Vue实现自定义网页弹窗组件|vue.js pc弹层VLayerVLayer 最近开发的一款汇集众多功能的Vue轻量级桌面端对话框组件。在设计开发之初借鉴了业界有名的Layer弹窗、Element-UI、iView等组件化设计思想。拥有丰富的参数配置及漂亮的皮肤。vlayer 集合了Alert、Dialog、Message、Notification、ActionSheet、Toast、Popo
项目链接：https://github.com/cocos-creator/demo-ui 1.游戏开始效果loading、mask遮罩来看看这个游戏加载特效是怎么实现的障眼法：利用黑色遮罩层和Loading文字，改变它们的透明度。其中遮罩层属于纯色节点 2.隐藏和显示节点在同一个场景下，所有的子界面从一开始就已经准备好了，只是通过隐藏和显示
转载
2024-04-25 19:42:26
67阅读
*.vue=<template> </template>+<style></style>+<script></script> sudo npm install -g vue-clivue init webpack my-projectcd my-projectsudo npm install npm
转载
2018-01-25 10:56:00
94阅读
git链接：https://github.com/sunniejs/vue_canvas_poster1、通过cnpm安装cnpm i vue-canvas-poster --save2、引用import {vueCanvasPoster} from 'vue-canvas-poster'
components: {
vueCanvasPoster
},3、
目录安装Vue-cli安装运行单个vue文件v-if和v-show数据引用.v-for的key的应用动态Class style的绑定:style和:class ,src的动态绑定RefgetBoundingClientRect（）双向数据绑定定义方法执行方法，获取数据，改变数据，自定义属性及获取@mousewheel="handleScroll" 鼠标滚轮事件绑定在dom上@mouse鼠标事件鼠
