JavaScript
bobocode1
全栈工程师
展开
-
javascript BOM
open 方法 open(url,mode,parameter) mode: _blank:在新窗口显示目标网页 _self:在当前窗口显示目标网页 _top:框架网页中在上部窗口中显示目标网页 parameter window.navigator.userAgent userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值。 验证原创 2017-02-17 09:06:17 · 194 阅读 · 0 评论 -
如何写自己的 Visual Studio Code 扩展插件
如何写自己的 Visual Studio Code 扩展插件原创 2018-11-21 08:39:06 · 811 阅读 · 0 评论 -
ES6 (Es2015) 光速入门
ES6 (Es2015) 的新特性之旅原创 2018-11-13 11:37:00 · 235 阅读 · 0 评论 -
TypeScript 几个特点
特点 typeScript 是 javascript 的超集,扩展了语法类 Classes 接口 interfaces 模块 Modules 类型注解 Type annotaions 编译时类型检查 Compile time type checking Arrow函数(类似c#的Lambda) 类型批注 function Add(left :number,right :number) :numbe原创 2017-03-07 23:24:12 · 3045 阅读 · 0 评论 -
javascript 解惑
事件委托<ul id="todo-app"> <li class="item">Walk the dog</li> <li class="item">Pay bills</li> <li class="item">Make dinner</li> <li class="item">Code for one hour</li> </ul> 元素绑定事件监听器,更高效的解决方案是将一个事原创 2017-03-05 15:49:02 · 281 阅读 · 0 评论 -
javascript面相对象编程
javascript面相对象编程 OOP 抽象:抓住核心问题 封装:只能通过对象访问方法 继承:从已有对象继承出新的对象 多态:多对象的不同形态 工厂模式和构造函数 function createPerson(name){ var obj = {}; obj.name = name; obj.sayName = function(){ ale原创 2017-02-22 22:56:58 · 305 阅读 · 0 评论 -
DOM 优化
用于操作XML和HTML的应用程序 DOM节点 DOM树 DOM API getElementById childNodes appendChlid innerHTML DOM 和 javascript 如两座独立的岛,岛之间的联系如桥一样,往返次数少,则性能好 innerHTML 与 DOM方法的对比 Chrome(webkit): DOM 方法比innerHTML性能好 IE ,firefo原创 2017-02-19 11:15:47 · 333 阅读 · 0 评论 -
javascript 值得注意的一些问题
1声明定义://结果为NaN,因为x没有赋值。 var x, y = 1; console.log(x + y);2.作用域if (true) { var x = 5; } console.log(x); // 5es6:if (true) { let y = 5; }console.log(y); //ReferenceError: y is not defined1234//全局变量上浮 con原创 2017-02-18 22:56:17 · 240 阅读 · 0 评论 -
javascript event
1.焦点事件onfocus //不是所有的元素都接受焦点,有相应用户操作的元素才行 obj.focus() //百度效果 onblur obj.blur() obj.select() //选择全选的内容2.event事件对象和clientX,clientYevent 事件对象 (在事件函数中调用才有效) 兼容性 内置的全局对象 event: IE 显示为原创 2017-02-18 13:29:17 · 199 阅读 · 0 评论 -
javascript 小彩蛋
javascript彩蛋1.定时器setTimeout(function(sum){ alert(sum); },1000,123);2.字符串拼接function str(){ var html ='<div class="panel panel-success"> \ <div class="panel-heading">\ <h3 class="panel原创 2017-02-18 13:21:27 · 604 阅读 · 0 评论 -
无缝图片左右播放案例
&lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;title&gt;无缝图片左右播放案例&lt;/title&am原创 2019-02-15 10:26:32 · 370 阅读 · 0 评论