
前端概述
文章平均质量分 72
红豆灬
一个有态度的前端攻城狮。
展开
-
ECMAScript 6 扫盲
ECMAScript 6 目前基本成为业界标准,它的普及速度比 ES5 要快很多,主要原因是现代浏览器对 ES6 的支持相当迅速,尤其是 Chrome 和 Firefox 浏览器,已经支持 ES6 中绝大多数的特性。本文译自 Github 上的一篇文章,目的是对还不太熟悉 ES6 语法的同学做一个简单的扫盲。1. let、const 和 block 作用域let转载 2017-02-28 18:34:29 · 410 阅读 · 0 评论 -
Web 研发模式的演变
本文尝试从历史发展角度,说说各种研发/开发模式的优劣。转载 2017-02-23 16:31:33 · 455 阅读 · 0 评论 -
谈基于NodeJS的全栈式开发(基于NodeJS的前后端分离)
前言为了解决传统Web开发模式带来的各种问题,我们进行了许多尝试,但由于前/后端的物理鸿沟,尝试的方案都大同小异。痛定思痛,今天我们重新思考了“前后端”的定义,引入前端同学都熟悉的NodeJS,试图探索一条全新的前后端分离模式。随着不同终端(Pad/Mobile/PC)的兴起,对开发人员的要求越来越高,纯浏览器端的响应式已经不能满足用户体验的高要求,我们往往需要针对不同的终端开转载 2017-02-23 16:45:04 · 903 阅读 · 0 评论 -
gulp + webpack 构建多页面前端项目
之前在使用gulp和webpack对项目进行构建的时候遇到了一些问题,最终算是搭建了一套比较完整的解决方案,接下来这篇文章以一个实际项目为例子,讲解多页面项目中如何利用gulp和webpack进行工程化构建。本文是自己的实践经验,所以有些解决方案并不是最优的,仍在探索优化中。所以有什么错误疏漏请随时指出。使用gulp过程中的一些问题,我已经在另外一篇文章讲到了 grunt or gulp转载 2017-02-24 16:19:09 · 751 阅读 · 0 评论 -
浏览器同源政策及其规避方法
浏览器安全的基石是"同源政策"(same-origin policy)。很多开发者都知道这一点,但了解得不全面。本文详细介绍"同源政策"的各个方面,以及如何规避它。一、概述1.1 含义1995年,同源政策由 Netscape 公司引入浏览器。目前,所有浏览器都实行这个政策。最初,它的含义是指,A网页设置的 Cookie,B网页不能打开,除非这两个网页转载 2017-03-09 15:15:28 · 248 阅读 · 1 评论 -
前端开发的历史和趋势
转载自阮一峰的个人博客什么是前端前端:针对浏览器的开发,代码在浏览器运行后端:针对服务器的开发,代码在服务器运行前后端不分的时代互联网发展的早期,前后端开发是一体的,前端代码是后端代码的一部分。后端收到浏览器的请求生成静态页面发送到浏览器后端 MVC 的开发模式那时的网站开发,采用的是后端 MVC 模式。Mod转载 2017-03-22 11:30:44 · 1935 阅读 · 0 评论 -
前端安全栈
随着互联网的发达,各种WEB应用也变得越来越复杂,满足了用户的各种需求,但是随之而来的就是各种网络安全的问题。作为前端工程师的我们也逃不开这个问题。所以今天,就和大家一起聊一聊WEB前端的安全那些事儿。这里不去说那些后端的攻击(SQL注入、DDOS攻击等),毕竟整个WEB安全是一门很深的学问,不是我一篇文章就能完全说完的。我们就聊一聊前端工程师们需要注意的那些安全知识。为什么要攻击?转载 2017-05-26 19:24:31 · 1001 阅读 · 0 评论 -
前后端分离为什么不利于网站的SEO?
搜索引擎的基础爬虫的原理就是抓取你的url,然后获取你的html源代码并解析。 而你的页面通常用了vue等js的数据绑定机制来展示页面数据,爬虫获取到的html是你的模型页面而不是最终数据的渲染页面,所以说用js来渲染数据对seo并不友好。ps:另外js并不是所有的引擎都爬不到,如google早就实现去解析js内容了,而国内的一批“蠢一点”的则还不行。google搜索不到知乎,是因为有网站的r转载 2017-07-05 16:09:53 · 3567 阅读 · 0 评论