摘要：
早期的互联网是没有验证码的，随着后来计算机程序的发展，黑客编写了模仿登录、恶意破解密码、刷票、论坛灌水等恶意程序，破坏了整个网络的平衡性。于是验证码这种验证是否是人工操作的检验机制便产生了。随着验证码的出现，它可以防止：恶意破解密码、刷票、论坛灌水，有效防止某个黑客对某一个特定注册用户用特定程序暴力 阅读全文
摘要：
随着浏览器功能越来越强大，在网页端实现各种小游戏已经是家常便饭。微信小游戏出现后，游戏（特别是小型游戏）的开发已经进入了一个相当火爆的时期。那么作为一个普通的前端开发者，如何取选择一个合适的游戏开发框架来学习和提高开发效率呢？ 我是一名前端开发人员，目前在一家新闻网站担任前端工作。我的公司不算大，技 阅读全文
摘要：
Facebook的网站速度做为最关键的公司任务之一。在2009年，我们成功地实现了Facebook网站速度提升两倍 。而正是我们的工程师团队的几个关键的创新使它成为可能。在本文中，我将向大家介绍我们的秘密武器之一，我们称之为BigPipe的伟大底层技术。 BigPipe是一个重新设计的基础动态网页服 阅读全文
摘要：
高并发大流量网站 10 个解决方法 1.硬件升级 普通的P4服务器一般最多能支持每天10万独立IP，如果访问量比这个还要大， 那么必须首先配置一台更高性能的专用服务器才能解决问题 ，否则怎么优化都不可能彻底解决性能问题。 2.负载均衡 它是根据某种负载策略把请求分发到集群中的每一台服务器上，让整个服 阅读全文
摘要：
前言 Gatsbyjs 是一个现代化开发网站的网站产生系统，拥有完整、丰富且开源的生态圈。它利用 react + GraphQL 产生的多页面应用，让前端工程师，编辑，用户都感到满意。就让我们一步步地探索这个系统吧。 Gatsbyjs 是一个拥有超过 2万 Stars，3500 forks 的 re 阅读全文
摘要：
在网站上线发布之前，我们除了必要的安全、功能测试外，往往还需要进行压力测试。通过模拟实际应用的软硬件环境及用户使用过程的系统负荷，长时间或超大负荷地运行测试软件，来测试被测系统的性能、可靠性、稳定性等。压力测试需要确定一个系统的瓶颈或者不能接收的性能点，来获得系统能提供的最大的服务级别。通俗地讲，压 阅读全文
摘要：
前两天看到阮大神的一篇在css中使用变量的文章，整理了一下。 这个重要的 css 新功能，所有主要浏览器已经都支持了。本文全面介绍如何使用它，你会发现原生 css 从此变得异常强大。 一、变量的声明 声明变量的时候，变量名前面要加两根连词线（--）。 body { --foo: #7F583F; - 阅读全文
摘要：
我们以往实现平滑滚动往往用的是jQuery, 如实现平滑回到顶部，就写如下代码： $(‘.js_go_to_top‘).click(function () { $(".js_scroll_area").animate({scrollTop: 0}, 600); }); 我们现在可能通过css实现这一 阅读全文
摘要：
自定义域名访问本地WEB应用。本地安装了WEB服务端，怎样通过自定义域名方式实现从公网访问本地WEB应用？本文将介绍具体的实现步骤。 1. 准备工作 1.1 安装并启动WEB服务端 默认安装的WEB端口是80。 1.2 申请域名并完成域名备案 可以在万网、百度云、腾讯云、西部数码等等域名服务商注册并 阅读全文
摘要：
前端能不能一直做，做前端能走多远？以后前端领域会不会被其他新的技术取代？又或者是面临着前端行业的萎缩，导致自己的失业？所有很多人对前端产生了一种“所谓的认为”：前端不能一直做下去。 说实话，一开始步入前端的我也是这么觉得呢，但当你真正的了解了前端的这个行业，你就会明白前端真的值得你去做，值得你去付出 阅读全文
摘要：
form表单的enctype属性：规定了form表单数据在发送到服务器时候的编码方式 application/x-www-form-urlencoded：默认编码方式 multipart/form-data：指定传输数据为二进制数据，例如图片、mp3、文件 text/plain：纯文本的传输。空格转 阅读全文
摘要：
虽然现代浏览器支持css3，但是一些过往的版本或是目前有些css3属性的应用还是离不开前缀的。一些牛逼且执着于web技术且乐于分享的仁兄(Lea Verou)就搞了个名叫prefixfree.js的插件可以自动补全前缀。首先在页面任意地方（能生效的方）插入插件: <script src="prefi 阅读全文
摘要：
1.加载问题 背景图片会等到html结构加载完成才开始加载img标签是网页结构的一部分，会在html结构加载的时候加载在网页加载的过程中，背景图片会等到结构加载完成（网页的内容全部显示以后）才开始加载，而img标签是网页结构（内容）的一部分会在html结构加载的过程中加载，换句话讲，网页会先加载im 阅读全文
摘要：
前言，最近利用碎片时间拜读了一下尼古拉斯的另一巨作《高性能JavaScript》，今天写的文章从“老生常谈”的页面重绘和重排入手，去探究这两个概念在页面性能提升上的作用。 一.重排 & 重绘 有经验的大佬对这个概念一定不会陌生，“浏览器输入URL发生了什么”。估计大家已经烂熟于心了，从计算机网络到j 阅读全文
摘要：
关于国际化 一个项目发展到一定的环境或者一开始就是为多国打造的，就需要考虑国际化了。简单来说，就是一套页面，多套语言。 前不久做了一个国际化的项目，基于react和antd，里面用到了国际化，使用方式也很简单 import zhCN from 'antd/lib/locale-provider/zh 阅读全文
摘要：
前言：项目涉及到node的开发，为了便于管理，采用了nvm，安装方法和在mac下差不多 git依赖 看以下内容前，先确保你的git已经安装（需要git v1.7.10 +），如果没有看的话，请最新git。 安装脚本 在linux里面安装，这句话是没有任何安装的感觉，但是它其实是执行了，只是没有安装环 阅读全文
摘要：
入门者的知识体系包括哪些东西呢，下面是我的个人看法，按照这个流程走不一定立刻成为大牛，至少能让入门者抓住重点一步步走下去： 1. 基本工具使用 Git/GitHub的熟练使用，编辑器(sublime、webstrom、atom、vscode)的体验区分与使用，chrome开发调试工具的使用，Phot 阅读全文
摘要：
最近在做项目时，有一个需求是批量打印好多个合同，使用AJAX向后台传送数据，等待后台执行后，需要把生成之后的文件地址传送过来。 后台的处理时间比较长，根据合同的多少可能等待时间比较长，会达到10s左右，这个时候如果不加任何的提示，会导致用户因为没有看到是否执行而导致重复的操作，为了增加用户的体验感， 阅读全文
摘要：
在移动端访问H5页面的时候，长按图片就会把图片保存起来，为了能够让用户体验更好一些，我们需要长按的时候也不保存图片。那该如何实现呢？下面给出3种解决方案。 方案一：使用 pointer-events:none img{ pointer-events:none; } 亲测有效，适用于微信客户端的手机页 阅读全文
摘要：
浏览器的事件循环，前端再熟悉不过了，每天都会接触的东西。但我以前一直都是死记硬背：事件任务队列分为macrotask和microtask，浏览器先从macrotask取出一个任务执行，再执行microtask内的所有任务，接着又去macrotask取出一个任务执行...，这样一直循环下去。但是对于下 阅读全文