芋泥是小蓝白-CSDN博客

此处使用了Vue的组件vant组件库链接：Vant组件库1、实现应用拖拽效果在上边可以对应用实现拖拽效果，可以调换应用的排列顺序代码钩子函数2、对应用进行关键字模糊查询搜索框使用了Vant的search组件通过v-model进行双向绑定，@input用来监听input输入框中的变化方法效果图如下3、菜单的编辑移动实现效果代码方法...

2021-05-21 15:51:37 234

1、写商品信息数据2、点击加入购物车按钮，将数据加入到购物车内部（此处购物车与商品信息写在同一个页面内）添加按钮添加按钮的方法<script> export default{ methods:{ //点击添加按钮，将数据添加到购物车(即空数组baskets)中去，并对数量就行添加 addFood(row){ let boo = false; let index = 0; //index是如果存在这个产品

2021-05-10 11:31:47 7509 3

原创 vue登录界面（点击登录之后，用户名替代登录、注册按钮）

此处使用了Element-ui组件。1、在注册页面对用户注册信息进行存储（此处使用本地存储数据，存储在浏览器中）<script> export default{ methods:{ submitResgiter(form){ // ref 加在普通的元素上，用this.$refs.（ref值）获取到的是dom元素 // validate 表单验证 this.$refs.form.validate((valid) =&

2021-05-08 16:19:50 3286

原创圆形进度条

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>圆形进度条</title> <script src="../../../js/jquery-3.3.1.js"></script> </head> <body> <div class="bar-box"> .

2021-03-31 17:16:04 98

原创 canvas小球连线-碰壁折返

效果图只是截取了一个图片：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>小球连线-碰壁折回</title> </head> <body> <canvas id="canvas"></canvas> <script> var canvas = document.

2021-03-31 10:08:13 153

原创 canvas 鼠标动画特效之彩色小球球移动

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>鼠标跟随彩色小球</title> </head> <body> <canvas id="canvas" width="600" height="500"></canvas> <script> // 1.获取画布

2021-03-30 18:19:10 258

原创 canvas基础使用方法

使用canvas的时候，必不可少的有几点：1.需在视图中写如canvas标签，并设置一个id属性，以及画布的大小（画布的大小只能写在标签中，写在样式里面是无效的）<canvas width="500" height="500" id="canvas"></canvas>在JavaScript中需要获取画布和上下文var can = document.getElementById("canvas")var ctx = can.getContext("2d")1、

2021-03-30 17:31:25 684

原创 vue父子组件之间传参

父组件就是要展示内容的一个页面，需要在路由中进行声明，子组件不需要再路由中进行声明，如下图：父组件向子组件传参父组件需要在父组件的页面内引入子组件,可以使用驼峰式写法<template> <div> <mode :cMode="message" :ctext="text"></mode> </div></template><script> import mode from '@/vie

2021-03-17 16:37:01 212 1

原创 vue局部组件与全局组件的注册

1、全局组件注册在components文件夹内创建组件文件在Home.vue文件内写入需要的内容<template> <div class="nav"> <h2 style="color: #0000FF;">{{message}}</h2> </div></template><script> export default{ name:'Home', //此处的name是方便在浏

2021-03-16 14:52:51 165

原创 JavaScript高阶函数的使用

编程范式：命令式编程/声明式编程编程范式：面向对象编程（第一公民：对象）/函数式编程（第一公民：函数）函数式编程高阶函数filter/map/reduce1、filter函数的使用filter函数相当于一个“筛选”函数，filter中的回调函数有一个要求，返回地必须是一个boolean值true：返回true时，函数内部会自动把返回的值加入新的数组中false：返回false时，函数内部会自动过滤掉这次要返回的值案例：// 返回小于100的数值 const nums = [10,20,

2021-03-15 15:02:44 80

原创 vue过滤器

当想要下图效果时，有很多方法：1、通过调用方法：在methods中写到：2、可以直接写在里面：3、使用过滤器效果图：

2021-03-12 17:40:19 65

原创 jQuery动态追加菜单(一级菜单、二级菜单分开写)

写二级菜单的时候，大部分都是将二级菜单写入在一级菜单内部，如下所示： <div class="nav2"> <ul class="nav2-ul"> <li class="nav2-li"> 菜单一 <div class="nav2-menu one2" style="display: none;"> <div>我是一号菜单</div>

2021-03-11 15:05:43 799 2

转载 vue v-for出来的列表，点击当前，当前被点击的字体变颜色（：class）

<template> <div> <div v-for="(item , index) in semesterSelection" @click="changSemester(index)" :key="index" :class="{blue:i===index}"> <p>{{ item.name }}</p> </div> </div></template&

2021-03-04 18:09:11 806 1

转载 html纯css实现导航栏下拉菜单（带下拉三级菜单）

本文转载于：https://blog.csdn.net/qq_30449567/article/details/80548720<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"/> <title>庄稼汉</title> <style> * { margin: 0;

2021-03-04 18:07:15 1510 1

转载 jQuery实现三级菜单

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <script src

2021-03-04 17:58:59 477 1

原创 vue通过使用vuex、axios异步调用json文件内的数据

在vue文件内写入需要的内容，如<div class="nav"> <div class="addInfo"> <input type="text" v-model="addData"/> <button@click="addInfo()">添加数据</button> </div> <div class="content"> <div class="list

2021-03-03 14:42:00 1057 1

原创 vue通过axios调用在static文件内的json文件的数据

vue通过vuex、axios调用在static文件内的json文件的数据在项目内的静态文件static内创建一个json文件json文件内的内容如下在vue文件内引入axios完整代码如下<template> <div> <div class="nav">  <ul> <li v-for="(item,ind

2021-03-03 11:22:22 1112

原创 Axure9 局部变量和全局变量

1.先找几张图片插入链接与图片链接: link.图片: 带尺寸的图片: 居中的图片: 居中并且带尺寸的图片: 当然，我们为了让用户更加便捷，我们增加了图片拖拽功能。如何插入一段漂亮的代码片去博客设置页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的代码片.// An highlighted blockvar foo = 'bar';生成一个适合你的列表项目项目项目项目1项目2项目3 计划任务完成任务创建一个表格一个简单的表格是这

2020-10-10 17:51:27 3925

weixin_45815557的博客

原创 Fabric.js动态更改canvas渲染图片

原创 vue3 父子孙组件之间的方法的调用

原创 vue @click.stop阻止冒泡事件的发生

原创 v-model绑定v-for循环下的数据报错

原创 Vben Admin带搜索框的表格，拿搜索的值

原创进度条接口轮询

原创 js验证两个日期相差的月份数并比较大小

原创 Vue3 多路由指向同一组件实现keep-alive缓存页面的解决方案

原创 Ant Design Vue框架 select下拉以及TreeSelect树形选择模糊搜索

原创 vue 渲染时序

原创 vue3 hooks碰到的问题

原创 vue3 hooks封装方法

原创 vben Admin Table表格组件反转表格

原创 vben Admin 页面表格显示文字

原创 Vben Admin Modal组件的坑

原创 vue3父子组件传参后子组件数据初始化语法糖

原创 vue实现拖拽、关键字模糊过滤选择、菜单的编辑

原创 vue实现购物车简单功能