JavaScript
使用 Webix 创建 Email 客户端
Webix 是一个JavaScript UI 库，提供了多达88个UI小部件和功能丰富的 CSS/HTML5 JavaScript 控件。使用 Webix 可以有效地加快 Web 应用的开发。文本将演示了如何通过 Webix 框架，来创建一个 Email 客户端原型。 安装 Webix 可以下载 Webix 的 JS、CSS 文件，但最快的方式是使用 Webix 的 CDN， 如下： <!D...
JSONP - 从理论到实践 原创
同源策略 ajax之所以需要“跨域”，罪魁祸首就是浏览器的同源策略。即，一个页面的ajax只能获取这个页面相同源或者相同域的数据。 如何叫“同源”或者“同域”呢？——协议、域名、端口号都必须相同。例如： http://google.com 和 https://google.com 不同，因为协议不同； ...
学习JavaScript之闭包
闭包在我的前端学习中一直也是盲点，之前很多次看到别人提到我都是完全听不懂。最近一直看书和写demo，对闭包也逐渐有所理解了，在这里写下这篇文章。 从作用域链讲起 首先明确几个概念： JavaScript有函数级作用域，但没有块级作用域。 当要使用一个变量时，会沿着作用域链一步一步向上查找。 这里有一个demo： var a = 1 function foo () { var a = 2 } foo...
学会Hogan，就那么几句！ 原创
先贴个Hogan的github地址镇楼：https://github.com/twitter/hogan.js 在实战课《手把手从0打造企业级电商平台-前端实战》里，很多同学反馈对Hogan模板引擎不太熟悉，这里整理个手记，对它介绍一下。Hogan是一个非常简单的模板引擎，可以把它理解成Mustuche语法的编译器。Hogan简单到只有六七条语法，可以说是目前最简单的模板引擎了，估计以后也仍然会是...
text方法，基于“onkeypress事件【案例1：用户无法再输入框
本文根据笔者上一篇文章：“理解onkeypress事件【案例1：用户无法再输入框里输入数字】”中所引用的“text”知识点，单独花一篇篇幅来详解"text"。 代码如下： <body> <script type="text"/javascript"> var str="...
实战——使用flv.js做直播
本文作者：ivweb 吴浩麟 原文出处：IVWEB社区 未经同意，禁止转载 为什么要在这个时候探索flv.js做直播呢？原因在于各大浏览器厂商已经默认禁用Flash，之前常见的Flash直播方案需要用户同意使用Flash后才可以正常使用直播功能，这样的用户体验很致命。 在介绍flv.js之前先介绍下常见的直播协议以及给出我对它们的延迟与性能所做的测试得出的数据。 如果你看的很吃力可以先了解下音视频...
Dom节点操作常用方法和获取文本内容
1. 操作常用方法 1.1 访问/获取节点 document.getElementById(id); //返回对拥有指定id的第一个对象进行访问 document.getElementsByName(name); //返回带有指定名称的节点集合 注意拼写:Elements document.getElementsByTagName(tagname); //返回...
html，css，js实战过程中的笔记
断断续续地前端学习有一年半了，慢慢地有了自己的一套学习方法，从一开始的看书，问人，上慕课的各种小课程，做笔记。下面是自己的笔记，比较杂乱还没有整理过，上传到慕课手记在线保存一下。 DOM探秘事件 1.注意js的位置，一般会是另外一个文件 2.跨浏览器的事件处理：恰当的使用能力检测。封装在一个对象内，eventUtil 3.事件对象event，含属性和方法 属性：type target QQ登陆界面...
关于session与cookie的理解
<!DOCTYPE HTML> <html> <body> <script type="text/javascript"> if (localStorage.pagecount) { localStorage.pagecount=Number(localStorage.pagecount) +1; } else { localSt...
jquery中的ajax方法【参数】总是记不住，看这里
转载：http://www.cnblogs.com/tylerdonet/p/3520862.html AJAX 是一种用于创建快速动态网页的技术。 1.url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。 2.type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法， 例如put和delete也可以使用，但仅部分浏览器支...
javascript黑科技之高效填充
前两天看了下导致react、babel打包失败的left-pad 14行源码，的确是存在黑科技啊，可以把填充缩短到只填充2的n次方中的n次。其中还有关于位操作符的运用，很好很强大。 不过由于太简单了，代码太少，所以运用场景比较单一，一些复杂场景也不能返回正确想要达到的值。我就在这基础上进行了优化，并且给出了位操作的替代处理方案，效率和源代码一样。以下是相关代码，并在github上附上了对应的单元测...
JavaScript 正则表达式 笔记
JavaScript 正则表达式 Regular Expression 使用单个字符串来描述、匹配一系列符合某个句法规则的字符串。 按某种规则去匹配符合条件的字符串。 不同编程语言的正则表达式略有不同。 w3school文档： http://www.w3school.com.cn/jsref/jsref_obj_regexp.asp imooc视频： http://www.imooc.com/le...
理解onkeypress事件【案例1：用户无法再输入框里输入数字】
本程序源代码可在“W3C”网站下载，下文是以此源代码作为案例来分析 <body> <script type="text/javascript"> function noNumbers(e) { var keynum var keychar var numcheck if(window.event) // *兼容IE浏览器 { ke...
插入节点appendChild()
需要四个步奏 var otest = document.getElementById("test"); //获取父元素 var newnode=document.createElement("li");//创建子标签名 newnode.innerHTML="PHP";//更改标签内容 otest.appendChild(newnode);...
W3Cschool——初级脚本算法题 原创
前言 偶然看到W3Cschool上有个编程挑战，里面的题目前是面向前端方面的，也有一些算法和数据结构的题在，我花了两天的时间把16道初级脚本算法的题完成并做一个思路分享，从中有一定的收获，题目从实际出发，需要灵活运用各个JS对象的属性和方法才能完成，反复的加深了我对这些方法的认识和理解以及运用，也锻炼了我的逻辑思维能力。做这些题确实很有帮助，以后有时间每天再去做一两道中级的，最后再整理出来把我的解...
推荐作者
热门手记
-
学会Hogan，就那么几句！
1084浏览 22推荐 2评论 -
当 better-scroll 遇见 Vue
4658浏览 60推荐 4评论 -
使用 Webix 创建 Email 客户端
14浏览 2推荐 0评论 -
W3Cschool——初级脚本算法题
211浏览 5推荐 1评论 -
12个常规前端面试题及小结
438浏览 9推荐 0评论