Web Components简述

要说最近几年来,前端开发最火的一个趋势或最火的前端开发框架是什么,第一想到的是,组件及推崇组件化开发的React框架。本文将介绍Web Components规范并就组件的几大特性进行讨论。

浅析前端页面渲染机制

作为一个前端开发,最常见的运行环境应该是浏览器吧,为了更好的通过浏览器把优秀的产品带给用户,也为了更好的发展自己的前端职业之路,有必要了解从我们在浏览器地址栏输入网址到看到页面这期间浏览器是如何进行工作的,进而了解如何更好的优化实践,本篇主要围绕这两点展开阐述。前端页面渲染机制可谓是老生常谈,但又很有必要再谈的话题,于是还是决定写一篇,即是对知识的回顾总结,又能与大家分享,何乐而不为。网上相关类型的文章也很多,有兴趣的可以多学习一下。

LNMP搭建WordPress博客

几经折腾,我的个人博客从最开始的利用github搭建,然后租用云主机,再到现在购买服务器,安装LNMP环境,搭建WordPress博客。所谓LNMP,就是Linux、Nginx、MySQL和世界上最好的语言--PHP。此次部署博客前后遇到问题不少,花了两周时间,所得不少,对Linux也有更多的了解,但更感前路漫漫,尚需努力。

前端开发构建工具之Gulp

对于我们前端开发者,目前使用最多的自动化管理工具应该还是Grunt--在Gruntfile.js文件中使用JavaScript定义各种任务;在本篇主要介绍Gulp,gulp是一种基于流的前端自动化构建工具。

JavaScript之Cookie详解

本篇我们要介绍的是Cookie,其常被用来保存用户登录状态,存储购物车状态等等。 JavaScript中Cookie,是一种浏览器提供的机制,其把document的cookie属性暴露给JavaScript,JavaScript可以对其进行操作。

HTML5 window.postMessage与跨域问题

在前一篇文章中,讲到浏览器同源策略,即阻止不同域的页面间访问彼此的方法和属性,并对解决同源策略跨域问题提出的解决方案进行阐述:子域代理、JSONP、CORS。本篇将详细阐述HTML5 window.postMessage,借助postMessage API,文档间可以以安全可控的方式实现跨域通信,第三方JavaScript代码也可以与iframe内加载的外部文档进行通信。

JavaScript之模块化AMD与CMD

不同于传统的代码开发,作为一名前端开发者,不知道AMD或CMD是不合格的,我们有必要对它进行学习。在开始阐述AMD/CMD之前,先得明白什么是模块化。模块化,即利用分类思维把复杂的系统分解为结构合理、可拓展、便于管理的多模块,使各模块高内聚、低耦合。

Web学习之跨域问题及解决方案

在做前端开发时,我们时常使用ajax与服务器通信获取资源,享受ajax便利的同时,也知道它有限制:跨域安全限制,即同源策略。同源策略(SOP),核心是确保不同源提供的文件之间是相互独立的。 默认情况下,XHR对象只能访问与包含它的页面处于同一域中的资源,这种限制可以预防某些恶意攻击,但同时也带来很多不便。本篇对于常见的解决浏览器跨域问题的方案进行总结阐述。

初识Node-Webkit之桌面应用程序开发

近期开发一个桌面客户端类型的项目,调研阶段接触到了NW.js,原名node-webkit,融合了 Node.js 和 Webkit HTML 渲染器来运行本地应用,是一个Chromium和node.js上的结合体。本篇通过一个案例,简单熟悉一下NW.js,并总结其优缺点。