随笔分类 -  javaScript

1 2 下一页
DOM
摘要：10.1 节点层次 DOM可以将任何HTML或XML文档描绘成一个由多层节点构成的结构。以下面的HTML为例： 文档节点是每个文档的根节点。在上述例子中，文档节点只有一个子节点，即<html>，我们称之为文档节点。 文档节点是文档的最外层元素，文档中的其他所有元素都包含在文档元素中。每个文档只能有一 阅读全文
posted @ 2017-08-10 21:10 123默小白 阅读(247) 评论(0) 推荐(0)
BOM
摘要：1、窗口位置 用来确定和修改window对象位置的属性和方法有很多。IE、Safari、Opera和Chrome都提供了screenLeft和screenTop属性，分别用于表示窗口相对于屏幕左边和上边的位置。FireFox则在screenX和screenY属性中提供相同的窗口位置信息，Safari 阅读全文
posted @ 2017-08-02 17:56 123默小白 阅读(239) 评论(0) 推荐(0)
引用类型（JavaScript第5章）
摘要：引用类型的值（对象）是引用类型的一个实例。在ECMScript中，引用类型是一种数据结构，用于将数据和功能组织在一起。 一、Object类型 创建Object实例的方式有两种。第一种是使用new操作符后跟Object构造函数 另一种是使用对象字面量表示法。 一般来说，访问对象属性时使用的都是点表示法 阅读全文
posted @ 2017-07-13 17:59 123默小白 阅读(220) 评论(0) 推荐(0)
JavaScript中离线应用和客户端存储（cookies、sessionStorage、localStorage）
摘要：一、离线应用 所谓离线web应用，就是在设备不能上网的情况下仍然可以运行的应用。 开发离线web应用需要几个步骤：首先，确保应用知道设备是否能上网，以便下一步执行正确的操作；然后，应用还必须能访问一定的资源（图像、JavaScript、css等），只有这样才能正常工作；最后，必须有一块本地空间用于保 阅读全文
posted @ 2017-07-12 15:43 123默小白 阅读(797) 评论(0) 推荐(0)
JavaScript中变量、作用域和内存问题（JavaScript高级程序设计第4章）
摘要：一、变量 （1）ECMAScript变量肯能包含两种不同的数据类型的值：基本类型值和引用类型值。基本类型值指的是简单的数据段，引用类型值指那些可能由多个值构成的对象。 （2）基本数据类型是按值访问，可以操作保存在变量中的实际的值；引用类型的值是保存在内存中对象，操作对象时，实际上是在操作对象的引用而 阅读全文
posted @ 2017-07-06 21:05 123默小白 阅读(177) 评论(0) 推荐(0)
JavaScript高级程序设计中第2、3章中细节知识点
摘要：第2章 1、<script src='script.js' type='text/javascript'></script>中，只要不包含defer和async属性，浏览器都会按照<script>元素在页面的出现顺序对它们依次进行解析。 2、defer属性 <script>中的defer属性的用途是 阅读全文
posted @ 2017-07-05 16:10 123默小白 阅读(160) 评论(0) 推荐(0)
模拟时钟
摘要：效果图： 一、实现时钟外形时，表盘的刻度和数字书写 二、设置时钟表针 三、时针随时间转动 var disDegreeOfSecond = Math.PI/30; //一秒 秒针走的度数 var disDegreeOfMin = Math.PI/1800; //一秒 分针走的度数 var disDeg 阅读全文
posted @ 2017-05-17 15:23 123默小白 阅读(23970) 评论(0) 推荐(0)
关于自由拖拽完成的剪切区域（UI组件之图片剪切器）
摘要：var x, y,areaWidth,areaHeight; var down;//闪光的判断标准，很好 addEvent(canvas,'mousedown',function(e){ // console.log(e.offsetX + ' '+e.offsetY) down = true; x = e.offsetX; ... 阅读全文
posted @ 2017-04-27 23:00 123默小白 阅读(452) 评论(0) 推荐(0)
JavaScript中上传文件为图片如何读取+JS中如何使用clip()剪切指定区域（UI组件之图片剪裁器）
摘要：File读取和FileReader() HTML canvas clip() 方法 从画布中剪切 200*120 像素的矩形区域。然后，绘制一个红色矩形。只有被剪切区域内的红色矩形部分是可见的： 实现代码如下： clip()这个函数在使用的时候出现问题： 注释掉context.save()和cont 阅读全文
posted @ 2017-04-25 22:09 123默小白 阅读(1581) 评论(0) 推荐(0)
3D标签云
摘要：一、圆的坐标表达式 for(var i = 0;i < len;i++){ degree = (2*(k+1)-1)/len - 1;a = Math.acos(degree);//这样取得弧度数生成的点在球体上式均匀分布的b = a*Math.sqrt(len*Math.PI); x = radi 阅读全文
posted @ 2017-04-18 22:01 123默小白 阅读(284) 评论(0) 推荐(0)
UI组件之色彩选择器
摘要：RGB和HSL之间的转换 这个小东西主要用canvas 阅读全文
posted @ 2017-03-22 20:33 123默小白 阅读(331) 评论(0) 推荐(0)
JavaScript编程那些事（牛客网 LeetCode）
摘要：function sum(arr) { var len = arr.length; var sum = 0; if(len == 0){ sum = 0; }else{ for(var i = 0;i < len;i++){ sum += arr[i]; } } return sum;} funct 阅读全文
posted @ 2017-03-06 11:29 123默小白 阅读(305) 评论(0) 推荐(0)
typeof instanceof操作符的相关知识
摘要：数据类型 ECMAScript中有5中基本数据类型：Undefined Null Boolean Number String。 Typeof运算符 对一个值使用typeof操作符可能返回下列某个字符串： ‘undefined’——如何这个值未定义 ‘boolean’——如果这个值是布尔值 “stri 阅读全文
posted @ 2017-02-24 10:29 123默小白 阅读(243) 评论(0) 推荐(0)
理解 e.clientX,e.clientY e.pageX e.pageY e.offsetX e.offsetY
摘要：event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 event.pageX、event.pageY 类似于event.clientX、event.clientY，但它们使用的 阅读全文
posted @ 2017-02-23 11:29 123默小白 阅读(42197) 评论(0) 推荐(7)
JavaScript中如何获取某年某月有多少天的问题
摘要：function getDaysInOneMonth(year, month){ month = parseInt(month,10); var d= new Date(year,month,0); //这个是都可以兼容的var date = new Date(year+"/"+month+"/0") //IE浏览器可以获取天数，谷歌浏览器会返回NaN return d.getDate()... 阅读全文
posted @ 2016-11-22 11:57 123默小白 阅读(3419) 评论(0) 推荐(0)
关于offsetWidth,offsetHeight,offsetTop,offsetLeft和二维数组的声明
摘要：offsetWidth,offsetHeight,offsetTop,offsetLeft 为只读状态，返回的值是int形式 只读形式即不能通过修改其值的大小。 想要修改某元素的这些值的大小（width,height,top,left） 可以使用一下方法 二维数组的声明，本人觉得下面这种方法还不错 阅读全文
posted @ 2016-10-11 09:11 123默小白 阅读(284) 评论(2) 推荐(0)
小tip:关于typeof,instanceof,toString(),valueOf(),toLocaleString(),join(),reverse(),sort(),pop(),push(),shift(),unshift()
摘要：typeof:用于检测一个变量是否是基本数据类型。instanceof用于检测某引用对象是什么类型的对象。 toString()方法会返回有数组中每个值的字符串形式拼接而成的一个以逗号分隔的字符串。而调用valueOf()返回的还是数组，toLocaleString()方法也会返回一个数组值的以逗号 阅读全文
posted @ 2016-09-06 17:04 123默小白 阅读(189) 评论(0) 推荐(0)
关于classList的API
摘要：classList属性和方法有： 阅读全文
posted @ 2016-09-05 15:43 123默小白 阅读(161) 评论(0) 推荐(0)
关于二叉树的三种遍历和普通树的深度、广度遍历
摘要：//深度优先遍历 function traverseDf(node){ if(node){ nodeList.push(node); for(var i = 0;i<node.children.length;i++){ traverseDf(node.children[i]); } } return ... 阅读全文
posted @ 2016-09-02 15:07 123默小白 阅读(959) 评论(0) 推荐(0)
关于firstChild,firstElementChild和children
摘要：在上面这段代码中，如果使用以下js代码 在ie9以下，alert出来的是p（p标签名字），但是在现代浏览器下，比如Chrome,FF，ie11等等，由于会把<div> <p>两个标签之间的空白节点也解析出来，所以会alert出#text（由于空白节点是属于text文本节点） 如果把html的Demo 阅读全文
posted @ 2016-08-30 09:22 123默小白 阅读(635) 评论(0) 推荐(0)

1 2 下一页