随笔分类 -  Javascript

• 省市区三级联动——思路、demo、示例
  摘要：说明（2017-12-13 11:03:58）： 1. 这个功能应该是注册的时候非常、常用的了，不过现在都是微信登录，手机端自动获取位置什么的，可能就网站还用用吧！ 2. 这个东西的难点在于统计各地省、市、自治区、以及茫茫多的地级市，是用数组还是json存？其实都可以，但要自己写，估计写两个省就跪了 阅读全文
  posted @ 2017-12-13 11:29 Jacklovely 阅读(12226) 评论(0) 推荐(0) 编辑
• JavaScript高级 面向对象（13）--构造函数的执行过程
  摘要：说明（2017-4-2 21:50:45） 一、构造函数是干什么用的： 1. 初始化数据的。 2. 在js给对象添加属性用的，初始化属性值用。 二、创建对象的过程： 1. 代码：var p = new Person(); 2. 首先运算符new创建了一个对象，它类似于{}，是一个“没有任何成员”的对 阅读全文
  posted @ 2017-04-02 23:33 Jacklovely 阅读(339) 评论(0) 推荐(0) 编辑
• JavaScript高级 面向对象（12）--引用类型值类型作为参数传递的特性
  摘要：说明（2017-4-2 18:27:11）： 1. 作为函数的参数，就是将函数的数据拷贝一份，传递给函数的定义中的参数。 函数foo()在调用的时候，做了两件事： （1）函数在调用的时候，首先需要将参数中的数据拷贝一份，即数字123拷贝一份。 （2）跳转到函数的定义中（函数体），在此之前完成了函数的 阅读全文
  posted @ 2017-04-02 18:54 Jacklovely 阅读(449) 评论(0) 推荐(0) 编辑
• JavaScript高级 面向对象（11）--对象的动态特性-关联数组用法
  摘要：说明（2017.4.2）： 1. 对象的动态特性： （1）在js中，一个对象需要属性，就可以利用“对象名.属性 = 值”的方式为其添加，只要赋值成功，对象就新增这个属性。 （2）对象属性的访问形式： *点语法：o.name *关联数组：o[name]，注意，name必须是一个字符串，否则会把name 阅读全文
  posted @ 2017-04-02 18:24 Jacklovely 阅读(325) 评论(0) 推荐(0) 编辑
• JavaScript高级 面向对象（10）--onload与jq中ready的区别
  摘要：说明（2017.4.2）： 1. 在body中放一个img标签，src链接一张图片，那么页面会先读取html的document文档，然后再读取外部资源（这里没加onload其实就是从上往下顺序读取）。 外部资源包括导入的js，css，图片，音乐，视频等等。 onload会将所有的资源包括外部资源全部 阅读全文
  posted @ 2017-04-02 18:06 Jacklovely 阅读(298) 评论(0) 推荐(0) 编辑
• JavaScript高级 面向对象（9）--深拷贝代码实现
  摘要：说明（2017.4.1）： 1. 深拷贝要把对象里的“方法”也复制一份出来，“方法”里的“方法和属性”再判断深浅进行拷贝。 2. 办法就是写一个函数deepCopy，里面判断深浅拷贝，然后每个对象都添加这个deepCopy函数。 阅读全文
  posted @ 2017-04-01 18:08 Jacklovely 阅读(307) 评论(0) 推荐(0) 编辑
• JavaScript高级 面向对象（8）--浅拷贝代码实现
  摘要：说明（2017.3.31）： 1. 浅拷贝，只有值属性，没有引用属性。 2. 在原对象里面添加一个copy方法，返回本对象内的所有值属性。 阅读全文
  posted @ 2017-03-31 15:36 Jacklovely 阅读(221) 评论(0) 推荐(0) 编辑
• JavaScript高级 面向对象（7）--深拷贝与浅拷贝
  摘要：说明（2017.3.31）： 1. 画图： 2. 什么是深拷贝，什么是浅拷贝： 深拷贝：拷贝的时候，将数据的所有引用都拷贝一份。 浅拷贝：拷贝的时候，只对属性进行拷贝。 拷贝：复制一份，指将对象数据复制。（var pCopy = p这个不是拷贝，只是复制了引用） 深拷贝与浅拷贝的区别就是，拷贝完之后 阅读全文
  posted @ 2017-03-31 11:13 Jacklovely 阅读(215) 评论(0) 推荐(0) 编辑
• JavaScript高级 面向对象（6）--值类型与引用类型的存储特征
  摘要：说明（2017.3.31）： 1. 画图： var num = 123; var num2 = num; 值类型赋值的存储特点：将变量num内的数据全部拷贝一份，存储给新的变量num2，内存中有2个数据。 2. 画图： var o = {name: "张三"}; var obj = o; 引用类型赋 阅读全文
  posted @ 2017-03-31 10:17 Jacklovely 阅读(184) 评论(0) 推荐(0) 编辑
