web前端性能与安全
关注
分享
扫一扫
Panda_Joy
态度决定结果， 细节决定成败， 习惯成就未来
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
大型电子商务网站架构之-前端优化
1 前端优化必要性随着互联网的发展，前端优化越来越被人们重视，在一个大型的大型电子商务网站技术架构中，前端架构一定是一项必不可少的工作，国内几个大型的互联网公司也有非常强大的前端技术人员。在业界享有名气淘宝 UED团队就有好几十人。在浏览器访问一个网站时，有 10%-20% 的时间是花在下载 HTML 上面，有 80%-90% 时间是花在下载页面中所有组件上面。如果我们可以把后端时间缩转载 2014-12-18 10:43:43 · 489 阅读 · 0 评论 -
如何用工程手段解决前端开发和部署优化的综合问题
这是一个非常有趣的 非主流前端领域，这个领域要探索的是如何用工程手段解决前端开发和部署优化的综合问题，入行到现在一直在学习和实践中。在我的印象中，facebook是这个领域的鼻祖，有兴趣、有梯子的同学可以去看看facebook的页面源代码，体会一下什么叫工程化。接下来，我想从原理展开讲述，多图，较长，希望能有耐心看完。--------------------------转载 2015-07-24 14:53:06 · 805 阅读 · 0 评论 -
BigPipe学习研究
1. 技术背景 FaceBook页面加载技术试想这样一个场景，一个经常访问的网站，每次打开它的页面都要要花费6 秒；同时另外一个网站提供了相似的服务，但响应时间只需3 秒，那么你会如何选择呢？数据表明，如果用户打开一个网站，等待3~4 秒还没有任何反应，他们会变得急躁，焦虑，抱怨，甚至关闭网页并且不再访问，这是非常糟糕的情况。所以，网页加载的速度十分重要,尤其对于拥有遍布全球的5亿用户的F转载 2015-11-12 09:50:41 · 2052 阅读 · 0 评论 -
前端不为人知的一面–前端冷知识集锦
前端已经被玩儿坏了！像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了，像用||操作符给变量赋默认值也是人尽皆知的旧闻了，今天看到Quora上一个帖子，瞬间又GET了好多前端技能，一些属于技巧，一些则是闻所未闻的冷知识，一时间还消化不过来。现分类整理出来分享给大家，也补充了一些平时的积累和扩展了一些内容。HTML篇浏览器地址栏运行JavaScript代码这个转载 2015-09-23 15:08:30 · 561 阅读 · 0 评论 -
Web缓存(配置squid)
配置squid转载http://www.92csz.com/study/linux/21.htmSquid是比较知名的代理软件，它不仅可以跑在linux上还可以跑在windows以及Unix上，它的技术已经非常成熟。目前使用Squid的用户也是十分广泛的。Squid与Linux下其它的代理软件如Apache、Socks、TIS FWTK和delegate相比，下载安装简单，转载 2015-04-08 15:56:20 · 608 阅读 · 0 评论 -
迅雷评分效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 迅雷评分效果 - 豪情 *{ margin:0; padding:0;} b原创 2015-02-13 16:27:28 · 598 阅读 · 0 评论 -
WiFi流量劫持—— 浏览任意页面即可中毒！
大家都知道公共场所的Wifi安全性很差，但并不清楚究竟有多差。大多以为只要不上QQ、不登陆网站账号就没事了，看看新闻小说什么的应该毫无关系。 的确如此，看看新闻网页没有涉及任何敏感的账号信息。即便是数据明文传输，Hacker也只能嗅探到你看了哪些新闻，这些毫无价值的信息。 不过如此守株待兔的嗅探，似乎也太被动了。既然我们能主动控制流量，何必用这种弱爆了的方法呢？ --------转载 2015-02-05 13:37:51 · 2522 阅读 · 0 评论 -
XSS 前端防火墙 —— 内联事件拦截
关于 XSS 怎样形成、如何注入、能做什么、如何防范，前人已有无数的探讨，这里就不再累述了。几乎每篇谈论 XSS 的文章，结尾多少都会提到如何防止，然而大多万变不离其宗。要转义什么，要过滤什么，不要忘了什么之类的。尽管都是众所周知的道理，但 XSS 漏洞十几年来几乎从未中断过，不乏一些大网站也时常爆出，小网站更是家常便饭。而本文介绍的则是另一种预防思路 —— 通过前端监控脚本，让每一个用户转载 2015-02-05 13:43:26 · 1016 阅读 · 0 评论 -
WiFi流量劫持—— JS脚本缓存投毒
在上一篇《WiFi流量劫持—— 浏览任意页面即可中毒》构思了一个时光机原型，让我们的脚本通过HTTP缓存机制，在未来的某个时刻被执行，因此我们可以实现超大范围的入侵了。 基于此原理，我们用NodeJS来实现一个简单的样例。得益于node强大的IO管理，以及各种封装好的网络模块，我们可以很容易实现这个想法： 开启一个特殊的DNS服务：所有域名都解析到我们的电脑上。并把Wifi的D转载 2015-02-05 13:41:42 · 2361 阅读 · 0 评论 -
XSS 前端防火墙 —— 可疑模块拦截
上一篇介绍的系统，虽然能防御简单的内联 XSS 代码，但想绕过还是很容易的。由于是在前端防护，策略配置都能在源代码里找到，因此很快就能试出破解方案。并且攻击者可以屏蔽日志接口，在自己电脑上永不发出报警信息，保证测试时不会被发现。昨天提到最简单并且最常见的 XSS 代码，就是加载站外的一个脚本文件。对于这种情况，关键字扫描就无能为力了，因为代码可以混淆的千变万化，我们看不出任何异常，只能将其转载 2015-02-05 13:55:27 · 591 阅读 · 0 评论 -
http与https的区别
在URL前加https://前缀表明是用SSL加密的。你的电脑与服务器之间收发的信息传输将更加安全。 Web服务器启用SSL需要获得一个服务器证书并将该证书与要使用SSL的服务器绑定。 http和https使用的是完全不同的连接方式,用的端口也不一样,前者是80,后者是443。 HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议要比http协议安全。原创 2015-02-05 09:20:50 · 1089 阅读 · 0 评论 -
web前端开发规范
作为一名前端开发人员，无论是团队开发，还是单兵做站，不规范的开发不仅使日后代码维护变的困难，同时也不利于团队的合作，通常还会带来代码安全以及执行效率上的问题。本人在开发工作中就曾与不按规范来开发的同事合作过，与他合作就不能用“愉快”来形容了。因此分享一篇写的非常好的web前端开发规范文档，在以后的开发过程中以此借鉴。以下参考：http://mrthink.net/frontend-specif原创 2015-01-12 20:40:45 · 792 阅读 · 0 评论 -
IE浏览器与IE内核浏览器有什么区别
浏览器最重要或者说核心的部分是“Rendering Engine”，可大概译为“解释引擎”，不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释（如HTML、JavaScript）并渲染（显示）网页。 所以，通常所谓的浏览器内核也就是浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也有不同，因此同一网页在不同的内核的浏览转载 2015-01-12 13:32:05 · 2241 阅读 · 0 评论 -
HTML中css和js链接中的版本号
背景 在搜索引擎中搜索关键字.htaccess 缓存，你可以搜索到很多关于设置网站文件缓存的教程，通过设置可以将css、js等不太经常更新的文件缓存在浏览器端，这样访客每次访问你的网站的时候，浏览器就可以从浏览器的缓存中获取css、js等，而不必从你的服务器读取，这样在一定程度上加快了网站的打开速度，又可以节约一下你的服务器流量。问题 现在问题来了，.htaccess设原创 2015-01-12 13:25:05 · 685 阅读 · 0 评论 -
使用.htaccess文件来启动图片缓存
博客里大量的图片会使页面加载速度变得缓慢。 此时访问者需要用更多时间才能打开一个页面。 不过我们可以通过缓存图片来解决这个问题。 当页面第一次被加载时，将所有图片存放在浏览器的缓存池里。之后访问者再加载该页面时，浏览器就可以从浏览器缓存中获取图片，从而减少页面加载时间。对Apache服务器上的WordPress博客/网站，可以通过编辑根目录下的.htaccess文件来激活图片缓存功能。 浏览器转载 2015-01-12 13:30:23 · 636 阅读 · 0 评论 -
document的createDocumentFragment()方法
在《javascript高级程序设计》一书的6.3.5:创建和操作节点一节中，介绍了几种动态创建html节点的方法，其中有以下几种常见方法：· crateAttribute(name)： 用指定名称name创建特性节点· createComment(text)： 创建带文本text的注释节点· createDocumentFragment()：原创 2016-07-08 17:57:10 · 554 阅读 · 0 评论