1.回顾一个DOM操作<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Document</title>
<style>
.demo{
background-color: orange;
}
</s
转载
2023-11-29 09:51:17
49阅读
在项目开发中，如果我们使用javascript自带的提示对话框，感觉不怎么美观，所以我们通常都是自己定义一些对话框，这里我实现点击按钮就弹窗一个登录的窗口，点击该窗口并可以实现拖拽功能，太多文字的东西说不清楚，直接用代码说话。这里我将HTML、CSS、Jquery代码分别贴出来HTML部分：弹窗 登录腾虎通行证× 请输入用户名请输入密码 下次自动登录忘记密码？立即注册 可以使用一下方
转载
2023-10-17 20:15:40
109阅读
这里写目录标题一、 Vue 自定义指令方式1.全局注册指令二、几个实用的 Vue 自定义指令1. 点击文件下载 v-copy2. 复制粘贴指令 v-copy3. 长按指令 v-longpress4. 输入框防抖指令 v-debounce5. 禁止表情及特殊字符 v-emoji6. 图片懒加载 v-LazyLoad7. 权限校验指令 v-permission8. 实现页面水印 vue-waterM
转载
2024-06-28 14:01:41
61阅读
有时候jquery中自带的功能不能满足我们的需求，这是我们就可以编写自己的jQuery插件来提高开发效率了。目的编写插件的目的就是给已经有的一系列方法或函数做一个封装，以便在其他地方重复使用，方便后期维护和提高开发效率。插件种类封装对象方法的插件这个插件的编写用jQuery.fn.extend()方法。下面的例子是编写设置和获取颜色的插件。;(function($) {
jQuer
转载
2023-08-17 23:10:22
88阅读
但必须知道，这些插件不是自己凭空产生的，它们是由开发人员编写、测试并完善的，这些人员为 jQuery 社区奉献了自己的业余时间。我们做这些都是免费的，是出于对自己代码的热爱。本文主要关注您如何回报这个伟大的社区，即如何编写自己的插件并上传到 jQuery 的插件页面。这可以让所有人使用您创建的插件，可以让整个 jQuery 开发社区变得更好。今年您也做出自己的贡献吧。在编写本文中的插件时，我发现插
转载
2023-12-07 14:01:52
59阅读
jquery中提供了两种方法可以绑定自定义事件：bind()和one()而绑定的自定义事件的触发，必须得用jquery中的trigger()方法才能触发。我们先来看on事件$('.js-submit').on('click', function() {
// some code here
});除开 click 事件，我们还有许多可以绑定的事件，比如 dblclick、blur、change
转载
2023-10-12 09:41:22
85阅读
前言jQuery是一个功能强大的库，提供了开发JavaScript项目所需的所有核心函数。很多时候我们使用jQuery的原因就是因为其使用插件的功能，然而，有时候我们还是需要使用自定义代码来扩展这些核心函数来提高开发效率。我们知道， jQuery库是为了加快JavaScript的开发速度而设计的，通过简化编写JavaScript的方式，减少代码量。所以，今天就带大家了解一下jQuery自定义插件以
转载
2023-08-02 23:26:25
117阅读
[1]属性对象
[2]可选参数
[3]选项参数
前面的话 很多情况下，前面介绍的jQuery动画的简单效果无法满足用户的各种需求，那么就需要对动画有更多的限制，需要采取一些高级的自定义动画来解决这些问题。本文将详细介绍jQuery的自定义动画animate 属性对象 animate()方法的常规使用和之前介绍的3种常见动画的使用方法类似an
转载
2023-06-09 18:16:08
88阅读
说明如下: 1. 页面显示数据采用Ajax形式进行加载，包括分页显示 2. 页面需要显示的列可在后台进行配置，可自由搭配 3. 进入编辑模式后可以进行在线编辑然后退出编辑模式后点击保存提交 ======================================================================== view视图：def un
转载
2023-06-28 15:05:26
0阅读
jQuery中有三种添加数据的方法，$().attr()、$().prop()、$().data()。但是前面两种是用来在元素上添加属性的，只适合少量的数据，比如：title，class，name等。对于json这种数据量大的，就适合用data方法来添加，而data方法就是jQuery缓存机制最重要的方法。1、历史背景： &nb
转载
2023-12-23 22:12:50
44阅读
在完成一个功能的时候要求实现一个要求，就是输入的数据不能为空并且要小数点后两位，我知道是使用了:rules="dataRule"在el-form上面，然后自定义的情况还是一个写，我在这里记录一下 我们在完成一个表单提交的时候可能需要对方提交的数据是一个合法的数据而不是一个不合法的数据，我们需要在这里实现一个自定的规则。 首先在el-form上面添加<el-form :model="dataF
转载
2024-02-27 15:55:56
696阅读
vue 自定义指令 directive
原创
2023-12-07 09:15:58
169阅读
组件是可复用的 Vue 实例，在开发过程中，我们可以把重复用到的功能封装成自定义组件，达到便捷开发的目的。组件的组织 通常一个应用会以一棵嵌套的组件树的形式来组织： 你可能会有头部导航、内容区、侧边栏等组件，每个组件内部又包含了导航链接、博文之类的组件。为了能在模板 中使用，这些组件必须先注册以便 Vue 能够识别。组件的注册在 Vue 中，组件的注册分全局注册和局部注册两种：全局注册：用 Vue
转载
2024-04-16 17:16:22
73阅读
前言 两年前的时候就想做一个类似的功能，当时思路大家都讨论好了，诸多原因最终还是夭折了。没想到两年多后再这有重新提出要写一个绘制表单的功能。对此也是有点小激动呢？总共用时8.5天的时间基本功能也就实现了，当然再者中间也借用了网上的一些资料，公司前端也没有帮忙处理，所以样式和部分功能还没有更好地得到处理，github上出的code只有前端脚本，至于后端的处理，会在博客中体现出来。1.工作前准备1.
转载
2024-05-14 12:18:02
76阅读
在jQuery中除了其给定的动画属性外，但其动画效果有时过于生硬，因此jQuery中有自定义的动画属性 animate ,供开发者使用，以便设计出更加生动的动画 jQuery自定义动画函数. .animate( properties [, duration] [, easing] [, complete] ) 有四个参数： animate的语法及其参数的说明 (1)properties：一个或多个
转载
2023-11-20 11:36:32
73阅读
1、定义插件的方法对象级别的插件扩展，即为jQuery类的实例增加方法，调用：$(选择器).函数名(参数); $(‘#id’).myPlugin(options);定义的方式： $.fn.extend({
"函数名":function(自定义参数){
//这里写插件代码
}
});
//或者是
$.fn.函数名 = function(optio
转载
2023-08-29 19:45:23
303阅读
总结：jQuery编写插件的两种方法1.添加jQuery对象级的插件，是给jQuery类添加方法写法： 1. ;(function($){
2. $.fn.extend({
3. "函数名":function(自定义参数){
4. //这里写插件代码
5. }
6. });
7. })(jQuery);
8. 或者
9. ;
1.1.1 摘要随着前端和后端技术的分离，各大互联网公司对于Mobile First理念都是趋之若鹜的，为了解决网页在不同移动设备上的显示效果，其中一个解决方案就是Responsive Design；但我们今天不是介绍它，正由于前端开发已经十分重要了，所以我们将介绍如何使用jQuery自定义插件。相信大家都使用过jQuery库，甚至自定义过一些常用的jQuery插件，如果没有学习过也无需担心，接下
转载
2023-10-09 23:36:29
73阅读
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
转载
2023-09-25 03:04:10
234阅读
1. validate的使用步骤1.引入jquery.min.js 2.引入 jquery.validate.js 下载地址：https://www.jq22.com/jquery-info122 3.页面加载后对表单进行验证 $("#表单id名").validate({}） 4.在validate中的rules中编写验证规则（格式如下）字段的name属性:“校验器”（tisps:一个输入框只有一
转载
2023-12-15 18:19:41
178阅读