• JavaScript高级 面向对象（5）--内存逻辑图画法
  摘要：说明（2017.3.30）： 1. 使用软件diagram designer，DiagramDesignerSetup1.28.zip，很小只有1M多，我用的自带画图软件。教学视频是“JavaScript高级面向对象视频教程视频”02里的03，蒋坤主讲。 2. 题目： （1）var arr = [1 阅读全文
  posted @ 2017-03-30 18:47 Jacklovely 阅读(476) 评论(0) 推荐(0) 编辑
• JavaScript高级 面向对象（5）--最简单的继承方式，混入mix
  摘要：说明（2017.3.30）： 1. 最简单的继承方式，混入mix 阅读全文
  posted @ 2017-03-30 14:45 Jacklovely 阅读(294) 评论(0) 推荐(0) 编辑
• JavaScript高级 面向对象（4）--值类型和引用类型
  摘要：说明（2017.3.30）： 1. 变量只存数据本身就是值类型，如var a = 123, var a = "123"; 变量存的是一个引用，数据存在别的地方，就是引用类型，如数组var a = [1,2,3]。 对比冬天和夏天衣服，放在同一个衣柜里，和分别放在不同房间，告诉房间编号。 2. 阅读全文
  posted @ 2017-03-30 11:36 Jacklovely 阅读(149) 评论(0) 推荐(0) 编辑
• JavaScript高级 面向对象（3）--字符编码
  摘要：说明（2017.3.29）： 1. 数字+上下文=信息，如果是做数学运算，就是数字，如果是输出字符串给用户，就是码表字符。 2. ASCII码，共128个数字，128个数字刚好7个二进制位（2的7次方=128），0~127。 ※ 位就是位置，一个字节有8个二进制位，计算机运行的最小单位是字节，所以总 阅读全文
  posted @ 2017-03-29 16:02 Jacklovely 阅读(227) 评论(0) 推荐(0) 编辑
• JavaScript高级 面向对象（2）--调试工具的使用：音乐循环播放
  摘要：说明（2017.3.29）： 1. 在调试工具console里输入var v = document.createElement("audio")，然后再source的watch里输入v回车，就能看到audio的所有事件，本次使用的是onended事件。 2. json不能直接遍历获得索引，只能通过f 阅读全文
  posted @ 2017-03-29 12:53 Jacklovely 阅读(276) 评论(0) 推荐(0) 编辑
• JavaScript高级 面向对象（1）--添加一个div标签
  摘要：说明（2017.3.28）： 1. JavaScript是一种基于对象的多范式编程语言，不是面向对象，但离开对象不能活。 范式编程是指编程习惯、方式，分为过程式、对象式和函数式编程。 2. 面向对象是指，使用对象进行开发，面向对象是对面向过程的封装。 3. JavaScript面向对象的三个特点，抽 阅读全文
  posted @ 2017-03-28 22:47 Jacklovely 阅读(1485) 评论(0) 推荐(0) 编辑
• JS学习笔记（6）--音乐播放器
  摘要：说明（2017.3.15）： 1. lrc.js里面存储LRC歌词的格式的数组，获取里面的时间轴，转为秒数。 2. 通过audio.currentTime属性，setinterval每秒获取歌曲播放的秒数。 3. 将两个时间比大小，如果“歌曲播放时间”>“歌词时间”，就输出这句歌词。 4. 补充需求 阅读全文
  posted @ 2017-03-15 18:41 Jacklovely 阅读(1241) 评论(0) 推荐(0) 编辑
• JS 保留小数点后面2位小数
  摘要：JS 保留小数点后面2位小数 1. 最笨的办法....... [我就怎么干的.........] function get(){ var s = 22.127456 + ""; var str = s.substring(0,s.indexOf(".") + 3); alert(str);} 2. 阅读全文
  posted @ 2017-03-15 15:03 Jacklovely 阅读(44966) 评论(1) 推荐(0) 编辑
• JS学习笔记（5）--一道返回整数数组的面试题（经验之谈）
  摘要：说明： 1. 微信文章里看到的，作者是马超 网易高级前端技术经理，原文在网上搜不到，微信里可以搜“为什么你的前端工作经验不值钱？”，里面写着“转载自网易实践者社区”。（妈蛋，第二天网上就有了http://bbs.ruoren.com/thread-47371512-1-1.html） 2. 题目是： 阅读全文
  posted @ 2017-03-06 12:14 Jacklovely 阅读(1115) 评论(0) 推荐(0) 编辑
• JS学习笔记（4）--js变量的生命周期
  摘要：http://www.cnblogs.com/williamxiao/p/3499973.html 最近看国外经典教材的时候发现JavaScript与熟知的Java,C,C++都不同的特性，其中一个就是变量的生命周期。 1.在JavaScript中，对于for循环中定义的i变量，其生命周期在循环结束 阅读全文
  posted @ 2017-02-11 00:08 Jacklovely 阅读(1744) 评论(0) 推荐(0) 编辑
• JS学习笔记（3）--json格式数据的添加，删除及排序方法
  摘要：这篇文章主要介绍了json格式数据的添加，删除及排序方法,结合实例形式分析了针对一维数组与二维数组的json格式数据进行增加、删除与排序的实现技巧,需要的朋友可以参考下 本文实例讲述了json格式数据的添加，删除及排序方法。分享给大家供大家参考，具体如下： js数据格式和json数据格式，各有各的用 阅读全文
  posted @ 2017-02-10 17:02 Jacklovely 阅读(966) 评论(0) 推荐(0) 编辑