随笔分类 -  javascript

记录js中重要的东西
关于js的toFixed()方法
摘要：toFixed由于个版本浏览器的支持情况不同，所以不稳定。有的时候四舍五入会直接取小数点后的数字而没有四舍五入。 针对方法改写toFixed： 阅读全文
posted @ 2018-08-02 16:24 myHeartOTW 阅读(330) 评论(0) 推荐(0)
获取字符串的字节长度
摘要：function zijieNum(str) { var byteLen = 0, len = str.length; if (str) { for (var i = 0; i < len; i++) { if (str.charCodeAt(i) > 255) { byteLen += 2; } 阅读全文
posted @ 2017-03-27 16:43 myHeartOTW 阅读(234) 评论(0) 推荐(0)
指定位置加入<br/>
摘要：function addBr(str) { var idx = [0]; var newStr = ""; for (var i = 0; i < str.length; i++) {//这里的判断是判断在中文之后英文之前或则英文之后中文之前 if (((/^[\u4e00-\u9fa5]/.tes 阅读全文
posted @ 2017-03-27 14:13 myHeartOTW 阅读(216) 评论(0) 推荐(0)
常用的数组方法
摘要：1：join()方法通过制定的字符串链接数组元素转成一个字符串 2：pop()：删除并且返回数组最后一个元素 3：slice()：从已有的数组中返回制定的元素。slice(2,5);指的是从第3个元素开始到第6个元素之前的元素取出来组成一个新的数组 4：splice()：从数组中删除制定的下标开始的 阅读全文
posted @ 2017-02-10 11:39 myHeartOTW 阅读(125) 评论(0) 推荐(0)
浏览器对象
摘要：1：window window对象不但充当全局作用域，而且表示浏览器窗口。 window对象有innerWidth和innerHeight属性，可以获取浏览器窗口的内部宽度和高度。内部宽高是指除去菜单栏、工具栏、边框等占位元素后，用于显示网页的净宽高。 兼容性：IE<=8不支持。 // 可以调整浏览 阅读全文
posted @ 2017-01-18 10:53 myHeartOTW 阅读(221) 评论(0) 推荐(0)
ES6 class
摘要：1:class继承 注意PrimaryStudent的定义也是class关键字实现的，而extends则表示原型链对象来自Student。子类的构造函数可能会与父类不太相同，例如，PrimaryStudent需要name和grade两个参数，并且需要通过super(name)来调用父类的构造函数，否 阅读全文
posted @ 2017-01-18 10:06 myHeartOTW 阅读(121) 评论(0) 推荐(0)
js继承
摘要：在传统的基于Class的语言如Java、C++中，继承的本质是扩展一个已有的Class，并生成新的Subclass。 由于这类语言严格区分类和实例，继承实际上是类型的扩展。但是，JavaScript由于采用原型继承，我们无法直接扩展一个Class，因为根本不存在Class这种类型。 但是办法还是有的 阅读全文
posted @ 2017-01-16 17:45 myHeartOTW 阅读(169) 评论(0) 推荐(0)
创建对象
摘要：JavaScript对每个创建的对象都会设置一个原型，指向它的原型对象。 当我们用obj.xxx访问一个对象的属性时，JavaScript引擎先在当前对象上查找该属性，如果没有找到，就到其原型对象上找，如果还没有找到，就一直上溯到Object.prototype对象，最后，如果还没有找到，就只能返回 阅读全文
posted @ 2017-01-16 16:04 myHeartOTW 阅读(156) 评论(0) 推荐(0)
正则表达式
摘要：1：字符串是编程时涉及到的最多的一种数据结构，对字符串进行操作的需求几乎无处不在。比如判断一个字符串是否是合法的Email地址，虽然可以编程提取@前后的子串，再分别判断是否是单词和域名，但这样做不但麻烦，而且代码难以复用。 正则表达式是一种用来匹配字符串的强有力的武器。它的设计思想是用一种描述性的语 阅读全文
posted @ 2017-01-16 14:46 myHeartOTW 阅读(177) 评论(0) 推荐(0)
Date
摘要：1:在JavaScript中，Date对象用来表示日期和时间。 要获取系统当前时间，用： 你可能观察到了一个非常非常坑爹的地方，就是JavaScript的月份范围用整数表示是0~11，0表示一月，1表示二月……，所以要表示6月，我们传入的是5！这绝对是JavaScript的设计者当时脑抽了一下，但是 阅读全文
posted @ 2017-01-16 11:39 myHeartOTW 阅读(207) 评论(0) 推荐(0)
标准对象
摘要：1：包装对象：number、boolean和string都有包装对象 包装对象用new创建： 虽然包装对象看上去和原来的值一模一样，显示出来也是一模一样，但他们的类型已经变为object了！所以，包装对象和原始值用 比较会返回false： 总结一下，有这么几条规则需要遵守： 不要使用new Numb 阅读全文
posted @ 2017-01-16 10:52 myHeartOTW 阅读(151) 评论(0) 推荐(0)
左右添加和删除
摘要：自己写的一个网页里面的删除和新增的js。逻辑过于复杂，而且不能实现所有的功能。但是也是自己的一些成果。有借鉴的可以问问我 //点击的是二级权限 $(".select").click(function () { var m = 0; //阻止事件冒泡 var e = event || window.e 阅读全文
posted @ 2017-01-14 17:07 myHeartOTW 阅读(236) 评论(0) 推荐(0)
箭头函数
摘要：箭头函数：Arrow Function 1：在ES6里面新增了箭头函数：x => x * x 相当于function (x) {return x * x;} 2：箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种像上面的，只包含一个表达式，连{ ... }和return都省略掉了。 阅读全文
posted @ 2017-01-14 14:58 myHeartOTW 阅读(188) 评论(0) 推荐(0)
事件冒泡
摘要：在li标签里面加了一个checkBox。li的点击事件和checkBox的点击事件都是想实现checkBox选中。这时就造成了事件冒泡。 事件冒泡：在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者 阅读全文
posted @ 2017-01-13 14:55 myHeartOTW 阅读(169) 评论(0) 推荐(0)
选中状态改变，并且实现左边选中便便添加
摘要：$('.tr_detail>td').click(function () { $('#waring').show('slow'); $("#list tr").sorted({ reversed: true }); var i = $(this).find('i'); if (i.attr('cla 阅读全文
posted @ 2017-01-12 12:49 myHeartOTW 阅读(205) 评论(0) 推荐(0)
appcan.slider.js探索
摘要：1：-moz代表firefox浏览器私有属性 -ms代表IE浏览器私有属性 -webkit代表chrome、safari私有属性 2：定义新模块：appcan.define(name,function(){}) 创建一个新模块 appcan.define(name,defineCall) name: 阅读全文
posted @ 2017-01-07 14:32 myHeartOTW 阅读(414) 评论(0) 推荐(0)
js语法重点
摘要：1：最新的ES6规范引入了新的数据类型Map；var m = new Map([['Michael', 95], ['Bob', 75], ['Tracy', 85]]);m.get('Michael'); // 95 2:设置超出一行后用...来表示剩余内容 具有iterable类型的集合可以通过 阅读全文
posted @ 2017-01-06 18:36 myHeartOTW 阅读(258) 评论(0) 推荐(0)
canvas动画
摘要：1、动画主要是requestAnimationFrame方法，现在我们来一步步实现一个在画布内滚动的实例。 html代码： <canvas id="canvas" width="400" height="200" style="background:#fff;"></canvas> js代码： 如果 阅读全文
posted @ 2016-12-29 10:25 myHeartOTW 阅读(186) 评论(0) 推荐(0)
canvas绘图
摘要：3、绘制三角形 参数说明： ctx: canvas画布 conf: 配置项，提供以下一些配置 x： 中心点横坐标 y： 中心点纵坐标 num: 多边形的边数 r：多边形的半径长度 width：多边形线的宽度 strokeStyle：边线的颜色 fillStyle：填充的颜色 绘制一个六边形，边框为蓝 阅读全文
posted @ 2016-12-29 10:08 myHeartOTW 阅读(244) 评论(0) 推荐(0)