js - 随笔分类 - hsle

最全前端资源汇集

摘要：前晚从@张鑫旭微博处得一份推荐，号称最全的资源教程－前端涉及的所有知识体系；有粗略查看，果然“叹为观止”，至少比想象中涉猎丰富许多；果断有Fork了来：Front-end-tutorial;本就有收藏&分享欲，这种事儿早期也想做了，勘叹见识未广而深；幸遇这良心收集，得以借他人之酒杯，一浇我心之夙愿块阅读全文

posted @ 2016-05-31 09:51 hsle 阅读(193) 评论(0) 推荐(0)

学习内容

摘要：人的存在是为了创建价值，群的存在是为了解决问题，你的存在是为了问题快速解决。为了使你的问题得到快速的解决，请抽空阅读以下约定：如果你暂时没有问题，可直接进入解决问题环节：https://gist.github.com/jikeytang一. 如何提问:1. 请提供能重现问题的url或资源demo文... 阅读全文

posted @ 2015-01-14 14:41 hsle 阅读(281) 评论(0) 推荐(0)

Gulp入门教程

摘要：Gulp入门教程前言最近流行前端构建工具，苦于之前使用Grunt，代码很难阅读，现在出了Gulp，真是摆脱了痛苦。发现了一篇很好的Gulp英文教程，整理翻译给大家看看。为什么使用GulpGulp基于Node.js的前端构建工具，通过Gulp的插件可以实现前端代码的编译（sass、less）、压缩、测... 阅读全文

posted @ 2015-01-07 17:26 hsle 阅读(222) 评论(0) 推荐(0)

seajs的CMD模式的优势以及使用

摘要：seajs的CMD模式的优势以及使用之前有一篇博客非常详细的介绍了sea.js的加载流程，以及源代码实现，链接地址：http://www.cnblogs.com/chaojidan/p/4123980.html这篇博客我主要讲下sea.js的介绍和使用。首先，先介绍下sea.js的CMD规范，以及跟... 阅读全文

posted @ 2015-01-07 15:24 hsle 阅读(130) 评论(0) 推荐(0)

正则

摘要：JavaScript--正则表达式正则表达式(regular expression)对象包含一个正则表达式模式(pattern)。它具有用正则表达式模式去匹配或代替一个串(string)中特定字符(或字符集合)的属性(properties)和方法(methods)。正则表达式构造函数： new ... 阅读全文

posted @ 2015-01-07 15:18 hsle 阅读(130) 评论(0) 推荐(0)

Grunt

摘要：Grunt这货是啥？最近很火的前端自动化小工具，基于任务的命令行构建工具http://gruntjs.comGrunt能帮我们干啥？在开始介绍前，先向大家描述下面的场景:【场景1：项目开始前】先建立一个 projA 的文件夹再建 html css js images （建5个或以上文件夹，花费1分... 阅读全文

posted @ 2015-01-07 15:03 hsle 阅读(146) 评论(0) 推荐(0)

Javascript 异步加载详解

摘要：本文总结一下浏览器在 javascript 的加载方式。关键词：异步加载（async loading），延迟加载（lazy loading），延迟执行（lazy execution），async 属性， defer 属性一、同步加载与异步加载的形式1. 同步加载我们平时最常使用的就是这种同步加载形式... 阅读全文

posted @ 2015-01-07 15:02 hsle 阅读(239) 评论(0) 推荐(0)

JavaScript跨域

摘要：由于同源策略的限制，JavaScript跨域的问题，一直是一个比较棘手的问题，为了解决页面之间的跨域通信，大家煞费苦心，研究了各种跨域方案。之前也有小网同学分享过一篇“跨域，不再纠结” 开始照着尝试时还是有些不够明白的地方，深入了解之后，这里给大家补充一点更具体的做法。先来看看哪些情况下才存... 阅读全文

posted @ 2015-01-07 14:54 hsle 阅读(4525) 评论(0) 推荐(0)

Javascript模块化

