向前端大佬看齐
Ena-coder
疯狂与理智并存的笑容
展开
-
问题:vue-router 中router-view不能渲染【已解决】
router-view不能渲染通过网上查阅资料发现:原创 2019-12-08 09:50:40 · 3072 阅读 · 5 评论 -
正则表达式例题集
例1:用正则表达式检验一个字符串首尾是否含有数字?审题:“首尾是否含有数字” 而不是 “首尾是否都有数字”例1:用正则表达式检验一个字符串首尾是否都有数字?reg.exec(str)&®.lastIndexexec从何处开始匹配由lastIndex控制,而且lastIndex可以改变不在全局范围内,游标不改变,永远是0...原创 2019-11-23 14:19:05 · 1423 阅读 · 0 评论 -
按需加载异步js
<body> <script type = "text/javascript" src="test.js"></script></body>test.js//封装loadScript(),实现加载异步jsfunction loadScript(url,callback){//第一个参数是源路径,第二个参数是回调函数(当满足一定条件才执行的...原创 2019-11-22 18:32:16 · 358 阅读 · 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 · 159 阅读 · 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 · 711 阅读 · 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 · 426 阅读 · 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 · 248 阅读 · 0 评论 -
不能通过js文件实现dom操作问题已解决
【非技术问题】描述:不能通过js文件实现dom操作,却能通过控制台代码如下: 执行结果如下:解决方法:script标签放在body里面解决方案参考网站...原创 2019-11-17 15:28:58 · 545 阅读 · 0 评论 -
JavaScript学习总复习
JavaScript浏览器发展史1.浏览器组成shell部分内核部分2.1 渲染引擎(语法规则和渲染)2.2 js引擎其他模块(异步…)主流浏览器内核IEtridentChromewebkit/blinkfirefoxGeckoOperaprestoSafariwebkit2.js的特点解释性语言——不需要编译成文件...原创 2019-11-16 23:31:55 · 986 阅读 · 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 · 96 阅读 · 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 · 130 阅读 · 0 评论 -
面试真题集及克隆作业
例1:isNaN()判断是否为非数,是非数返回true,否则返回false。'100’会因为isNaN()内置的包装类自动由String类型转换成number类型依照isNaN原理自建一个myIsNaNfunction myIsNaN(num){ var ret = Number(num);//调用包装类 ret += ""; if(ret == "NaN"){ retu...原创 2019-11-15 15:28:18 · 139 阅读 · 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 · 141 阅读 · 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 · 277 阅读 · 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 · 212 阅读 · 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 · 153 阅读 · 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 · 314 阅读 · 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 · 1144 阅读 · 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 · 148 阅读 · 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 · 213 阅读 · 0 评论