上次用html和css制作了CSS时钟、高级动画，不过上次的只是会动，时间不准的，今天做的这个是和电脑系统时间一致的，而且是用纯JavaScript制作的。下面看看代码： HTML： <!DOCTYPE html> <html lang="en"> <head> <meta char…
制作点击删除，弹窗提示。 设计思路： HTML: <html> <head> <meta charset="utf-8"> <title>回调函数</title> <link rel="stylesheet" href="css…
第一种： HTML: <html> <head> <meta charset="utf-8"> <title>星星效果</title> <script src="js/start.js"></script> …
// var scope = 'global' // // 全局变量 // function t() { // console.log(window.scope) // var scope = '111' // // 局部变量 // console.log(scope) // } // t() var a = 3 v…
是否能将对象作为原型？ 使用Baby初始化child apply和call方法 Child原型链的形成 代码和解释部分 HTML： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>原型链</tit…
将属性和方法放在构造函数中会导致每一个对象中都存在各自的一份属性和方法，导致内存浪费 而且对象的方法还可以单独改变而不影响其它对象 如下图：
div { width: 300px; height: 300px; background-color: red; } <div></div> <script> var c = 10 function test() { var add1 = new Func…
var p = {} p.name = 'wangBaoQiang' p.age = 3 p.isMale = true console.log(p) // delete p.isMale // console.log(p) // Object.freeze(p) // delete p.age // console.log(p) // Objec…
函数 面向对象编程 面向过程编程 使用上面两种方法来实现下图效果（两个方法的效果有些不一样）： 面向对象 <script src="point.js"></script> <script src="line.js"></script> <script src="rect.js"></…
JS中 2、“2”Boolean(2)、Number(2)分别是什么类型的值： number，string，布尔对象，number对象 querySelector('div')和document.querySelectorAll('div.text-error')的区别是什么？ 第一个获取div元素，第二个获取div中含…
使用JavaScript制作如上图的简单日历，这里有两种做法： 第一种: // 定义一个构造函数 function Calender(month){ var div // 定义一个属性表示当前要展示的一个月份 this.currentMonth = month || new Date() // 如果调用者每一传递mo…