聊一聊 call、apply 与 bind

浅谈跨域的实现

同源策略

同源策略是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,浏览器很容易受到XSS、CSRF等攻击。所谓同源是指”协议+域名+端口”三者相同,即便两个不同的域名指向同一个ip地址,也非同源。

阅读更多

浅谈前端的定位实现

前端常见的定位大致有如下几种方案

geolocation 定位

地理位置 API 允许用户向 Web 应用程序提供他们的位置。出于隐私考虑,报告地理位置前会先请求用户许可,只用用户允许定位才能够获取到定位信息。

阅读更多

JavaScript 设计模式

构造函数模式

ECMAScript中的构造函数可以用来创建特定类型的对象。像Object 和 Array 这样的原生构造函数,在运行时会自动出行在执行环境中。
此外,也可以创建自定义构造函数,从而定义自定义对象类型的属性和方法。

阅读更多

Sass 常用语法

Sass 是一个将脚本解析成CSS的脚本语言,即SassScript。

Sass 有两种语法格式。首先是 SCSS (Sassy CSS) —— 也是本文示例所使用的格式 —— 这种格式仅在 CSS3 语法的基础上进行拓展,所有 CSS3 语法在 SCSS 中都是通用的,同时加入 Sass 的特色功能。此外,SCSS 也支持大多数 CSS hacks 写法以及浏览器前缀写法 (vendor-specific syntax),以及早期的 IE 滤镜写法。这种格式以 .scss 作为拓展名。

阅读更多

走进 canvas 的世界

canvas能做些什么?

游戏 :游戏在HTML5领域具有举足轻重的地位。HTML5在基于Web的图像显示方面比Flash更加立体、更加精巧,运用Canvas制作的图像能够令HTML5游戏在流畅度和跨平台方面发挥更大的潜力。
图表制作 :图表制作时常被人们忽略,但无论企业内部还是企业间交流合作都离不开图表。现在一些开发者使用HTML/CSS完成图标制作,其实大家完全可以用Canvas来实现。当然,使用SVG(可缩放矢量图形)来完成图表制作也是非常好的方法。
banner广告 :Flash曾经辉煌的时代,智能手机还未曾出现。现在以及未来的智能机时代,HTML5技术能够在banner广告上发挥巨大作用,用Canvas实现动态的广告效果再合适不过。

阅读更多

JavaScript小结

在日常开发中,时常会碰到各种各样的坑,本文总结了开发过程中碰到的常见问题。

配置 Swiper

Swiper 是一个使用率很高的插件,这里说一些比较陌生的属性与方法:

阅读更多

Html/Css小结

在日常开发中,时常会碰到各种各样的坑,本文总结了开发过程中碰到的常见问题。

margin 重叠问题

这是一个比较常见的经常在开发中碰到的问题,这里就不多说了,常见解决办法:

1
2
3
1. 创建新的 BFC 如 overflow: hidden;
2. 使用 padding
3. 尽量使用同一方向的 margin
阅读更多