
向前端大佬看齐
Ena-coder
疯狂与理智并存的笑容
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
问题:vue-router 中router-view不能渲染【已解决】
router-view不能渲染 通过网上查阅资料发现:原创 2019-12-08 09:50:40 · 3283 阅读 · 5 评论 -
正则表达式例题集
例1:用正则表达式检验一个字符串首尾是否含有数字? 审题:“首尾是否含有数字” 而不是 “首尾是否都有数字” 例1:用正则表达式检验一个字符串首尾是否都有数字? reg.exec(str)&®.lastIndex exec从何处开始匹配由lastIndex控制,而且lastIndex可以改变 不在全局范围内,游标不改变,永远是0 ...原创 2019-11-23 14:19:05 · 1476 阅读 · 0 评论 -
按需加载异步js
<body> <script type = "text/javascript" src="test.js"></script> </body> test.js //封装loadScript(),实现加载异步js function loadScript(url,callback){//第一个参数是源路径,第二个参数是回调函数(当满足一定条件才执行的...原创 2019-11-22 18:32:16 · 403 阅读 · 0 评论 -
脚本化CSS例题集
实现点击div能改变伪类元素的颜色 <style type = "text/css"> div{ width:80px; height:80px; background-color:red; } .green::after{ content:''; width:30px; height:30px; background-color:green; ...原创 2019-11-21 14:14:40 · 198 阅读 · 0 评论 -
实现自动阅读的功能
var start = document.getElementsByTagName('div')[0]; var stop = document.getElementsByTagName('div')[1]; var speed = document.getElementsByTagName('div')[2]; var timer = 0; var num = 10; //多次点击start按钮...原创 2019-11-21 09:00:03 · 762 阅读 · 0 评论 -
DOM基本操作例题集
2.1 parentNode->父节点(最顶端的parentNode为#document) 2.2 childNodes->子节点们 2.3 firstNode->第一个子节点 2.4 lastNode->最后一个子节点 2.5 nextSibling->后一个兄弟节点&previousSibling->前一个兄弟节点 3.1 parentEleme...原创 2019-11-19 10:56:40 · 570 阅读 · 0 评论 -
趣味小例子
例1: <body> <div>1</div> <div>2</div> <div>3</div> <script type = "text/javascript" src="test.js"></script> </body> var div = document.g...原创 2019-11-17 22:52:42 · 287 阅读 · 0 评论 -
不能通过js文件实现dom操作问题已解决
【非技术问题】描述:不能通过js文件实现dom操作,却能通过控制台 代码如下: 执行结果如下: 解决方法:script标签放在body里面 解决方案参考网站 ...原创 2019-11-17 15:28:58 · 589 阅读 · 0 评论 -
JavaScript学习总复习
JavaScript浏览器发展史 1.浏览器组成 shell部分 内核部分 2.1 渲染引擎(语法规则和渲染) 2.2 js引擎 其他模块(异步…) 主流浏览器 内核 IE trident Chrome webkit/blink firefox Gecko Opera presto Safari webkit 2.js的特点 解释性语言——不需要编译成文件...原创 2019-11-16 23:31:55 · 1090 阅读 · 0 评论 -
封装type及数组去重作业
面试题: var obj = { "2":'a', "3":'b', "length":2, "push":Array.prototype.push } obj.push('c'); obj.push('d'); //{2: "c", 3: "d", length: 4, push: ƒ} // Array.prototype.push = function(target){ // th...原创 2019-11-16 20:00:52 · 124 阅读 · 0 评论 -
数组例题集
对象的定义方式 字面量:var a = {} 构造函数(系统自带) 自定义构造函数 Object.create() 数组的2种定义方式(全来源于Array.prototype) 数组字面量:var a = []//相当于new Array[] 系统提供的构造方法:var a = new Array[] push // push 可以在数组最后添加多为数据 //写push方法 Arr...原创 2019-11-16 15:18:45 · 160 阅读 · 0 评论 -
面试真题集及克隆作业
例1: isNaN()判断是否为非数,是非数返回true,否则返回false。 '100’会因为isNaN()内置的包装类自动由String类型转换成number类型 依照isNaN原理自建一个myIsNaN function myIsNaN(num){ var ret = Number(num);//调用包装类 ret += ""; if(ret == "NaN"){ retu...原创 2019-11-15 15:28:18 · 170 阅读 · 0 评论 -
对象的枚举例题集
for in基本使用: // 遍历对象 var obj = { a : 1, b : 2, c : 3 } for(var prop in obj){ console.log(typeof prop);//string console.log(obj[prop]); //prop本身是string类型,再加''会变成属性名,即成了找obj.prop:undefined } hasOw...原创 2019-11-13 23:22:52 · 172 阅读 · 0 评论 -
继承例题集
共享原型 第一版: function inherit(Target,Origin){ Target.prototype = Origin.prototype; } Father.prototype.lastName = "Li"; function Father(){} function Son(){} //不用原型链的方式 //原型的引用赋值给原型,实现多个构造函数继承一个原型 Son.p...原创 2019-11-13 17:19:36 · 318 阅读 · 0 评论 -
call/apply例题集
例1: function Person(name,age){ // this == obj this.name = name; this.age = age; } var person = new Person(); var obj = {} Person.call(obj,'lily',18); // 这里的call将this从指向全局改变为指向obj //借别人方法来构造自己的对象 ...原创 2019-11-13 15:03:56 · 249 阅读 · 0 评论 -
原型例题集
例1: Person.prototype.name = 'sunny'; function Person (){} var person = new Person(); Person.prototype.name = 'cherry'; document.write(person.name); //sunney//错误! //cherry//正确原创 2019-11-13 10:28:48 · 189 阅读 · 0 评论 -
包装类例题集
例1: var str = 'abc'; str += 1; var test = typeof(str); if(test.length == 6){ test.sign = 'typeof的返回结果可能是String'; } console.log(test.sign);//undefined 例2: function employee(name,code){ this.name = "...原创 2019-11-12 16:54:14 · 339 阅读 · 0 评论 -
闭包例题集
例1: function a(){ function b(){ var bbb = 234; document.write(aaa);//123 } var aaa = 123; return b;//a执行完前b被保存出来了 } var glob = 100; var demo = a(); demo(); 预编译: a defined a.[[scope]] --> ...原创 2019-11-12 08:49:53 · 1206 阅读 · 0 评论 -
作用域例题集
题1: function a(){ function b(){ var b = 234; } var a = 123; b(); } var glob = 100; a(); 预编译状态: a函数被定义时,发生如下过程: a defined a.[[scope]] -- 0:GO{a:(function),glob:100} 程序运行状态: a函数被执行时,发生如下过程: ...原创 2019-11-10 14:43:17 · 185 阅读 · 0 评论 -
预编译例题集
例1: function fn(a){ console.log(a);//function (){} var a = 123; console.log(a);//123 function a(){}//预编译看过的地方不再看 console.log(a);//123 var b = function(){} console.log(b);//function(){} functio...原创 2019-11-09 17:22:27 · 253 阅读 · 0 评论