摘要：
假设我们已经了解什么是同源策略，以及什么是浏览器的同源策略的限制。现在我们需要在a.demo.com下的某个页面one.html 里加载不同域b.demo.com下的json数据。我们都知道用我使用webstorm自带的浏览器查看功能，所以当我打开时，他的地址栏是这样的：http://localho... 阅读全文
摘要：
我们经常使用一些excel表格来处理数据，在html中，我们可以用table来制成表格。今天来看一下一些不同的方法。方法一：使用CSS3的background的linear-gradient属性linear-gradient表示一种线性渐变，指定好开始的坐标，以及线性渐变的参数，就可以实现背景颜色的... 阅读全文
摘要：
###DataURL基本原理在网页中我们通常用下面的方式来引用一张图片，这样当我们请求网页的时候，浏览器也会想服务器发起一个请求，去请求这张图片。 现在有一种另一种方式： 这种方式叫做DataURL技术，它是将图片对应的二进制代码，通过base64转换成可以打印的字母数字的形式。这种方式需要有要求... 阅读全文
摘要：
粗略的Canvas API1、 contextvar context = canvas.getContext('2d');2、Canvas statecontext.save();//将当前状态压入状态栈中，保存当前的状态context.restore();//将状态栈中的栈顶元素出栈，恢复上次的状... 阅读全文
摘要：
转载自：Angular 2.0 的设计方法和原则在开始实现Angular 2.0版本之际，我们认为应该着手写一些东西，告诉大家我们在设计上的考虑，以及为什么做这样的改变。现在把这些和大家一起分享，从而有助我们做出正确选择。Angular 2 是一个针对移动应用的框架。它同时也支持桌面环境，但是移动端... 阅读全文
摘要：
背景作为一个搞了两年java开发的学生，在接触到前端开发各种新奇，还有美好的理想之后便对前端欲罢不能，遂于2015年5月正式投入前端开发的大怀抱。于我而言，前端开发是一个充满新奇，刺激，挑战的领域，我感觉到前端正在变得越来越重要，对一个互联网产品的印象也越来越大。踏上征途5月，各大公司的实习生招聘已... 阅读全文
摘要：
众所周知，javascript中有两种for循环，一种是： var a=['this','is','a','article'], i, len; for( i = 0,len = a.length... 阅读全文
摘要：
在使用bootstrap中，我们会经常用到按钮组，也就是btn-group，如果仔细观察的话，会发现一个按钮组的第一个和最后一个按钮分别是有圆角的，如下图：但是中间的按钮是没有圆角的，这样显得比较美观。在结合angular使用过程中，有时候需要根据一些条件来隐藏掉一些按钮，当隐藏第一个或最后一个按钮... 阅读全文
摘要：
今年5月开始前端之旅，学**4个月之后，于9月底，参与了一个商城厂家后台的前端页面的开发，所做的内容并不多，但是在这段时间的收获却不少。接下来将详细谈谈这些收获。 1）参与项目之前应该做什么 在实*刚开始的时候，主要是从git上clone代码，然后自己在前辈的指导下查看代码结构，理解整个流... 阅读全文
摘要：
一、伪类CSS伪类用于向某些选择器添加特殊的效果，在W3规范中，CSS伪类有如下几个：CSS2.1:active：向被激活的元素添加样式（激活是指点击鼠标那一下）:focus：向拥有键盘输入焦点的元素增加样式 :hover：当鼠标悬浮在元素上方时，向元素增加样式:link：向未被访问的链接增加样式:visited：向已被访问的链接增加样式:first-child：向元素的第一个子元素增加样式... 阅读全文
摘要：
在进行DOM优化时需要关注的问题有：修改DOM的时候，会引起页面的重排，重绘。因为JS是单线程执行的，那么在重排重绘的过程中可能会阻塞用户的操作。为了更好的用户体验，必须要严格控制这些操作。一、对象集合 NodeList当我们调用：getElementsByTagName，getElementsBy... 阅读全文
摘要：
Ajax技术，就是指：向服务器请求额外的数据而无须重新加载整个页面。其核心就是 XMLHttpRequest对象。（简称：XHR）在这里，我们先讨论IE7及更高版本，以及FF，Opera，Chrome，Safari都支持的XHR。创建一个XHR对象：var xhr = new XMLHttpRequest();XHR对象有几个方法，一个一个来：open()：xhr.open("get","exam... 阅读全文
摘要：
由于JavaScript共享的特性，任何对象都可以被放在同一环境下运行的代码修改。例如：var person = {name:"caibin'}person.age = 21;即使第一行定义了完整的person对象，那么第二行代码仍然可以对其添加属性，删除属性等。我们有三个方法可以防止你做出这些行为。一、不可扩展对象：先来看person本身的扩展性：Object.isExtensible(pers... 阅读全文
摘要：
一、JSON的语法可以表示以下三种类型的值：1、简单值：字符串，数值，布尔值，null比如：5，"你好"，false，nullJSON中字符串必须用双引号，而JS中则没有强制规定。2、对象比如：1 {2 "name":"蔡斌",3 "age":21,4 "isRich":fa... 阅读全文
摘要：
在我们看到类似于这样的图片时：我们一般都会想，哎，这还不简单，用一张图片就可以了。的确，用图片可以很轻松地做到。不过我们接下来要讨论的是：如何用css也作出这样的效果。首先，我们来定义一个div:然后给它增加一些样式：.up{ width: 50px; height: 50px; backgroun... 阅读全文