随笔分类 -  js

js观察这模式
摘要：js观察者模式 // config/Event.js class Event { handlers; constructor() { this.handlers={} } on (type, fn) { this.handlers[type] = this.handlers[type] || []; 阅读全文
posted @ 2020-09-25 09:50 happynood 阅读(107) 评论(0) 推荐(0)
面向对象
摘要：1.封装 2.继承 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta 阅读全文
posted @ 2018-05-04 14:45 happynood 阅读(184) 评论(0) 推荐(0)
用JS添加和删除class类名
摘要：添加：节点.classList.add("类名")； 删除：节点.classList.remove("类名")； 阅读全文
posted @ 2018-02-28 18:27 happynood 阅读(694) 评论(0) 推荐(0)
js-cookie的用法
摘要：cookie的作用无需多言，自己封装一个cookie，不停地复制黏贴页颇为麻烦，在这里，有npm为我们封装好的插件js-cookie: https://www.npmjs.com/package/js-cookie。 引用方法: 1.直接饮用cdn：<script src="https://cdn. 阅读全文
posted @ 2018-02-06 11:02 happynood 阅读(58944) 评论(4) 推荐(1)
正则手机号
摘要：/* *获取短信验证码 */ getCodenumber() { if(this.phoneRight) { let countdown = 60; document.querySelector(".btnCode").setAttribute("disabled",true) function count() { ... 阅读全文
posted @ 2018-01-20 14:40 happynood 阅读(192) 评论(0) 推荐(0)
在html中使用js
摘要：1.使用defer属性可以让脚本在文档完全呈现出来之后在执行，延迟脚本总是按照制定他们的顺序进行。 2.使用async属性可以表示当前脚本不必等待其他脚本，也不必阻塞文档呈现，不能保证异步顺序按照它们在页面中出现的顺序执行 3.在body里使用noscript标签，标签内内容会在不支持js的浏览器显 阅读全文
posted @ 2018-01-02 23:34 happynood 阅读(564) 评论(0) 推荐(0)
http
摘要：HTTP是一个属于应用层的面向对象的协议，由于其简单、快速的方式，适用于分布式超媒体信息系统， 特点： 1.支持客户/服务器模式。 2.简单快速：客户向服务器请求服务时，只需传送请求方法和路径。请求方法常用的GET, HEAD , POST，每种方法规定了客户和服务器联系的类型不同。由于HTTP简单 阅读全文
posted @ 2016-11-09 19:36 happynood 阅读(184) 评论(0) 推荐(0)
background-size
摘要：语法： background-size:length|percentage|cover|contain length:设置背景图像的宽度和高度， 第一个值为宽度，第二个值为高度。 如果只设置一个值，则第二个值会被设置为'auto'。 percentage:以父元素的百分比来设置背景图像的宽度和高度。 阅读全文
posted @ 2016-11-09 19:23 happynood 阅读(222) 评论(0) 推荐(0)
call和apply的区别
摘要：call和apply都属于function prototype的一个方法。 定义：调用一个方法的对象，以另一个对象替换当前对象。 相同点：两个方法产生的作用是一样的。 不同点：方法传递的参数不同。 call(thisobj,a,b,c,d) 说明：call方法可以用来代替另一个对象调用一个方法，可以 阅读全文
posted @ 2016-11-09 19:15 happynood 阅读(128) 评论(0) 推荐(0)
js兼容性
摘要：1.getElementByClassName 在使用原生JavaScript时，获取类选择符时，即使用getElementByClassName，它在Firefox和IE下是不能兼容。 Firefox下是可以用它获取的到元素而IE不行，一般框架都会实现该方法，达到在IE和Firefox下兼容的问题 阅读全文
posted @ 2016-11-03 22:22 happynood 阅读(160) 评论(0) 推荐(0)