前言上周跟大家分享了如何使用vue的自定义指令实现自定义浏览器右键菜单,大家都觉得挺有意思的,这次我把它做成了插件,上传到了npm仓库。在做这个插件的过程中,踩了蛮多坑,本文就跟大家分享下我的实现思路以及过程,欢迎各位感兴趣的开发者阅本文。环境搭建一开始我是直接用的typescript的tsc命令进行打包的,但是我的插件里用到了vue、scss,发现要把这些文件打包进去需要自己去配webpack。
原创 2024-04-24 12:06:11
306阅读
实现原理:1.找到表格的奇偶行,然后添加不同的class,激活行高亮显示也很简单,只要判断mouseover事件,然后添加一个class,mouseout的时候,再移除        class就行;       2.不用class,直接改变background属性;        直接开干,这里用第二种方法。  第一步: 模板     jq有一个基本框架,直接搬过来呗 (funct
前言 自从Vue2.0推荐大家使用 axios 开始,axios 被越来越多的人所了解。使用axios发起一个请求对大家来说是比较简单的事情
原创 2022-10-21 12:00:43
58阅读
vue组件的定义● 组件(Component)是Vue.js最强大的功能之一● 组件可以扩展HTML元素,封装可重用代码● 在较高层面上,组件是自定义元素,Vue.js的编译器为他添加特殊功能● 有些情况下,组件也可以表现用 is 特性进行了扩展的原生的HTML元素● 所有的Vue组件同时也都是Vue实例,所以可以接受相同的选项对象(除了一些根级特有的选项),并提供相同的生命周期钩子vue组件的功
转载 2024-02-04 02:10:19
72阅读
关键词:SDK,VUE,单例模式,代码复用本文旨在分享一个前端 sdk 的开发方式。即使用 vue 直接开发1.项目背景需求描述:1.开发一个集团通用 SSO 单点登录页面,大致如下图: 2.开发一个对应 sdk,给接入方使用,页面效果和 web 保持一致。如下图: SDK 需求: 提供调用方式给用户,可以传递参数,调用方法,直接生成登录弹框和背景半透明的蒙层在弹框成功
轻量级:采用UglifyJS压缩,大小保持在30kb左右强大的选择器:jQuery不仅允许开发者使用从CSS1到CSS3几乎所有的选择器,以及其独创的高级而复杂的选择器,另外还可以加入插件使其支持XPath选择器,甚至开发者可以编写属于自己的选择器出色的DOM操作和封装:jQuery封装了大量常用的DOM操作,使开发者在编写DOM操作相关程序的时候能够得心应手可靠的事件处理机制:在处理绑定事件时相
转载 2023-10-10 07:51:50
62阅读
vue3】封装自定义全局插件vue2方法 main.js import Vue from 'vue' import App from './App.vue' import router from './router' import store from './store' import plu ...
转载 2021-08-20 22:44:00
935阅读
2评论
一、安装axios和confignpm install axios --Savenpm install config --Save二、封装config文件在src目录下创建config文件夹,config内创建index.js文件//网络请求地址 例如: http://wwww.baidu.com 本地开发时,可直接填写后端测试接口地址(需要设置浏览器允许跨域请求,或后端设置Cross-orig
转载 2024-02-24 23:02:38
37阅读
1、校验数据类型export const typeOf = function(obj) { return Object.prototype.toString.call(obj).slice(8, -1).toLowerCase() }示例typeOf('vue') // string typeOf([]) // array typeOf(new Date()) // date typeO
转载 2024-03-18 09:00:44
36阅读
之前我发布了一篇是有关于uniapp的接口简单封装,这次我发布的是vue的接口简单封装,这次有涉及到几个依赖,需要提前安装好,一个是axios依赖,一个是qs依赖,以下是安装方法:npm install axios -S npm install qs安装完之后,就可以直接再也没中引入了,这次涉及到三个文件,一个是对axios的封装文件,即axios.js,一个是对接口的封装文件,即index.js
转载 2024-04-18 13:32:44
224阅读
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 经验。 https://www.electronjs.org/ 目录01.打包封装1.创建v
(function($){ if(!$ || !$.prototype.jquery) throw new ReferenceError('must import jquery'); // 向其原型获取方法 $.fn.extend({ zTree(data,callback){ typeof cal
原创 2021-08-05 10:24:08
212阅读
# JQuery插件封装:基础知识与实例 JQuery是一个快速、小巧且功能强大的JavaScript库,广泛应用于HTML文档遍历和操作、事件处理、动画以及AJAX交互。为便于重用代码,开发者常常需要将功能封装插件。本文将探讨如何封装JQuery插件,并提供一个简单的示例。 ## 什么是JQuery插件? JQuery插件是一段封装好的JavaScript代码,可以扩展JQuery的功能
原创 9月前
17阅读
# 如何实现Java封装插件 作为一名经验丰富的开发者,我将向你介绍如何实现Java封装插件。作为一位刚入行的开发者,你可能会觉得有些困惑,但是我将逐步为你解释整个过程。 ## 1. 了解插件封装的概念 在开始之前,我们首先需要了解插件封装的概念。插件封装是一种将代码和功能封装为可重用组件的方法。它允许我们将代码编写为独立的模块,并将其集成到其他项目中。 ## 2. 创建项目和定义接口
原创 2024-01-13 06:14:46
131阅读
$.extend()拓展方法: $(function(){ $.extend({ money:function(){ alert("我要努力赚钱") }, money:function(){ alert("我要努力赚钱") }, }) }) $.mone...
原创 2022-09-09 07:56:17
80阅读
JavaScript插件封装主要分成两类:* 类级别封装-相当于jQuery类的静态函数* 对象级别封装一.  类级别封装方法1.单个方法封装[html] view plain copy//封装  jQuery.alert = function(name) {      alert(name
转载 2021-07-28 17:22:17
354阅读
# 封装 jQuery 插件的全面指南 ## 引言 jQuery 是一个广泛使用的 JavaScript 库,它简化了 HTML 文档操作、事件处理和动画效果的实现。随着项目的不断增长,封装插件的需求逐渐显现。通过封装 jQuery 插件,你可以将重复使用的代码集中在一起,从而提高代码的可重用性和维护性。在本文中,我们将详细讨论如何封装一个 jQuery 插件,并附上示例代码。 ## 什么
原创 10月前
33阅读
jQuery是Web开发人员和设计人员中最受欢迎的JavaScript库之一。 而且,每天都会创建许多效果惊人的新插件。 开发人员和用户倾向于尽可能选择jQuery插件。 如果您仍然对jQuery不了解,本文将帮助您了解为什么它们如此受欢迎。 插件是一个独立的模块,可以向应用程序添加自定义功能。 启用或禁用插件不会影响核心系统或其他插件。 作为开发人员,我们倾向于寻求快速解决方案,而不是专注于
转载 2024-08-13 13:25:49
41阅读
扩展jQuery插件和方法的作用是
转载 2022-09-14 09:37:33
57阅读
# 学习如何封装 jQuery 插件 封装 jQuery 插件是一个非常有用且重要的技能,尤其是在增强应用程序可重用性和维护性时。本文将详细介绍如何开发一个 jQuery 插件,包括整个流程,并附上代码示例和解释。 ## 过程概览 首先,我们来看看制作 jQuery 插件的基本流程,可以用下面的表格表示: | 步骤 | 描述
原创 7月前
18阅读
  • 1
  • 2
  • 3
  • 4
  • 5