备注:方法的参数类型,见 jQuery特效-方法参数类型.hide()隐藏匹配的元素.hide().hide( [duration ] [, complete ] ).hide( options ).hide( [duration ] [, easing ] [, complete ] )没有参数的.hide()方法是最简单的方法来隐藏对象。$('.target').hide();匹配元
转载 9月前
39阅读
我想实现的效果是,点击一个区域,另一个区域出现或者消失,我的布局如下:<div class="header"> <div class="logo"> <img src="img/logo.jpg" alt="" height="80" /> </div> <a class="na
转载 2023-08-18 13:24:36
152阅读
jQuery介绍常见的JavaScript 库:jQuery、Prototype、YUI、Dojo、Ext JS、移动端的zepto等,这些库都是对原生 JavaScript的封装,内部都是用 JavaScript 实现的,我们主要学习的是 jQuery。 jQuery 是一个快速、简洁的 JavaScript 库,其设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多
一、 目标:vue 实现多个盒子(用户根据实际场景决定盒子数量)自由拖拽,改变宽度。二、应用场景:可自由拖动宽度的多栏布局。最典型的案例:编辑器(eg:vscode,idea等)下图为本人在项目中引用封装的组件实现的效果:三、组件设计由于该组件盒子数量不确定,所以我们设计组件时参考了Vuetify中的Form和FormItem的设计。即:外层大盒子处理分发的拖拽事件,里层的盒子负责展示各个Item
转载 2024-04-05 00:36:16
210阅读
上文介绍了 自定义拖拽组件的样式 的简单实现,本文将继续给大家分享如何拖拽改变 元件位置,文中通过示例代码介绍,感兴趣的小伙伴们可以了解一下本文主要介绍了选中元件后拖拽围绕着元件的点,变更元件的位置、大小,具体如下:效果图实现过程:控制点需要对元件进行绝对定位,定位到元素的周围给控制点设置鼠标样式给每个控制点绑定 mousedown 事件在每个控制点的身上按下的时候,记录元件的初始信息和鼠标按下时
转载 2024-06-04 11:27:04
120阅读
SEO 优化:搜索引擎优化让搜索引擎更好的 定位到相应数据 SEO 基本条件: 1. 多页面--->蜘蛛抓取(爬虫) 2.页面要有蜘蛛抓取的内容 3.页面要有 title,描述,关键词 vue 项目本身不具备这些条件 1.Vue 项目本身是单页面应用 SPA(single page web application)。不具备多页面的条件 2.Vue 打包后的项目只有一个 index.html
转载 2024-10-08 21:26:01
13阅读
普遍方法: $("#id").css('display','none'); //隐藏 $("#id").css('display', 'block'); //显示 上述方法在ie6、搜狗和360等浏览器中不支持。 通用方法: $("#id").hide(); //隐藏 $("#id").show(); //显示 在各浏览器中通用,应该是使用了jquery
转载 2023-06-15 19:45:41
55阅读
1、全局api Vue.config.xxx app.config.xxx Vue.component app.component Vue.directive app.directive Vue.mixin app.mixin Vue.use app.use Vue.prototype app.co
原创 8月前
20阅读
Vue 3中,我们可以方便地引入SCSS(Sass)和LESS预处理器来增强CSS的功能和可维护性。本文将介绍在Vue 3项目中使用SCSS和LESS的基本步骤和注意事项,包括安装依赖、配置构建工具、使用样式文件等。通过学习本指南,您将能够轻松地在Vue 3项目中引入和使用SCSS和LESS。功能描述:引入SCSS和LESS的主要功能如下:变量和嵌套:SCSS和LESS允许使用变量和嵌套语法,提
转载 2024-09-10 09:20:29
84阅读
1 监听在Vue中可以通过watch来监听数据的变化,比如通过watch实现的简单计数器:<div id="app"> <p>计数器:{{count}}</p> <button @click="count++">点我增加</button> <p id="info"></p> </div
springboot+vue+cas实现单点登录、退出1.添加依赖包2.添加cas过滤器3.重写拦截器自定义状态码、在前端进行重定向4.忽略ssl认证5.接口编写6.前端首页处理7.cas相关地址配置8.nginx配置9.测试效果 1.添加依赖包<!-- 单点登录 20230426--> <dependency> <groupId>org.jasig.
我们知道通过Object.defineProperty()劫持数组为其设置getter和setter后,调用的数组的push、splice、pop等方法改变数组元素时并不会触发数组的setter,这就会造成使用上述方法改变数组后,页面上并不能及时体现这些变化,也就是数组数据变化不是响应式的(对上述不了解的可以参考这篇文章)。但实际用vue开发时,对于响应式数组,使用push、splice、pop等
<template> <div class="top"> <div class="top_div"> <div style="background-color:coral;"> <img style="width: 50px;height: 50px" src="../assets/logo.png"&g...
原创 2021-04-22 20:06:39
4810阅读
# 如何在Vue中使用Axios修改变量 作为一个经验丰富的开发者,我很乐意向你介绍如何在Vue中使用Axios库来修改变量。Axios是一个流行的基于Promise的HTTP库,它可以让我们更简单地进行网络请求。在本文中,我将向你展示整个过程的流程,并提供每一步所需的代码示例,并对代码进行详细的注释。 ## 过程概述 在使用Axios修改变量时,我们通常遵循以下步骤: 1. 导入Axio
原创 2024-01-25 07:29:58
40阅读
<div class="click-box" :style="{'top':top+'px','left':left+'px'}" @click="clickBox"> ...
vue
转载 2021-07-27 16:52:00
2691阅读
2评论
# Vue中使用Axios修改变量 Axios是一个基于Promise的库,用于浏览器和Node.js。它可以在Vue项目中轻松地发送异步请求。在Vue中,Axios是常用的用于与后端API进行通信的库之一。本文将介绍如何使用Axios来修改Vue中的变量。 ## axios库的安装和配置 在使用Axios之前,需要先安装和配置axios库。可以使用npm或者yarn进行安装
原创 2023-11-09 14:16:52
68阅读
代码如下<template> <div class="top"> <div class="top_div"> <div style="background-color:coral;"> <img style="width: 50px;height: 50px" src="../assets/l...
转载 2021-04-22 20:06:54
1894阅读
Vue3.0你知道有哪些改进改进概括一下有如下改进:压缩包体积更小(20Kb => 10Kb)数据劫持的方式修改(Object.defineProperty => Proxy) Virtual DOM 重构,提供diff算法效率组件定义方式变更(Options API => Function_Based API)压缩包体积更小当前最小化并被压缩的 Vue 运行时大小约为 20kB
转载 2024-10-29 19:03:19
25阅读
style="display: none" 是一个用于隐藏 HTML 元素的内联样式属性。它通过设置元素的 CSS display 属性为 none 来使该元素在页面上不可见,并且不会占用页面的空间。与 visibility: hidden 不同,display: none 会完全移除元素的占位,使得它对布局没有任何影响。示例:<div style="display: none">这个
原创 8月前
235阅读
深度选择器/deep/Scoped CSS规范是Web组件产生不污染其他组件,也不被其他组件污染的CSS规范。vue组件中,在style设置为scoped的时候,里面在写样式对子组件是不生效的,如果想让某些样式对子组件生效,可以使用 /deep/或::v-deep 深度选择器。<-- less语法 --> .wrap{ .class1{ font-size: 12px
转载 10月前
233阅读
  • 1
  • 2
  • 3
  • 4
  • 5