摘要: 前言 通过XHR实现ajax通信的一个主要限制是 跨域安全策略。XHR对象只能访问与包含他的页面位于同一个域的资源。当发起一个资源请求的时候,请求头会带有一个 Origin头部,响应头会带有一个Access-Origin-Allow-Origin,如下: 如果这个头部和Origin头部不相符合的时候 阅读全文
posted @ 2017-02-24 22:24 Kasmine 阅读(2975) 评论(0) 推荐(1) 编辑
摘要: 前言 最近用html编写自己的简历,每次修改简历内容或者样式的时候,都要刷新一下浏览器才能看到效果,甚是麻烦。刚好昨天总结了gulp,grunt等前端自动化构建工具,我想着,要不也利用前端自动化构建工具,实现浏览器的实时自动刷新,这样子每次我修改内容和样式的时候,可以及时看到变化。 Browsers 阅读全文
posted @ 2017-02-24 19:15 Kasmine 阅读(559) 评论(0) 推荐(0) 编辑
摘要: 前言 现在的前端开发已经不再仅仅只是静态网页的开发了,日新月异的前端技术已经让前端代码的逻辑和交互效果越来越复杂,更加的不易于管理,模块化开发和预处理框架把项目分成若干个小模块,增加了最后发布的困难,没有一个统一的标准,让前端的项目结构千奇百怪。前端自动化构建在整个项目开发中越来越重要。 我们首先来 阅读全文
posted @ 2017-02-23 23:35 Kasmine 阅读(33399) 评论(4) 推荐(7) 编辑
摘要: 客户端路由 对于客户端(通常为浏览器)来说,路由的映射函数通常是进行一些DOM的显示和隐藏操作。这样,当访问不同的路径的时候,会显示不同的页面组件。客户端路由最常见的有以下两种实现方案:* 基于Hash* 基于History API vue-router 默认 hash 模式 —— 使用 URL 的 阅读全文
posted @ 2017-02-22 15:02 Kasmine 阅读(1908) 评论(0) 推荐(0) 编辑
摘要: 前言 ECMAScript中有5种数据类型,分别为Number,Boolean,Null,Undifined和String,以及一种复杂的数据类型Object(由名值对组成,是这门语言所有对象的基础类型).后来 ES6又添加了一种新的数据类型 Symbol(只存在于ES6). 复杂的数据类型Obje 阅读全文
posted @ 2017-02-22 14:53 Kasmine 阅读(359) 评论(0) 推荐(0) 编辑
摘要: 前言: 前段时间写下了之前那篇 3D图片轮播效果,后来发现了 Pedro Botelho 写的 jquery.gallery.js ,于是重新修改了自己的这个图片轮播,使之可以成为一个插件来使用。 基于jquery.gallery.js 添加了 自适应图片数量,以及添加了 swipe-indicat 阅读全文
posted @ 2017-02-21 14:34 Kasmine 阅读(2787) 评论(0) 推荐(0) 编辑
摘要: 前言 正则表达式的用途很多,特别是在查找替换,文本处理,爬虫项目中应用更是很多: 复杂的字符串搜寻、替换工作,无法用简单的方式(类似借助标准库函数)达成。 能够帮助你进行各种字符串验证。 不止应用于编程语言中:JavaScript、JAVA、Perl、PHP、C#... 也应用于许多操作系统的主流指 阅读全文
posted @ 2017-02-20 16:28 Kasmine 阅读(6791) 评论(0) 推荐(0) 编辑
摘要: 前言 在数组中并没有提供arr.max()和arr.min()这样的方法。那么是不是可以通过别的方式实现类似这样的方法呢?那么今天我们就来整理取出数组中最大值和最小值的一些方法。 前言 在数组中并没有提供arr.max()和arr.min()这样的方法。那么是不是可以通过别的方式实现类似这样的方法呢 阅读全文
posted @ 2017-02-19 23:31 Kasmine 阅读(424) 评论(0) 推荐(0) 编辑
摘要: 前言 关于如何使用CSS来制作图形,比如说圆形,半圆形,三角形等的相关教程还是挺多的,今天我主要想解释一下里面一些demo的实现原理,话不多说,开始吧 以下所有内容只使用一个HTML元素。任何类型的CSS,只要它至少在一个浏览器中支持。 一. 实现一个心形 效果 原理:这个心形主要是由两部分交叠组成 阅读全文
posted @ 2017-02-18 13:16 Kasmine 阅读(703) 评论(0) 推荐(0) 编辑
摘要: 前言: 不论在网页设计中,还是传统的媒介中,各种尺寸,颜色,角度的图案在视觉中无处不在,要想在网页中实现复杂的图案,其过程往往不够理想,过去,我们可以创建一个单独的位图文件,然后每次需要做调整的时候,都要用图片编辑器处理它,我们也可以使用SVG代替位图,但是这样子还是存在一个独立的文件,会影响网页加 阅读全文
posted @ 2017-02-18 00:20 Kasmine 阅读(721) 评论(0) 推荐(0) 编辑