摘要：一、原始写法模块就是实现特定功能的一组方法。只要把不同的函数（以及记录状态的变量）简单地放在一起，就算是一个模块。 function m1(){ //... } function m2(){ //... }上面的函数m1()和m2()，组成一个模块。使用的时候，直接调用就行了。这... 阅读全文

posted @ 2014-12-23 17:47 hsle 阅读(131) 评论(0) 推荐(0)

js基本语法

摘要：7.number && 数据转换为 number类型初始化： var number = new Number('23');//使用构造函数创建 * 使用typeof操作符返回 'object';使用type函数返回'number'; var number = 23; //直接量方... 阅读全文

posted @ 2014-12-21 21:45 hsle 阅读(673) 评论(0) 推荐(0)

Document Object Model

摘要：1. DOM => Document Object Model(文档对象模型); DOM是一个树形结构;由Node\Element(节点\元素)构成;2.Node\Element; element.id\element.className\element.value\.... element.... 阅读全文

posted @ 2014-12-21 21:44 hsle 阅读(214) 评论(0) 推荐(0)

对象的创建

摘要：外部属性定义方式/* 在js中并不存在类，所以可以直接通过object来创建对象但是使用如下方式创建，带来最大的问题是，由于没有类的约束无法实现对象的重复利用，并且没有一个约定，在操作时会带来问题*/var person = new Object();person.name =... 阅读全文

posted @ 2014-12-15 19:22 hsle 阅读(520) 评论(0) 推荐(0)

函数深入理解---函数的属性length和方法call 和apply

摘要：函数同样有两个非常好用的属性：length 和prototypefunction fn1(){}function fn2(num1,num2){}function fn3(num1){}//函数的length就表示该函数所期望的参数值alert(fn1.length) // 0alert(fn2.l... 阅读全文

posted @ 2014-12-15 14:51 hsle 阅读(203) 评论(0) 推荐(0)

函数深入理解---函数的内部属性arguments和this

摘要：argumentsfunction say(num){ /* 在函数对象中有一个属性叫做arguments,通过这个属性可以获取相应的参数值，这个属性是一个数组，其实就是传递进来的参数 */ console.log(arguments.length);... 阅读全文

posted @ 2014-12-12 17:55 hsle 阅读(298) 评论(0) 推荐(0)

函数深入理解---返回值为函数

摘要：返回值为函数function fn1(arg){ //此时返回的是一个函数对象 var rel = function(num){ return arg + num; } return rel; //直接返回一个可以调用的函数}//此时f是一个函数对象，可以完成... 阅读全文

posted @ 2014-12-12 16:44 hsle 阅读(464) 评论(0) 推荐(1)

函数深入理解---函数的值传递

摘要：函数的值传递//由于函数是对象，所以可以直接把函数参数传递进来function callFun(fun,arg){ //第一个参数就是函数对象 return fun(arg);}function sum(num){ return num +100;}function say(str... 阅读全文

posted @ 2014-12-12 16:30 hsle 阅读(206) 评论(0) 推荐(1)

函数深入理解---函数的重载

摘要：函数的重载function sum(num1,num2){ return num1+num2;}var sum = function(num1,num2){ return num1+num2;}function sum(num1){ return num1 + 100;}函数的对象... 阅读全文

posted @ 2014-12-12 16:22 hsle 阅读(188) 评论(0) 推荐(1)

函数深入理解---函数的定义方式

摘要：函数的定义方式//第一种定义方式function fn1(){ alert('fn1');}/*函数就是一个非常特殊的对象，是一个Function类的实例，其实在内存中存储的操作是通过一个键值对来存储的*/console.log(typeof fn1);//由于函数是一个对象，所以可以通过... 阅读全文

posted @ 2014-12-12 15:21 hsle 阅读(143) 评论(0) 推荐(0)

DOM模型和事件处理---事件处理

摘要：常用的事件方式常规的事件处理方法无法批量的为节点添加事件，所以一般都是通过如下方式进行事件操作//另外一种创建事件的方式，基本上都是使用这种方法var btn = document.getElementById('btn');btn.onclick = function(event){ //会... 阅读全文

posted @ 2014-12-12 14:59 hsle 阅读(767) 评论(0) 推荐(1)

DOM模型和事件处理---节点操作

摘要：parentNode属性element.firstChild 返回当前对像的父结点，即上级容器，var element = document.getElementsByTagName('ul');var oElement = element[0].parentNode;for(var i = 0;i... 阅读全文

posted @ 2014-12-12 11:03 hsle 阅读(444) 评论(1) 推荐(1)

随笔分类 - js