摘要: 结束了一季的忙碌,我这封笔已久的博客也终究该从春困的咒印中复苏,想来写些实用易读的作为开篇,自然是最好不过。 新开个 webpack 插件/工具介绍的文章系列,约莫每周更新一篇篇幅适中的文章聊以共勉,兴许合适。 原本期望每篇文章里可以介绍若干个插件,但鉴于部分插件略为复杂,且单篇内容不想写的唇焦舌敝阅读全文
posted @ 2017-06-17 12:09 vajoy 阅读(1930) 评论(9) 编辑
摘要: 上篇文章我们分别对 gulp 的 .src 和 .dest 两个主要接口做了分析,今天打算把剩下的面纱一起揭开 —— 解析 gulp.task 的源码,了解在 gulp4.0 中是如何管理、处理任务的。 在先前的版本,gulp 使用了 orchestrator 模块来指挥、排序任务,但到了 4.0 阅读全文
posted @ 2017-02-09 00:13 vajoy 阅读(794) 评论(1) 编辑
摘要: 在上一篇文章我们对 Stream 的特性及其接口进行了介绍,gulp 之所以在性能上好于 grunt,主要是因为有了 Stream 助力来做数据的传输和处理。 那么我们不难猜想出,在 gulp 的任务中,gulp.src 接口将匹配到的文件转化为可读(或 Duplex/Transform)流,通过 阅读全文
posted @ 2017-01-31 20:49 vajoy 阅读(1048) 评论(4) 编辑
摘要: 作为前端,我们常常会和 Stream 有着频繁的接触。比如使用 gulp 对项目进行构建的时候,我们会使用 gulp.src 接口将匹配到的文件转为 stream(流)的形式,再通过 .pipe() 接口对其进行链式加工处理; 或者比如我们通过 http 模块创建一个 HTTP 服务: 此处的 re阅读全文
posted @ 2017-01-27 22:12 vajoy 阅读(1888) 评论(7) 编辑
摘要: 近期阿里搞了各LBS+AR实景的红包玩法,小伙伴们在公司里都玩疯了~ 有时候为了抢一个红包,会跑到另一个地方去拍照,虽然略麻烦,但整体的互动还是很有意思的。 不过对于机智的前端童鞋来说,只需要简单的一段代码就能破解AR红包(当然成功率也不是100%)。 破解原理见《上线仅一天:支付宝AR红包惨遭技术阅读全文
posted @ 2016-12-24 03:25 vajoy 阅读(9876) 评论(59) 编辑
摘要: 接上篇《腾讯云下安装 nodejs + 实现 Nginx 反向代理》,想从头一步到位的同学建议从上篇文章开始阅读。本文将继续介绍如何通过 Nginx 免费部署HTTPS。 留意下,这里的“免费”指的是HTTPS证书的获取,至于域名还是需要额外购买(其实域名真心很便宜了)。 笔者在腾讯云上购买了 va阅读全文
posted @ 2016-11-23 16:20 vajoy 阅读(4278) 评论(4) 编辑
摘要: 本文将介绍如何给腾讯云上的 Ubuntu Server 12.04 LTS 64位主机安装 node 及 nginx,并简单配置反向代理。 笔者在整个安装过程中遇到不少麻烦(不赘述),如果你希望少踩坑,可以按本文的步骤进行安装部署。 一. 新版 nodejs 安装 这里强烈推荐使用 nvm (Nod阅读全文
posted @ 2016-11-22 01:15 vajoy 阅读(2888) 评论(0) 编辑
摘要: 在前两章,为了方便调试,我们写了一个非常简单的 jQuery.fn.init 方法: 因此我们在 demo 里执行 $('div') 时可以取得这么一个类数组对象: 在完整的 jQuery 中通过 $(selector) 的形式获取的对象也基本如此 —— 它是一个对象而非数组,但可以通过下标(如 $阅读全文
posted @ 2016-08-15 01:44 vajoy 阅读(1533) 评论(8) 编辑
摘要: 在上篇文章我们简单实现了一个 jQuery 的基础结构,不过为了顺应潮流,这次咱把它改为模块化的写法,此举得以有效提升项目的可维护性,因此在后续也将以模块化形式进行持续开发。 模块化开发和编译需要用上 ES6 和 rollup,具体原因和使用方法请参照我之前的《冗余代码都走开——前端模块打包利器 R阅读全文
posted @ 2016-08-02 23:02 vajoy 阅读(1571) 评论(15) 编辑
摘要: 从本篇开始会陪大家一起从零开始走一遍 jQuery 的奇妙旅途,在整个系列的实践中,我们会把 jQuery 的主要功能模块都了解和实现一遍。 这会是一段很长的历程,但也会很有意思 —— 作为前端领域的经典之作,jQuery 里有着太多奇思妙想,如果能够深入理解它,对于我们稳固js基础、提升前端大法技阅读全文
posted @ 2016-07-31 02:47 vajoy 阅读(4268) 评论(19) 编辑
摘要: 很多开发的童鞋都是只身混江湖、夜宿城中村,如果居住的地方安保欠缺,那么出门在外难免担心屋里的财产安全。 事实上世面上有很多高大上的防盗设备,但对于机智的前端童鞋来说,只要有一台附带摄像头的电脑,就可以简单地实现一个防盗监控系统~ 纯 JS 的“防盗”能力很大程度借助于 H5 canvas 的力量,且阅读全文
posted @ 2016-07-10 12:19 vajoy 阅读(12735) 评论(79) 编辑
摘要: 最近产品妹子提出了一个体验issue —— 用 iOS 在手Q阅读书友交流区发表书评时,光标点击总是不好定位到正确的位置: 如上图,具体表现是较快点击时,光标总会跳到 textarea 内容的尾部。只有当点击停留时间较久一点(比如超过150ms)才能把光标正常定位到正确的位置。 一开始我以为是 iO阅读全文
posted @ 2016-05-24 23:26 vajoy 阅读(4374) 评论(9) 编辑
摘要: 之前翻译过一篇文章,介绍了通过 ES2015 的解构赋值语法引入模块,可以让打包工具(browserify)最终编译出来的代码量最小化。 殊不知在 webpack 1.X 版本是无法利用该特性来避免引入冗余模块代码的,导致打出来的 bundle 文件大小难免略有臃肿。 今天则向大家介绍一个当红炸子鸡阅读全文
posted @ 2016-05-23 02:17 vajoy 阅读(12382) 评论(9) 编辑
摘要: 最近小组准备启动一个 node 开源项目,从前端亲和力、大数据下的IO性能、可扩展性几点入手挑选了 NoSql 数据库,但具体使用哪一款产品还需要做一次选型。 我们最终把选项范围缩窄在 HBase、Redis、MongoDB、Couchbase、LevelDB 五款较主流的数据库产品中,本文将主要对阅读全文
posted @ 2016-05-11 21:36 vajoy 阅读(31737) 评论(19) 编辑
摘要: 在上篇动画入门文章中我们了解了在 React Native 中简单的动画的实现方式,本篇将作为上篇的延续,介绍如何使用 Animated 实现一些比较复杂的动画。 动画组合 在 Animated 中提供了一些有趣的API方法来轻松地按我们的需求实现组合动画,它们分别是 Animated.parall阅读全文
posted @ 2016-04-24 00:35 vajoy 阅读(4355) 评论(3) 编辑
摘要: 针对浏览器的http缓存的分析也算是老生常谈了,每隔一段时间就会冒出一篇不错的文章,其原理也是各大公司面试时几乎必考的问题。 之所以还写一篇这样的文章,是因为近期都在搞新技术,想“回归”下基础,也希望尽量总结的更详尽些。 那么你是否还需要阅读本篇文章呢?可以试着回答下面这个问题: 我们在访问百度首页阅读全文
posted @ 2016-04-04 15:10 vajoy 阅读(18775) 评论(24) 编辑
摘要: 在不使用任何RN动画相关API的时候,我们会想到一种非常粗暴的方式来实现我们希望的动画效果——通过修改state来不断得改变视图上的样式。 我们来个简单的示例: 效果如下: 这种方式实现的动画存在两大问题: 1. 将频繁地销毁、重绘视图来实现动画效果,性能体验很糟糕,常规表现为内存花销大且动画卡顿明阅读全文
posted @ 2016-03-26 23:22 vajoy 阅读(6281) 评论(1) 编辑
摘要: LayoutAnimation - layout动画 当布局发生改变时的动画模块,它有两个方法: 1. 最常用的方法是 LayoutAnimation.configureNext(conf<Object>),用于设置布局变化时的动画类型,在调用 setState 之前使用。 其中 conf 参数格式阅读全文
posted @ 2016-03-13 12:35 vajoy 阅读(2367) 评论(1) 编辑
摘要: 我已经从事过好多年的SPA开发工作,我发现很多的程序猿都从来不往 bundle.js 文件的体积上动脑筋,这让我有点懵逼。 “安心洗路,等俺把代码混淆压缩后就一切666了”,若是有人这么说,我会翻白眼。 其实当我们压缩 bundle.js 的时候,我们可能会凭空折腾出一个庞大的应用,导致其加载时间抑阅读全文
posted @ 2016-02-29 08:39 vajoy 阅读(1386) 评论(1) 编辑
摘要: Alert - 弹窗 通过 Alert.alert() 方法调用唤起原生弹窗,点击会触发 onPress 回调(参考下方代码)并清除弹窗。 import React, { AppRegistry, Component, StyleSheet, Alert, Text, View } from 're阅读全文
posted @ 2016-02-28 20:20 vajoy 阅读(2890) 评论(5) 编辑
摘要: 第六章 快速响应的用户界面本章开篇介绍了浏览器UI线程的概念,我也突然想到一个小例子,这是写css3动画的朋友都经常会碰到的一个问题: Title click me如代码所示,我们希望点击按钮的时候,div能通过移除class瞬间变回50px,然后再给其加回class来触发动画(...阅读全文
posted @ 2016-01-03 19:41 vajoy 阅读(1186) 评论(3) 编辑
摘要: 最近给 nzoo 折腾官网,拿 angular2.0 + webpack 实现SPA,然后觉得最终打包后的出口文件有点大,用户首次访问会有一个时间较长的白屏等候界面,感觉体验不太好。于是希望在用户下载整个bundle 时能够先看到一个“加载中”的UI做过度,鉴于 nzoo 的LOGO也较简洁,便舍弃...阅读全文
posted @ 2016-01-03 01:01 vajoy 阅读(1994) 评论(6) 编辑
摘要: 早几年前端还处于刀耕火种、JQuery独树一帜的时代,前后端代码的耦合度很高,一个web页面文件的代码可能是这样的:这意味着后端的工程师往往得负责一部分修改HTML、编写脚本的工作,而前端开发者也得了解页面上存在的服务端代码含义。有时候某处页面逻辑的变动,鉴于代码的混搭,可能都不确定应该请后端还是前...阅读全文
posted @ 2015-12-27 15:08 vajoy 阅读(4034) 评论(5) 编辑
摘要: 昨天在腾讯大厦参与了鹅厂AlloyTeam召开的AC2015前端大会,度过了充满精彩和收获的一个下午,用一句话形容这次前端Event应该是“诚意满满,干货满满”。说实话,这次AlloyTeam没有对与会人员做严格的身份认证,基本到了就能参与,因此整个腾大的多功能厅下午是爆满了人。我去的其实算早了,却...阅读全文
posted @ 2015-12-13 13:32 vajoy 阅读(4721) 评论(17) 编辑
摘要: 写惯了技术类的文章,这种总结和唠嗑型的我基本也就在年末才来一篇。说实话,这种轻松类的文章往往比技术类的要受欢迎的多,因为其受众更广,看起来也不烧脑。说来愧疚,这一年其实产出有点低,大致就写了不到二十篇技术随笔,特别下半年入职腾讯后就更少有时间动笔了。但再忙也没打算摒弃写文章的习惯,一来是为了自己沉淀...阅读全文
posted @ 2015-12-11 23:39 vajoy 阅读(5618) 评论(37) 编辑
Copyright © 2014 - 2017 VaJoy Studio