【JavaScript笔记】
神以灵
渴望成为前端大神的一个noob~~~
(https://github.com/shenyiling)
展开
-
jquery拖拽小demo
一:知识点 e.pageX表示事件发生时,鼠标距离文档左边的距离 e.pageY表示事件发生时,鼠标距离文档上边的距离 二:代码<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>jq拖动插件简单小demo</title> <style type="text/css">原创 2017-06-18 11:33:04 · 506 阅读 · 0 评论 -
js--排序算法
这里只列举了三种简单的,基本看一遍就懂~~ //1.冒泡排序:依次将最大的值放在最大的索引(从冒泡的字面意思就能理解) function bubbleSort(arr){ for(let i = arr.length - 1;i > 0;i--){ for(let j = 0;j<i;j++){ if(arr[j] > arr[j+1]){原创 2017-06-11 20:18:09 · 200 阅读 · 0 评论 -
js--运动框架
一:查询知识点 obj.style.attr只能获取行内样式设置的属性值,obj.currentStyle和getComputedStyle(obj,false)[attr]可以获取内联样式表和外链样式表设置的属性值,其中obj.currentStyle是在IE下使用的方法 二:说明 该框架只能设置opacity和以px为单位的属性值 三:代码function getStyle(obj,name){原创 2017-06-12 21:54:50 · 150 阅读 · 0 评论 -
事件流、事件冒泡、事件捕捉、事件委托
一:概念 事件捕获指的是从document到触发事件的那个节点,即自上而下的去触发事件。 事件冒泡刚好相反,是从触发事件的那个节点一直到document,是自下而上的去触发事件。 事件委托:利用了事件冒泡的原理,在下方通过实例讲解 补充:绑定事件方法(addEventListener)的第三个参数,就是控制事件触发顺序是否为事件捕获。true,事件捕获;false,事件冒泡。默认false,即事原创 2017-06-17 22:20:50 · 8217 阅读 · 2 评论 -
js对象的set/get方法案例
代码 :var obj = {name:'jzx', _age:18, //属性前加_建议不要直接访问 get age(){ return this._age; }, set age(val){ this._age = val; } }; console.log原创 2017-06-18 10:54:32 · 3336 阅读 · 0 评论 -
js中的__proto__和prototype
前一阵写过一个拖拽的demo,然后在一个技术群看到一个大神实现的拖拽的demo使用构造函数和原型对象实现的,感觉很厉害,就又复习了一下原型对象的相关知识(以前也看过,但是一直未曾使用,忘了一大半),关于拖拽的构造函数实现方法的代码有空我也会更新到博客上。下面是总结的知识点,如果你觉得总结的不够全面,请访问这个链接:点击我 __proto__叫做隐式原型,它指向创建这个对象的函数的prototyp原创 2017-07-03 14:24:50 · 241 阅读 · 0 评论 -
js中的callee和caller
前一阵子看js高级程序设计时,看到了这两个以前不知道的属性,感觉挺有意思,今天有空就在博客上记一下: 大家都知道js函数有arguments对象包含传入函数的参数,是一个类数组对象,这个对象还有一个属性:callee,该属性是一个指针,指向拥有这个arguments的函数。在js高级这本书中举了一个递归函数的例子来体现它的作用;//计算阶乘的函数,很简单 function factorial(num原创 2017-07-03 19:15:08 · 709 阅读 · 0 评论 -
cookie的使用
对cookie的使用作了下总结,写了个demo~~请看代码如果发现错误,请留言告诉我~~ <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>cookie</title> <style> body{ backgr原创 2017-09-23 16:58:52 · 212 阅读 · 0 评论 -
js实现的冒泡排序、选择排序、插入排序、快速排序
function bubbleSort( arr ) { for( var i = 0;i < arr.length - 1;i++ ){ var judge = false; for( var j = 0;j < arr.length - 1 - i;j++ ){原创 2017-10-30 20:52:14 · 367 阅读 · 0 评论 -
js实现bind函数效果
今天面试被问了个bind函数实现问题,实现功能如下(可能是为了一些不能使用原生bind函数的场景,具体的支持情况可以到can i use查看): // 实现mybind函数,输出'wang~' var Cat = { say: function() { console.log(this.content); }, content: 'mia...原创 2018-05-30 21:37:34 · 1281 阅读 · 0 评论 -
js对象和Object关系
今晚上很意外看到一个面试题,js对象和Object的关系,然后梳理了下脑中的知识~~ JavaScript对象和Object关系W3C上有说JavaScript中所有事物都是对象:数字、字符串、数组、函数等等…我感觉从某种意义上是对的,但也有例外,首先js对象就是一种具有属性和方法的特殊数据类型,而Object是js中原型链的起点,js中的对象都继承了他,有一个方法可以验证就是使用i原创 2017-11-18 00:28:46 · 1234 阅读 · 0 评论