- 博客(36)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 折半查找（二分查找）
思想:适用于有序的顺序表；给定值key，与表中中间的元素进行比较。如果相等，则查找成功；若不相等，如果key小于中间元素的关键字，则所需查找的元素在顺序表的前半部分，如果是大于，则所需查找的元素在顺序表的后半部分。在缩小的范围内继续同样的查找，一直重复直达找到位置，或者确定表中没有所需要查找的元素，则查找不成功，返回查找失败的信息。中间元素的位置由 （low+high）/2决定（如果遇到小...
2018-05-09 10:02:15
810
原创 ES6之善用数组的fill()
fill()方法 用给定值填充数组用法new Array[3].fill(7) //[7,7,7]与ES5对彼此ES5的写法：var arr = new Array[3];for(var i=0;i<arr.length;i++){ arr[i]=7;}结论 ES6中数组的fill()用法，使得数组填充变得更简洁！代码量少了很多！
2017-10-26 09:37:02
342
原创 val()和.value的区别和用法
今天写了一个demo，实现验证码的倒计时。源代码如下: 无标题文档 var countdown = 3; function settime(btn){ if(countdown==0){ btn.removeAttribute("disabl
2017-10-18 16:17:46
13032
1
原创 ES6之Promise对象
异步 即：先A后B 传统方法：1.回调 2.事件触发传统方法let ajax = function(callback){ setTimeout(function() { callback&&callback.call(); }, 500);}ajax(function(){ console.log('hello')})同样的案例用promis
2017-10-11 16:56:34
365
原创 ES6之Class的常用功能解读
ES5传统写法{ //构造函数法 function Point(x, y) { this.x = x; this.y = y; }}ES6写法——class写法 class写法更加清晰，可以将它看做语法糖。能够让对象原型的写法更像‘面向对象’的语法。{ // 基本定义和生成实例 class Parent {
2017-10-11 15:55:35
420
原创 ES6之Symbol
作用 表示独一无二的值。举个栗子：let a1 = Symbol();let a2 = Symbol();console.log(a1===a2); //false用Symbol声明的两个变量绝对不相等！那么问题来了，如果我们希望重用一个Symbol值怎么办？Symbol.for() let a1 = Symbol.for('foo'); let a2 = Symbol.
2017-10-09 14:54:16
187
原创 ES6之Generate函数的next方法
function* foo(x) { var y = 2 * (yield (x + 1)); var z = yield (y / 3); return (x + y + z);}var b = foo(5);b.next() // { value:6, done:false }b.next(12) // { value:8, done:false }b.next(
2017-09-25 15:32:17
1863
原创 ES6之SET数据结构
set数据结构“：特点：类似于数组，但是成员的值是唯一的，绝对不会重复！本身是一个构造函数，用来生成set数据结构。可以接受一个数组作为参数，用于初始化var set = new Set([1,2,3,4,4])[...set]//[1,2,3,4]
2017-09-23 10:35:18
315
原创 ES6之字符串的遍历器接口
codePointAt() js内部，字符以UTF-16的格式储存，每个字符固定为2字节。对于那些需要4个字符储存的字符，JS会认为它们是2个字符； charCodeAt方法只能分别返回前两个字节和后两个字节的值。ES6提供了codePointAt方法，能够正确处理4个字节储存的字符，返回一个字符的码点。codePointAt方法返回的是码点的十进制值，如果想要十六进制的值，可以使
2017-09-15 21:06:32
331
原创 移动端适配问题
移动端适配问题怎么适配iphone6 1px问题为什么页面与设计稿会出现偏差？dpr=设备像素/ css像素，只有dpr等于1的时候，实际效果和设计稿的尺寸比例才是1:1。因为iPhone6的DPR（设备像素比）为2，设备像素为750，所以iPhone6的理想视口尺寸为375px。因为设计稿是基于设备像素，页面是基于css像素的。css中的宽度是基于理想视口的（宽度375px...
2018-09-12 20:24:15
259
原创 JS作用域——三个黄金法则
词法作用域 VS 动态作用域//在JS里，动态作用域和this机制息息相关。它的作用域诗是在运行的过程中确定的var a = 1;function foo() { var a = 2; console.log( this.a );}foo() //1从上面的代码，我们可以看出：foo中打印a的值不是由写代码的位置确定的，而是取决于foo执行的位置。...
2018-04-17 11:10:08
492
原创 Babel安装教程（mac）
注意：如果没有装node.js，先去装一个！！安装node.js时会默认安装npm。步骤：1、新建一个文件夹，装接下来的所有东西。我新建了一个learn-es6文件夹2、在learn-es6项目文件下创建根目录文件：-package.json-src文件夹 --index.html --js文件夹 ---index.js这一步的关...
2018-04-10 19:47:43
3929
原创 结合GET(),POST()实现一个简单、完整的服务器
结合GET(),POST()实现一个简单、完整的服务器复习一下： 基础模块 作用 fs fs模块用于对系统文件及目录进行读写操作 http 创建服务器。e.g.http.createServer(); queryString 把url带的参数串转化为数组对象 url 直接解析URL中字符串，提炼出我们需要的结果。提示： querystring主要用来解析P
2017-11-15 10:30:46
654
原创 MWeb和七牛云上传照片
MWeb和七牛云上传照片用MWeb时，想用“七牛云”作为默认图床1.淘宝买专业版的MWeb。两块钱搞定2.安装完之后，点开【偏好设置】– 进入【发布版本】点击右下角的【七牛云存储】3.注意：3.1 名称：（可以随便填写）3.2 API地址：注意我图片中用红圈标注的地方——下拉菜单直接从下拉菜单中选择相应的地址（不确定的话就一个个试过来！）不要费力气去官网或者别的地方找了。我在浙江，属于华东地区，如
2017-11-01 21:25:15
1057
原创 从四级区域中找到最后选中的一级
一共四级：1、区划（就是江干区、拱墅区、余杭区、西湖区这几个行政区划）2、派出所级别 3、社区（各个小区，比如清雅苑） 4、楼宇（比如杭州电子科技大学1号楼）注意：如果还没选择，默认的option就是‘--请选择--’要实现的目的：目前选中了“江干区”的“闻潮派出所”，被选中的最后一级是“闻潮派出所”。我们要把目前的最低一级（“闻潮派出所”）传给后台。如何实现？（
2017-10-25 15:38:19
279
原创 ES6之Iterator和for...of
补充知识：ES6中对象允许用表达式作为对象的属性名。let obj = { [propKey]:'zhang', [propValue]:'Greta';}什么是Iterator 是一种接口，为各种不同类型的数据结构提供统一的访问机制。任何数据结构，只要部署Iterator接口，就可以完成遍历。Iterator的基本用法let arr = ['hello','world'];
2017-10-12 10:59:42
157
原创 绝对路径和相对路径
本文的例子：有个test的大文件夹，相对路径：一是相对于当前页面的，如“1.html, ../1.html, ./test/1.html”分别表示和当前页面同一目录下的1.html页面、当前页面所在目录的上一级目录下的1.html、当前页面所在目录中的aaa目录下的1.html；另一种情况是相对于网站根目录来说的，这种写法都是以"/"开头的，如"/1.html, /aaa/1.html
2017-09-28 09:22:24
192
原创 什么是JS中的弱引用？
弱引用 垃圾回收机制不考虑对该对象的引用。也就是说，如果其他对象都不再引用该对象，那么垃圾回收机制会自动回收该对象所占用的内存，不考虑该对象是否还在该弱引用的结构中。注意： 弱引用的对象不可遍历！
2017-09-23 20:14:51
4227
原创 根目录下修改.babelrc文件
学习ES6时，安装和配置Babel时需要在根目录下创建和修改.babelrc文件。先用VSCode创建 .babelrc，再通过shell进行配置以及相关插件的安装。 以修改根目录下的”.babelrc“文件为例：1.打开终端："command+空格" ，然后在spotlight中输入“zhong”，最后按return回车（屡试不爽）2.sudo命令获取权限：sodu -s3.进入根目录：cd
2017-08-31 15:17:33
2290
原创 滚动的通知窗口
方法一（不建议使用）:用HTML标签marquee>标签的属性和用法可以参考：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/marquee和http://www.cnblogs.com/ooooevan/p/5551104.html
2017-08-28 15:13:41
427
原创 特性检测
针对CSS的兼容性检测：要检查浏览器是否支持某个输入类型的控件，可以用inputtypes.type属性if(!Modernizr.inputtypes.date){ //生成日期选择器的脚本}而要检查某个属性，则可以使用input.attribute属性：if(Modernizr.input.placeholder){ //生成占位符提示信息的脚本
2017-08-22 20:25:38
502
原创 向 echarts图标工具栏toolbox中加入自定义图标／图形
向 echarts图标工具栏toolbox中加入自定义图标／图形 echarts
2017-08-16 17:00:10
11859
5
原创 CSS-DOM
CSS2. :first-child 和 :last-childCSS3. :nth-child() 、 :nth-of-type()、h1~*选择器为所有h1元素的下一个同辈元素声明样式。（但是有些浏览器不支持以上选择器）------------------------------------------------------------------用DOM 选择器：
2017-08-15 09:20:20
237
原创 DOM方法
1.createElement 方法创建元素节点var para = document.createElement("p");需要有个变量来保存它，单独用 document.createElement("p"); 的话只是个‘孤儿’，不会在页面上出现。2.appendChild 方法testdiv.appendChild(para);把变量para插入到变量testdiv中
2017-08-04 15:58:51
179
原创 共享 load事件--addLoadEvent
目的：让某个函数在网页加载完毕后立马执行。方法：网页加载完毕后悔触发一个onload事件、与window对象相关联。将想要触发的函数与之关联。1. 情况一：仅一个函数window.load = myFunction 注意：myFunction 后面没有括号
2017-08-02 16:18:51
221
原创 平稳退化的应用举例
要实现一个图片库的效果。####考虑到“平稳退化“，就是说当这段代码片段的js失效的时候，图片库的某些功能会不会受影响？会不会出现，点击图片，出现“该图片无法显示“这种情况。
2017-08-02 10:41:26
266
原创 平稳退化、渐进增强、分离js
什么是平稳退化：如果正确地使用了JavaScript脚本，就可以让访问者在他们的浏览器不支持js的情况下仍然能顺利地浏览该网站。就是说，虽然某些功能无法使用，但是最基本地操作仍能顺利完成。
2017-07-31 10:30:19
407
1
原创 DOM节点
总共12种可取值。但是仅有3种具有使用价值：元素节点的nodeType是1属性节点的nodeType是2文本节点的nodeType是3<td id="john" name="myname">John</td> td是元素节点，name是属性节点，John属于文本节点
2017-07-29 11:25:40
168
原创 事件处理函数的应用——让a不自动跳转
阅读《Jacascript DOM编程艺术》的读书笔记return false;">Fireworks“return false” 可以让标签被点的默认行为不被调用，说白了就是“不自动跳转 ”。另外一个收获是，onclick=""的引号里面可以放任意数量的语句。自己通过尝试，发现同时写两个函数也都会被按顺序调用:return false;">Fireworks先调用 sho
2017-07-28 15:35:27
180
原创 HTML5事件器
HTML5事件1. contextmenu事件目的：用以表示何时应该显示上下文菜单，以便开发人员取消默认的上下文菜单而提供自定义的菜单。 属于鼠标事件，其事件对象中包含与光标位置有关的所有属性。
2017-07-19 12:36:36
214
原创 键盘、文本事件、复合事件、变动事件
3个键盘事件：keydown 按下任意键时触发、keypress按下字符键、keyup释放键盘上的键时触发（以上事件只有用户通过文本框输入文本时菜最常用到）1个文本事件：textInput 文本插入文本框之前会触发。是对keypress的补充，用意是在将文本显示给用户之前更容易拦截文本。（含data属性，data值就是用户输入的字符）keypress和textInput的区
2017-07-19 10:52:13
309
原创 javascript鼠标滚轮事件
mousewheel事件（除了firefox）：用户通过鼠标滚轮与页面交互、在垂直方向上滚动页面时（无论上方还是下方）包含一个特殊信息：wheelDelta属性。当用户向前滚动时，wheelDelta是120的倍数；向后滚动时，是-120的倍数。DOMMouseScroll事件（仅firefox）：有关鼠标滚轮的信息保存在detail属性中。当向前滚动时，这个属性的值是-3的倍数。
2017-07-18 15:14:04
344
原创 《JavaScript学习指南》阅读笔记1（160913）
1、 标签noscript 元素用来定义在脚本未被执行时的替代内容（文本）。注释：如果浏览器支持脚本，那么它不会显示出 noscript 元素中的文本。无法识别 标签的浏览器会把标签的内容显示到页面上。为了避免浏览器这样做，您应当在注释标签中隐藏脚本。老式的（无法识别 标签的）浏览器会忽略注释，这样就不会把标签的内容写到页面上，而新式的浏览器则懂得执行这些脚本，即使它们被包围在注释标签
2016-09-13 15:45:45
213
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人