js简单封装样式
class Foo{
constructor(name) {
this.name = name
} greet() {
console.log('hello this is',this.name)
} someThingAsync() {
return Promise.resolve()
} asyncGreet() {
this.someThingAsync().then(this.greet.bind(this))
}
} new Foo('DOG').asyncGreet(); //生成六位数的验证码
//方法1
console.log((Math.floor(Math.random() * 999999)));
//方法2
console.log(Math.random().toString().slice(-6));
//方法3
console.log(Math.random().toFixed(6).slice(-6));
//方法4
document.querySelectorAll('#id').style.color = 'red';
document.querySelectorAll('#id').style.fontSize = '12px';
document.querySelectorAll('#id').style.background = 'red';
函数封装
function hdq(selector,color){
document.querySelectorAll(selector)[0].style.color = color
}
hdq('#d','red')
function item(selector,color) {
document.querySelectorAll(selector,color)
}
function getElement(selector) {
this.style = document.querySelectorAll(selector).style
}
getElement.prototype.color = function(color) {
this.style.color = color
return this
}
getElement.prototype.fontSize = function(fontSize) {
this.style.fontSize = fontSize
return this
}
getElement.prototype.background = function(bg) {
this.style.background = bg
return this
}
var el = new getElement("#div")
el.color('bule').background('#333').fontSize('16px')
最新文章
- 显示oracle表的分区信息
- C# 的界面控件属性修改线程安全问题
- 使用VB6制作RTD函数
- OSI模型
- [UML]UML系列——协作图(通信图)collaboration diagram
- uc_client是如何与UCenter进行通信的
- 蓝桥杯 入门训练 Fibonacci数列(水题,斐波那契数列)
- XAF应用开发教程(六)控制器
- 【Java每日一题】20170109
- Angular4.0从入门到实战打造在线竞拍网站学习笔记之三--依赖注入
- Java 第二章 变量、数据类型和运算符
- go语言调度器源代码情景分析之五:汇编指令
- day03-课堂笔记-大纲
- Hibernate注意项
- post-image.sh hacking
- KOTLIN-1(常用网址)
- BAT脚本加防火墙455端口
- 小白学习安全测试(三)——扫描工具-Nikto使用
- 总结java中的super和this关键字
- Ionic2开发环境搭建