JS
文章平均质量分 93
纵使风吹
这个作者很懒,什么都没留下…
展开
-
前端中的图形库
前端中的图形库SVGSVG的概念和引入方式1.SVG 指的是可伸缩矢量图形(Scalable Vector Graphics),用来定义用于网络的基于矢量的图形,使用 XML 格式定义图形。SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失,是万维网联盟的标准。2.SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体。 2003 年一月,SVG 1.1 被确立为 W3C 标准。与其他图像格式相比,使用 SVG 的优势有以下几点:可被非常多的工具创建、读取和修改与JPEG和原创 2021-03-26 15:45:49 · 1828 阅读 · 1 评论 -
正则表达式
正则表达式概念1.正则表达式,由人提供给计算机,让计算机能够读懂人类的规则。它的优缺点:可以大大简化代码;性能也比正常的函数方法要好;但只能操作字符串。2.正则表达式的声明:推荐使用字面量写法。var re = /a/; //字面量写法var re = new RegExp('a'); //构造函数实例化写法3.正则表达式不能传参,或者说两个/里面的只是正则的规则,不能是字符串、布尔值甚至变量,因此如果我们想要传参,必须用构造函数实例化写法:var a = "abc";var re =原创 2021-03-23 18:38:11 · 362 阅读 · 0 评论 -
JS实现三种验证码效果
1.简单验证码2.滑块验证码3.图形验证码原创 2020-07-26 23:30:33 · 1786 阅读 · 0 评论 -
原生js实现Ajax的封装
1.封装函数function ajax(options) { options = options || {}; options.type = (options.type || "GET").toUpperCase(); options.dataType = options.dataType || "json"; options.async=options.async|| true...原创 2020-03-04 21:54:05 · 174 阅读 · 0 评论 -
如何解决上层div元素将下层div元素盖住,但是下层div里的点击事件仍可以进行的问题?
一.实例分析现在我们需要实现一个div文本输入框,其中含有button按钮在下层,上层div覆盖住下层div元素,上层div中同样含有一个button按钮的效果图。我们应该如何做来使下层div里的button点击事件有效果呢?二.知识点整理在解决这个问题之前,让我们先了解与解决这个问题有关的一些知识点。(1).pointer-events直译为指针事件,是一个与javascript有关的...原创 2019-10-26 22:36:08 · 11438 阅读 · 0 评论 -
函数防抖和节流的理解
函数防抖和节流引言引入函数防抖和函数节流的目的是什么呢?函数防抖和函数节流的应用场景函数防抖的应用场景(只需触发一次回调的场景)有:搜索框搜索输入。只需用户最后一次输入完,再发送请求手机号、邮箱验证输入检测窗口大小Resize。只需窗口调整完成后,计算窗口大小。防止重复渲染。函数节流的应用场景(间隔一段时间执行一次回调的场景)有:滚动加载,加载更多或滚到底部监听谷歌搜索框,...原创 2019-09-27 00:52:07 · 197 阅读 · 0 评论 -
客户端的数据存储
客户端的数据存储引言随着Web应用程序的出现,也产生了对于能够直接在客户端存储用户信息的要求。想法很合乎逻辑,属于某个特定用户的信息应该存在该用户的机器上。无论登录信息,偏好设定或其他数据,Web应用提供者在找各种方式将数据存在客户端上。我们来用一张表总结将数据在用户端上的各种方式的优缺点一.cookie这个问题的第一个方案是以cookie的形式存在的。HTTP Cookie,...原创 2019-09-14 18:26:59 · 1471 阅读 · 0 评论 -
原型与原型链
1.原型定义 原型是function对象的一个属性。它定义了构造函数制造出的对象的公共祖先。 通过该构造函数产生的对象,可以继承该原型的属性和方法。原型也是对象。(注:构造函数与其它函数不同的一点是它的书写规范满足大驼峰式。)2.原型用法举个简单的例子: function Car(owner,color){ this.owner=owner; this.colo...原创 2019-08-01 22:01:12 · 180 阅读 · 0 评论 -
日期对象与定时器
日期对象与定时器日期对象一.日期对象的建立 var date=new Date();在控制台中输入date对象,打印出当前日期和时间。(无双引号)而输入Date()构造函数,则会打印出当前日期和时间的字符串。(有双引号)二.Date对象的方法方法描述getDate()从Date对象返回一个月中的某一天(1~31)getDay()从Date对象返回...原创 2019-07-27 23:26:51 · 224 阅读 · 0 评论 -
JS循环的理解
JS循环的理解1.这是一个循环 var buttons = document.getElementsByTagName ("tagname"); for (var i = 0; i < buttons.length; i++) { buttons[i].onclick = function () { console.log(i);...原创 2019-07-27 11:11:05 · 300 阅读 · 0 评论 -
立即执行函数与闭包
1[[scope]]:每个javascript函数都是一个对象,对象中有些属性我们可以访问,但有些属性不可以,这些属性仅供javascript引擎存取,[[scope]]就是其中一个。[[scope]]指的就是我们所说的作用域,其中存储了运行期上下文的集合。作用域链:[[scope]]中所存储的执行期上下文对象的集合,这个集合呈链式连接,我们称这个链式连接为作用域链。运行期上下文:当函数执...原创 2019-07-30 17:01:36 · 959 阅读 · 0 评论 -
函数
1.函数定义(1)函数声明 function theFirstName(){}; document.write(theFirstName);其结果为: function theFirstName(){};不同于c语言,c++等,对于这种解释性语言来说,并不会打印出地址,打印的是地址指向的房间。(2)函数表达式函数表达式可分为命名匿名函数表达式和命名函数表...原创 2019-07-29 15:21:28 · 138 阅读 · 0 评论