js
关注
分享
扫一扫
文章平均质量分 61
Klingonsss
2017年毕业，准备跳槽，求个前端岗位
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
html事件冒泡和事件捕获
今天学习了事件冒泡和捕获，记录一下。1.冒泡型事件：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。我一般用法就是理解为触发事件A, 会触发A的父亲，爷爷，爷爷的父亲......代码：html> charset="UTF-8"> 点击事件捕获冒泡实验id="grandPa"> id="father">原创 2017-11-04 22:27:04 · 4034 阅读 · 0 评论 -
面试 -- js连等的记录
1. 写在前面的话之前没用过连等，也没怎么注意过，现在看了一点，发现不用连等是正确的，连等是魔鬼(???)啊。2. 实例 ① 来自segmentFaultvar a = {n:1};var b = a;a.x = a = {n:2};a.x// undefinedb//{n:1, x: {n:2}} 解析一下，有错请指出 首先执行 a = {n:1}; b ...原创 2018-09-04 15:24:34 · 216 阅读 · 0 评论 -
面试 -- 一道牛客网的题
原题题目描述请修复给定的 js 代码中，函数定义存在的问题示例1输入true输出a题目代码function functions(flag) { if (flag) { function getValue() { return 'a'; } } else { function getValue() { return '...原创 2018-09-09 21:43:18 · 320 阅读 · 0 评论 -
JS小tips -- e.preventDefault和e.returnValue=false
1.e.preventDefault阻止事件的默认行为，之前我一直对事件默认行为不知道是啥，现在终于知道一点了。比如checkBox:<!DOCTYPE html><html><head> <title> </title></head><body> <input id...原创 2018-07-30 22:29:26 · 5713 阅读 · 0 评论 -
js函数参数--都是按值传递
es中所有函数的参数都是按值传递。基本类型值的传递和基本类型变量复制一样，引用类型传递如同引用类型变量的复制一样。在向参数传递基本类型的值的时候，被传递的值会被复制给一个局部变量，也就是我们的arguments；function add(num){ num += 10; return num;}var count = 20;var result =...原创 2019-03-13 22:31:37 · 604 阅读 · 2 评论 -
JS数组方法
js数组1. Array.from() 从一个类数组或可迭代对象中创建一个新的数组实例。 Array.from('qui'); //["q", "u", "i"] Array.from([1, 2, 3], x=> x + x); //[2, 4, 6]2. Array.isArray() 判断传入的参数是否是数组 Array.isArr...原创 2018-08-25 23:56:17 · 747 阅读 · 0 评论 -
js -- 作用域和闭包的笔记
笔记的知识大部分来自 https://www.cnblogs.com/wangfupeng1988/p/3992795.html和<JavaScript权威指南>1. 作用域 自由变量：在A作用域中使用的变量x，却没有在A作用域中声明（即在其他作用域中声明的），对于A作用域来说，x就是一个自由变量 看到这样一段代码，对fn来说，x就是自由变量var x = ...原创 2018-08-20 23:02:02 · 287 阅读 · 0 评论 -
JS -- 理一下cmd, amd , es6, require, export, exports
amd, cmd, commonJS, ES6 相关的模块导出和引入，一直让我很晕，加上node， requireJs，总是不知道这些有什么区别和关系，所以在这画个总结图，让自己弄清到底哪些对应的哪些。参考来自以下文章：https://www.cnblogs.com/libin-1/p/7127481.html画的图，字体看不清可放大浏览器观看，关于node的exports可以参考我之前的...原创 2018-08-09 22:20:37 · 736 阅读 · 0 评论 -
JS权威指南学习记录（1） 包装对象
包装对象：读取字符串，数字或布尔值的属性时创建的临时对象。虽然很多人推荐新手去看<JavaScript权威指南>，但是我自己还是在有基础的时候才开始看这本书，今天在看3.6包装对象的时候，发现了一个有意思的问题：var s = "hello world";var word = s.substring(s.indexOf(" ")+1, s.length);//world书中说道：字符串...原创 2018-03-28 23:45:06 · 239 阅读 · 0 评论 -
JS权威指南学习记录（2）eval函数
直接总结吧：eval()直接调用时，它在调用它的上下文中执行。 间接调用时，使用全局对象作为上下文作用域，并且无法读，写，定义局部变量和函数。例子：var geval = eval;//这里调用geval => 间接调用eval；var x = "global", y = "global";function fn(){ //此函数直接调用eva...原创 2018-04-02 18:01:51 · 350 阅读 · 0 评论 -
javascript原型链学习记录--继承
在慕课网学习继承的笔记：继承的几种方式：① 使用构造函数实现继承function Parent(){ this.name = 'parent';}function Child(){Parent.call(this); //在子类函数体里面执行父类的构造函数this.type = 'child';//子类自己的属性}Parent.call(this)，this即实例，使用this执行Paren...原创 2018-04-10 23:35:01 · 231 阅读 · 0 评论 -
JavaScript--Math不是构造器（constructor）
今天在看js数组的时候，无意中看到MDN上面写Math不是一个构造器。Math的所有属性和方法都是静态的。比如Math.PI，回想了一下，确实也没看到过new Math()啥的，使用new Math()好像也想象不出能new 个啥。然后我在控制台试了一下：var a = new Math()；报错：Uncaught TypeError: Math is not a constructor。关于Ma...原创 2018-03-30 10:54:31 · 821 阅读 · 0 评论 -
前端面试 - js隐式类型转换特殊实例
今天看到几个隐式转换有意思的例子，记录一下。 chrome下： []+[] => ""（空字符串）；[]+{} => "[object object]"； {}+[] => 0； {}+{} => "[object object][object object]" (firefox下...原创 2018-03-13 23:16:45 · 612 阅读 · 0 评论 -
平时的记录(1) js监听事件event对象
今天工作的时候遇到了一个问题：el.addEventListener('click', function(){ functionA();})然后在functionA里面，直接就能获取到event对象，鉴于个人技术水平，有点震惊，后来在控制台查看了一下，event是挂在window下的，即window.event，在事件发生(个人理解是回调函数执行期间，有错请指正)有效，附上MDN原话：...原创 2018-03-16 23:12:31 · 1017 阅读 · 1 评论 -
js贪吃蛇游戏（上）
这是项目地址。在<script></script>中，文档加载完毕后调用：$(function () { var game = new Game("canvas"); game.init();}); 其中构造函数Game()接收canvas的id作为参数，实例化对象以后，调用init()函数，init()函数里面有三个函数，接下来会一个一个说明。/** ...原创 2018-01-28 22:34:07 · 467 阅读 · 0 评论 -
js贪吃蛇游戏（下）
此文是承接js规范易懂的贪吃蛇游戏（上），主要描述贪吃蛇动态内容，比如前进，吃果实后变大，越界，速度控制等。在js规范易懂的贪吃蛇游戏（上），init()函数已经 完成了initData()和draw()，接下来是最后一个函数，bindEvents()。在bindEvents()函数里面，有2个函数：①方向控制；②时间控制。 ①方向控制directionContollerdocument.body...原创 2018-01-28 22:33:35 · 966 阅读 · 0 评论 -
关于apply和call的一点记录
JavaScript高级知识里面，原型链，apply，call这些都陆陆续续在看，但是一直迷迷糊糊，反省了一下是因为自己只是看而没有去理解，记录，所以从现在开始记录一下学到的（估计也是到处复制粘贴别人的...），以后发现记录有错还能回来改正，希望早日理解JavaScript高级知识。在MDN中查看：Function.prototyle.apply(obj, args):apply接收2个参...原创 2017-11-06 13:56:59 · 330 阅读 · 0 评论 -
JavaScript -- forEach不改变原数组但是改变对象属性的问题
我们一直知道forEach是没有返回值并且不直接改变原数组的，今天发现是不直接改变，实际上里面是包含着改变的。1. forEach(item, index, arr)，三个参数，如果直接用item=xxx是无法改变原数组的，但是如果用arr[index]就可以改变原数组。var s = [1,2,3,4];s.forEach(item=>{ item = 'a'});...原创 2019-05-10 14:40:57 · 5945 阅读 · 0 评论