目前有大量的 javascript 开发框架，其中有一部分使用 $ 作为调用符号，这可能导致相互之间的冲突，而 jQuery 为解决这个问题，可以在 jQuery 导入时放弃 $ 使用权，届时 $ 则由其它框架使用，这样可以避免相同名字的函数调用不再冲突。 jQuery 使用 noConflict 方法来放弃 $ 调用时的命名，之后由 jQuery 代替 $ 进行编写。 例如：alert($(#message).val()); 必须修改为 alert(jQuery(#message).val()); jQuery 才能正常运行。 <s...
SVG 通常可以用作跨分辨率视频。这意味着在一块高分屏幕上不会降低图片的锐度。此外，你甚至可以让SVG动起来，通过使用一些javascript类库。下面，我们分享一些javascript类库，这些类库会帮助我们将SVG动画提高一个等级。 Vivus Vivus 是一个能动画js类库，它能够给SVG图像显示出被画出来的过程。Vivus是没有其他类库依赖的（比如jQuery)。你仅仅需要在页面中加入这个.js文件，然后传入需要被用来动画的SVG部分就行。同时通过指定...
为了解决jQuery和其他JavaScript库中$()函数的冲突，需要取消jQuery的$()函数，为此jQuery提供了如下方法： 代码如下://取消jQuery中的$()函数 jQuery.noConflict() ; 将上面的粗体字代码放在JavaScript代码的第一行，这行代码就会取消jQuery的$()函数 注：其实只是取消了jQuery()函数的$()别名，因此我们依然可以使用jQuery来代替原来的$()。 除此之外，多次重复书写jQuery()也是很烦琐的事情，jQuery还允许开发者为jQuery()指定...
为了简化JavaScript的开发，一些JavaScript程序库诞生了。JavaScript程序库封装了很多预定义的对象和使用函数，能帮助使用者轻松地建立有高难度交互的Web2.0特性的富客户端页面，并且兼容各大浏览器。下面是目前集中流行的JavaScript程序库的介绍和对比。 Prototype Prototype是最早成型的JavaScript库之一，对JavaScript的内置对象(例如String对象、Array对象等)做了大量的扩展。现在还有很多项目使用Prototype。Prototype可以看做...
Raphael 是一个用于在网页中绘制矢量图形的 Javascript 库。它使用 SVG W3C 推荐标准和 VML 作为创建图形的基础，你可以通过 JavaScript 操作 DOM 来轻松创建出各种复杂的柱状图、饼图、曲线图等各种图表，还可以绘制任意形状的图形，可以进行图表或图像的裁剪和旋转等复杂操作。 Raphal 是跨浏览器的矢量图形库，目前支持的浏览器包括： Firefox 3.0+，Safari 3.0+，Chrome 5.0+，Opera 9.5+ 以及 Internet Explorer 6.0+。 如何使...
然而需要实现一些特定的功能，则可以选择功能更专一的轻量库，今天这篇文章与大家分享16个很有用的 JavaScript 库。 Blackbird: Open Source JavaScript Logging UtilityBlackbird 是一款非常酷的 JavaScript 调试工具，带有一个漂亮的界面显示和过滤调试信息。Treesaver.jsTreesaver 是一个用于创建杂志布局的 JavaScript 框架。BibliotypeBibliotype 是一个简单的基于 HTML、CSS 和 JS ，用于快速原型制作的的框架。Highcharts –...
相对于其他语言来说，javascript脚本语言太小巧玲珑了，活泼灵动。个人非常喜欢写javascript代码。虽说网络上出名的javascript库充斥网络，jQuery、Prototype、Base、ExtJs……，功能也非常强大，使用起来也方便。但是有一个不太令人满意的地方，就是库本身太大了。有时只是用其中几个功能就必须得把整个库引进来，就jQuery来说，压缩了也还有70多KB，有时比一个网页文件还大。但我们有需要一个库来协助开发，所以自己就写了一个轻...
JavaScript 是 Web 开发与设计中不可或缺的东西，不管是一个简单的网页还是一个专业的站点，也不管你是高手还是菜鸟，如今 JavaScript 库越来越强大，可以胜任许多复杂的工作，然而同时，人们在众多 JavaScript 库面前又觉得无所适从，本文，我们将使用 Google 搜索出排名前 10 位的 JavaScript 库，并对它们逐一进行介绍。 1. jQuery: The Write Less, Do More, JavaScript LibraryjQuery 是一个很新的 JavaScript 库，它的口号是...
你必须做出决定以这两种方法中的哪一种来写你的JavaScript，为了帮助您作出明智的决定哪个更适合你，我们将对比一下这两种方法的一些优劣。 在过去使用JavaScript库的一个缺点是，库往往相当大，也许包括不少在你的个人网页中实际是不怎么使用的代码。或许，编写自己的代码可以被认为是最能完全满足你真正需求的方法，而且没有其他比这更有效的方法了。但在引入Google的一个通用仓库后，每个人都可用通过链接使用比较流行的Jav...
目录 1. iScroll介绍 2. 安装和使用 3. 简单的iScroll例子 4. Pinch & Zoom 5. Snap to element 6. iScroll 详细参数 1. iScroll介绍 一般我们在开发传统Web网站时，偶尔会用固定某一区域的宽度/高，然后借用设置这一区域的overflow:scroll，使得其里面超过该区域范围的内容，可以通过移动滚动条来查看。 而在iOS(iOS5以下)的mobile Safari以及Android的浏览器当中，原生不支持页面内任意区域的overflow:scroll这...
Zeno Rocha发布了一个专门用于从web页面向本地计算机的剪贴板复制文本的JavaScript库：Clipboard.js。 在每一个Github仓库页面的侧边栏上都有一个小部件，用来显示repo的HTTPS克隆地址，当你点击紧挨着这个部件的按钮时，就会复制当前repo的URL到用户的剪贴板中。Github用JavaScript库ZeroClipboard来实现这一功能，问题是这个库是用一个不可见的Flash来完成剪贴操作，而Flash技术正被各大浏览器厂商冷落，所以势必要有一个新的...
javascript库也称为javascript框架，这些库是为了调整困难且耗时的JavaScript高级程序设计而产生的；所有js框架都提供针对常见JavaScript任务的函数，包括动画、DOM 操作以及Ajax处理。本文操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。JavaScript 框架（库）JavaScript 高级程序设计（特别是对浏览器差异的复杂处理），通常很困难也很耗时。为了应对这些调整，许多的 JavaScript (helper) 库应运而生。这些 JavaScri...
JavaScript简介JavaScript是为了适应动态网页制作的需要而诞生的一种编程语言。它是由 Netscape公司开发的一种脚本语言（scripting language）。JavaScript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系，使网页包含更多活跃的元素和更加精彩的内容。然而，几乎每个 Web 开发人员都曾有过诅咒 JavaScript 的经历。这个备受争议的语言受累于其复杂的称为文档对象模型 (DOM)的编程模型、糟糕的实现和调试工具以...
1、封装 import * as dayjs from 'dayjs' const utc = require('dayjs/plugin/utc') dayjs.extend(utc)export const transformDate = (date, type = 'YYYY-MM-DD') => {return dayjs.utc(date).format(type) } 2、引入 import { transformDate } from '@/utils/transform-date'3、方法// 时间转化格式transformDay (time, format) {return transformDate(time, format)},4、使用<div slot="updated_at" slot-scope="text"><p>{{tra...
jquery 用原生 js 写代码的时候，比如获取节点：$('#test'); // jquery再比如发送 ajax 请求： let xhr = null; // 处理代码的兼容性问题 if (window.XMLHttpRequest) {xhr = new XMLHttpRequest(); } else {xhr = new ActiveXObject("Microsoft.XMLHTTP"); }// jquery $.ajax({url : 'xxxxx',type : 'GET',success : function(data){// 做数据拿回来之后的处理} })``` **jquery 的特点如下**- 轻量 - 强大的选择器 - DOM 操作的封...