2. Firebug-一款Firefox开发类插件,集HTML查看和编辑、Javascript控制台、网络状况监视器于一体,是开发JavaScript、CSS、HTML和Ajax的得力助手。主要能用来查看和修改HTML、CSS调试、网络状况监视、Javascript调试。
3. Firebug Li
转载
2023-09-01 15:25:16
213阅读
vue-markdown 是一个基于 marked.js 的 Vue Markdown 插件。它是一个简单易用的 Markdown 解析器,可以方便地将 Markdown 文档解析为 HTML。它有如下特点:功能强大:支持 Markdown 语法的全部特性,例如标题、列表、链接等。易于使用:只需要在 Vue 组件中引入 vue-markdown 插件,并使用简单的模板语法即可实现 Markdown
转载
2023-11-29 16:42:24
305阅读
一、前言通过 “WWW” 原则我们来了解 JavaScript 插件这个东西 第一个 W “What” – 是什么?什么是插件,我就不照搬书本上的抽象概念了,我个人简单理解就是,能方便实现某个功能的扩展工具.(下面我会通过简单的例子来帮助读者理解)第二个 W “Why” – 为什么? 为什么要有插件这种东西,首先结合第一个 W 来理解就是,使用插件的目的是方便我们实现某一个功能. 也就是说在编程过
转载
2023-09-01 15:45:47
140阅读
扩展是在Web浏览器内部运行的一种小程序,提供额外的服务,比如集成第三方站点或数据源,定制用户浏览器的体验。Google Chrome扩展就是一些文件集合,包括HTML,CSS,JavaScript,图像等,打包为一个zip文件(尽管其后缀是.crx). 扩展程序的基本功能是创建一个Web页面。能够使用浏览器给普通Web页面提供的全部界面元素,
转载
2023-12-18 16:13:39
302阅读
一,开篇分析Hi,大家!大熊君又来了,今天这系列文章主要是说说如何开发基于“JavaScript”的插件式开发,我想很多人对”插件“这个词并不陌生,有的人可能叫“组件”或“部件”,这不重要,关键是看如何设计,如何做一个全方位的考量,这是本文的重点阐述的概念。我想大家对“jQuery插件的方式”有一定的了解,我们结合这个话题一起讨论一下,最终给出相关的实现方案,来不断提高自己的谁能力。  
转载
2024-01-10 14:08:55
46阅读
**需求:截图跨域的iframe**问题:跨域 解决办法:使用js 调用谷歌插件截图—FireShot 缺点:只适用于谷歌根据FireShot完成配置 -----官方文档及演示地址 -----插件下载地址如果是普通html就直接下载demo,引入js脚本就好 我这边是放到vue3中,所以,稍微修改了一下代码//FireShot.js
export default function FireShot
转载
2023-06-06 16:00:07
414阅读
a.js文件调用b.js文件时,需要在a.js的第一行添加代码document.write(" <script language=\"javascript\" src=\"/resource/js/base/base1.js\"> <\/script>");其中src路径不是a.js到b.js的路径,而是调用a.js的jsp页面到b.js的路径。例如在上图的工程中,addB
转载
2023-06-08 09:45:09
104阅读
1. html中,使用<script src="../static/js/xxx.js"></script>引入js文件。
2. 在js文件中,引入js文件的方式:
方式一: (body标签存在的情况下)
var new_element = document.createElement("scri
转载
2023-09-01 15:24:56
107阅读
访问网站的时候,最烦的就是一些弹窗和广告。于是,就想着能不能在访问特定网站的时候,执行一段js脚本,去除页面的广告。于是乎,好像 chrome 插件可以实现。这里,以 百度 的网站为例 新建 simple01 文件夹:内部文件结构如图:主要是 manifest.json的配置:{
"manifest_version":2,
"version":"1.0.0",
"name
转载
2023-07-23 11:39:00
537阅读
3、html编辑器:ckeditor.js4、clipboard.js 是一个不需要flash,将文本复制到剪贴板的插件https://www.jianshu.com/p/3f8867de041e5、处理文本框的插入位置http://ichord.github.io/Caret.js/6、自动补全插件jquery.atwho.js7、交互图标https://www.hcharts.cn/demo/
转载
2018-04-08 16:29:00
188阅读
一、JS或JQ插件介绍让小白变大神,要是能直接复制粘贴别人的代码也可以变大神那该多好。插件是一个JS文件,可能还附带有图片和样式。别人将某些功能代码写在一个文件中,然后给其他人分享下载和使用。比如将轮播图的代码写好放在一个JS中,然后写下使用说明,供其他人套用快速实现轮播图效果,这样就不需要自己从0开始写轮播图特效了。插件在互联网多如牛毛,我们做的那些特效都能找到对应的插件。二、插件的分类:JS插
转载
2023-10-08 10:53:36
98阅读
本期介绍一个前端动画插件anime.js,anime.js 是一款功能强大的 Javascript 动画库插件,可以和 CSS3 属性,SVG,DOM 元素和 JS 对象一起工作,制作出各种高性能,平滑过渡的动画效果。安装npm install animejs
bower install animejs在页面中引入 anime.min.js 文件。<script type="text/jav
转载
2024-04-18 10:02:35
39阅读
1.Three.js超过46K的星星,这个流行的库提供了非常多的3D显示功能,以一种直观的方式使用 WebGL。这个库提供了、
、CSS3D 和 WebGL渲染器,让咱们在设备和浏览器之间创建丰富的交互体验。该库于2010年4月首次推出,目前仍有近1000名贡献者在开发中。
Anime.js超过20K的星星,Anime 是一个 JS 动画库,可以处理CSS属性,单个CSS转换,SV
转载
2023-11-06 13:02:54
70阅读
文章目录一、什么是插件二、fastclick 插件1.使用步骤2.插件源码三、Swiper 插件1.使用步骤2.修改参数四、zy.media.js 插件1.使用步骤2.插件源码五、其他常见插件 一、什么是插件移动端要求的是快速开发,所以我们经常会借助于一些插件来帮我们完成操作,那么什么是插件呢? 简单来说 js 插件就是一个 js 文件,它遵循一定规范编写,方便程序展示效果,拥有特定功能且方便调
转载
2023-10-12 16:03:59
117阅读
js拖拽是常见的网页效果,本文将讲解拖拽插件原理,从零开始实现一个简单的js插件。
js拖拽是常见的网页效果,本文将从零开始实现一个简单的js插件。一、js拖拽插件的原理常见的拖拽操作是什么样的呢?整过过程大概有下面几个步骤: 1、用鼠标点击被拖拽的元素 2、按住鼠标不放,移动鼠标 3、拖拽元素到一定位置,放开鼠标这里的过程涉及到三个dom事件:o
转载
2023-06-08 21:12:30
357阅读
1. Flotr2Flotr2 是个独立框架库,支持HTML5图表和图形。它是 flotr 的一个分支版本,移除了 Prototype 依赖性,并且有很多改进。支持:线图、条图、蜡状图、饼图、气泡图。诸如 IE6 类的老浏览器也支持。2. RickshawRickshaw 是个用于创建交互式时序图的JS工具。它依赖 D3 可视化库和其他一些 jQuery 和 jQuery UI
转载
2023-06-13 17:23:04
249阅读
主要是mainfest.json配置{
// 清单文件的版本,这个必须写,而且必须是2
"manifest_version": 2,
// 插件的名称
"name": "demo",
// 插件的版本
"version": "1.0.0",
// 插件描述
"description": "简单的Chrome扩展demo",
// 图标,一般偷懒全部用一个尺寸的也没问题
"ico
转载
2023-08-10 07:12:28
237阅读
js插件的形式有很多种,这里我分享一个自己比较熟识的,ES5语法,先预览,再讲解;(function(global) {
"use strict";
var MyPlugin = function(options) {
};
MyPlugin.prototype = {
init: function() {
}
};
转载
2023-06-11 17:15:45
191阅读
插件开发指南插件是一种可以帮助app在其运行的原生平台上通过cordova webview与注入的代码进行交流的包。插件打破了本身web架构的app和设备以及平台元素交互的壁垒。所有的主要的cordova的接口都是以插件形式实现的,另外还有好多像条码扫描,NFC或者设计日历界面等其他的插件。目前我们已经有了一系列的可获取的插件列表。插件提供了一个JavaScript接口可以支持与多个平台相应的代码
转载
2024-07-29 17:52:16
103阅读
1.函数调用:this指向window,返回值由return决定function f1() {
console.log(this);
}
f1(); //window2.方法调用(函数作为方法调用):this指向方法的调用者 ,返回值由return决定var obj = {
hello: function() {
return "hello, " +
转载
2023-06-06 19:43:56
141阅读