
Javascript
文章平均质量分 58
mqy1023
https://github.com/mqy1023
展开
-
TypeScript基础学习
一、简介1、什么是TypeScriptTypeScript是JavaScript的超集,继承的基础上扩展了JavaScript,它可以实现强类型,静态类型检查的一门语言2、为什么需要TypeScript简单来说就是因为JavaScript是弱类型的动态类型语言, 很多错误只有在运行时才会被发现而TypeScript提供了一套静态检测机制, 可以帮助我们在编译时就发现错误3、TypeScript特点支持最新的JavaScript新特特性支持代码静态检查支持诸如C,C++,Java,Go等后原创 2021-12-08 19:35:41 · 1047 阅读 · 0 评论 -
jQuery JS 如何改变页面上的数字
只需要在控制台上执行下面代码,就可改变页面上相应内容的值一、高亮页面上的所有数字(function hilightNumber(jqObj) { // 不能替换script标签里的数字 var domObj = jqObj[0]; if (domObj.nodeName == "SCRIPT") { return; } // 如果标签里有标签,我们也不作替换,而是递归进去遍历内层的标签。 var children = jqObj.child原创 2021-07-15 13:54:45 · 852 阅读 · 0 评论 -
AngularJs入门实例
《一》、四大核心思想 1、依赖注入 2、模块化 3、双向绑定 4、语义化标签《二》、使用ng指令 1、ng-app 指令定义了AngularJs应用程序 2、ng-controller 定义了控制器, 用于控制 AngularJS 应用 3、ng-init 指令为 AngularJS 应用程序定义了 初始值。 4、ng-model 指令把元素值(比如输入域的原创 2016-05-30 19:41:33 · 2271 阅读 · 0 评论 -
【转】Backbone架构+流程图
学习web也有两个多月的时间了。从最开始的html、css、javascript到jquery、requireJs到上周末浅尝AngularJs,貌似接触的东西还是挺多的了 + 鉴于项目组用的backbone框架,it‘s time to 吃透backbone了哈。 其实五月份一直也在看backbone相关技术博客,只不过迷迷糊糊地也不知道了解了多少,一直都木有分享backbon转载 2016-05-31 23:59:07 · 1725 阅读 · 0 评论 -
《其实你并不需要Lodash / Underscore》
一、unshift向数组添加的第一个元素const data = ['1', '2', '3'];data.unshift('0');console.log(data); // ["0", "1", "2", "3"]二、Array.from(); creates a new Array instance from an array-like or iterable object.翻译 2016-12-07 18:41:32 · 7095 阅读 · 0 评论 -
Lodash中10个可被ES6替代的特性
原文链接 1. Map, Filter, Reduce 搭配arrow箭头函数使用_.map([1, 2, 3], function(n) { return n * 3; });// [3, 6, 9]_.reduce([1, 2, 3], function(total, n) { return total + n; }, 0);// 6_.filter([1, 2, 3], fu翻译 2016-08-06 18:22:53 · 7047 阅读 · 0 评论 -
【转】requirejs的用法
来源:http://www.haorooms.com/post/js_require_zz之前我的一片文章介绍过requirejs,具体地址是:http://www.haorooms.com/post/RequireJS_mkh_jz ,今天看到阮一峰博客上面对于requirejs的介绍比较通俗易懂,今天转载一下!一、为什么要用require.js?最早的时候,所有转载 2016-05-10 00:45:07 · 1276 阅读 · 0 评论 -
javascript进阶(五)— — Promise初探
github原文地址一、Promise1、Promise,首先是一个对象,用来传递异步操作的消息。它代表了某个未来才会知道结果的事件(通常是一个异步操作),并且这个事件提供统一的API,可供进一步处理。 2、Promise对象只有三种状态。 异步操作“未完成”(pending)异步操作“已完成”(resolved,又称fulfilled)异步操作“失败”(rejected)Promise对象原创 2016-08-04 18:19:51 · 746 阅读 · 0 评论 -
【转】ES6-for-humans
原文链接:https://github.com/metagrover/ES6-for-humansES6 for HumansTable of Contentslet, const and block scopingArrow FunctionsDefault Function ParametersSpread/Rest OperatorObject Literal转载 2016-07-29 18:36:54 · 1150 阅读 · 0 评论 -
【转】js中的闭包
js中为什么要使用闭包?先介绍一下全局变量和局部变量的优缺点:全局变量:在全局环境下声明的变量为全局变量,全局变量在任何地方都可访问,且一直保存在内存中只到应用程序退出(关闭网页或浏览器)时才被销毁。但是过多的声明全局变量容易造成全局污染,且全局变量容易被修改。局部变量:在函数环境下声明的变量为局部变量,局部变量仅在函数内部可访问,当函数执行完毕时就会被销毁。局部变量不会造成全局污染也不容易被修改...转载 2018-03-08 12:57:00 · 207 阅读 · 0 评论 -
优雅的underscore
1. 函数1.1. template1.2. _.now()1.3. uniqueId1.4. random1.5. delay2. 对象2.1. isEqual2.2. pick/omit2.3. extend2.4. map3. 数组3.1. union3.2. range3.3. each3.4. reduce3.5. filter/where3.6. pluck3.转载 2016-05-23 20:53:25 · 1745 阅读 · 0 评论 -
underscore.js模板内循环输出
一、for遍历1、其中js端中定义 var arrs = [{name: 'haha', name: 'hi'];2、使用 _.template(xxx_tpl)({arrs: arrs});// xxx_tpl.html<% for (var i = 0; i < arrs.length; i++) { %> <li ><span class="xxx"></span><%=a原创 2017-04-18 09:38:04 · 1854 阅读 · 0 评论 -
javascript进阶(五)— — 理解正则表达式
《原文地址》理解正则表达式在我初学正则表达式的时候,走了一些弯路,强行记忆了很多符号和用法。等到我有更深入的理解的时候我发现,从翻译和概念的角度上切入,学习起来会顺畅得多。本文以JavaScript里的正则表达式为例,讲解其中的关键要素。希望能帮助到初学者。注:也只限于阐述关键要素,不会事无巨细地展开。何为正则表达式?在中文语境里,「转载 2016-05-28 15:19:03 · 830 阅读 · 0 评论 -
JavaScript基础篇(五)— — 函数(1)
一、函数基础 1、返回值:如果某个函数没有显式的return返回值,默认它的返回值为undefined 2、参数:内建变量arguments,能返回函数所接收的所有参数 3、预定义(内建)函数 —— isNaN: a、检测parseInt / parseFloat调用是否成功。 b、NaN不存在等值的概念, 也就是说表达式NaN === Na原创 2016-04-26 12:53:30 · 2423 阅读 · 0 评论 -
JavaScript基础篇(一)— — 快速入门
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide 慕课网《深入浅出JS》:http://www.imooc.com/learn/277 JavaScript 标准参考教程(阮一峰)http://javascript.ruanyifeng.com/ 廖雪锋:http://www.liaoxuefeng.com/wiki/0原创 2016-03-13 20:45:35 · 619 阅读 · 0 评论 -
【转】《10段代码打通 JS 学习的任督二脉》
原文地址JavaScript 的核心是支持面向对象的,同时它也提供了强大灵活的 OOP 语言能力。本文从对面向对象编程的介绍开始,带您探索 JavaScript 的对象模型,最后描述 JavaScript 当中面向对象编程的一些概念。JavaScript回顾如果您对 JavaScript 的概念(如变量、类型、方法和作用域等)缺乏自信,您可以在重新介绍 Ja转载 2016-08-03 21:34:27 · 428 阅读 · 0 评论 -
javascript进阶(二)— — 小技巧合集
一、 == 与 ===的区别 1、==可以允许进行类型转换后进行比较 2、===只用于浅拷贝的对象进行比较,引用地址不一致则false [12] === 12 // is false[12] == 12 // is true [] == 0 // is true [] === 0 // is false '' == false原创 2016-05-05 19:02:06 · 546 阅读 · 0 评论 -
JavaScript基础篇(三)— — DOM事件揭秘
(1)、理解事件流 a、事件是文档/IE 窗口中发生的特定交互瞬间 (2)、使用事件处理程序 (3)、不同的事件类型 一、事件流 事件流描述的是从页面中接受事件的顺序。 IE的事件流是事件冒泡流,而Netscape的事件流是事件捕获流 1、事件冒泡 事件冒泡,即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上转播至最不具体的节点(文档)。 2、事件捕获原创 2016-03-13 23:58:50 · 443 阅读 · 0 评论 -
【转】javascript进阶(三)— — JavaScript面向对象简介
原文地址参考链接JavaScript 的核心是支持面向对象的,同时它也提供了强大灵活的 OOP 语言能力。本文从对面向对象编程的介绍开始,带您探索 JavaScript 的对象模型,最后描述 JavaScript 当中面向对象编程的一些概念。JavaScript回顾如果您对 JavaScript 的概念(如变量、类型、方法和作用域等)缺乏自信,您可以在重新介转载 2016-05-24 20:28:03 · 621 阅读 · 0 评论 -
javascript进阶(一)— — js暗点
1、包装对象var a = "string";alert(a.length);//6a.t = 3;alert(a.t); //undefinedjavascript让”string”基本类型会转换成 String(Object)【new String(“string”);】包装类型临时对象,所以可以a.length获取长度,a.t设置之后该临时对象会销毁掉,所以获取不到a.t的值 2、{原创 2016-05-03 18:22:18 · 896 阅读 · 0 评论 -
JavaScript基础篇(四)— — 函数
一、函数定义函数重复声明,后一次的函数声明会覆盖了前面一次函数声明语句function plus(x ,y) {}声明式会让函数前置,所以在声明函数之前调用它也是可以调用成功的 * 函数定义表达式var plus = function (x, y) {}Function构造函数var add = new Function('x', 'y', 'return (x + y)' );//原创 2016-04-25 18:42:34 · 696 阅读 · 0 评论 -
javascript进阶(四)— — 异步编程
《一》、异步编程的主要方法 一、回调函数(异步编程最基本方法) 如果有两个函数f1和f2,f2依赖f1的计算结果,而f1是一个很耗时的操作。那么把f2当成f1的回调函数: // 1. 异步编程之回调函数 function f2(num) { console.log('1. 异步编程之回调函数') console.log(num + 1原创 2016-05-28 15:11:04 · 704 阅读 · 0 评论 -
JavaScript基础篇(二)— — DOM事件基础
一、DOM文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。一、 三种常见的DOM节点: 1. 元素节点:上图中<html>、<body>、<p>等都是元素节点,即标签。2. 文本节点:向用户展示的内容,如<li>...</li>中的JavaScript、DOM、CSS等原创 2016-03-13 23:33:27 · 545 阅读 · 0 评论