前端
17篇文章 · 0订阅
  • [译] 开启性能预算
    如果你正在构建网站体验，并且希望保持快速，性能预算也许就非常重要。为了能够成功，需要接受性能预算并且学会在生活中运用它们。移动设备上的网络以及 CPU 限制会提出诸如”对我的用户来说真正重要的是什么？“这样的难题。 当我们同致力于提高性能的世界 500 强企业对话时，(了解到)…
    JavaScript 前端 掘金翻译计划
  • WebGL入门与进阶（一）
    改革开发40年以来，世界日新月异，无论从生活到精神上都有了颠覆性的变化，曾经教授还是教书的，砖家还叫专家，太阳还不叫日，菊花还是一种花，老王还没那么多，Web还只需要做IE，XHR还没出生的时候，怎么能想到现在浏览器会提供如此丰富多彩的多媒体生活，无论是音频、视频、以及各种漂亮…
    WebGL
  • Vue 服务端渲染（SSR）、Nuxt.js - 从入门到实践
    10月初有幸接到公司官网改版需求，要求采用服务端渲染模式对原网站进行seo优化。 由于团队一直使用的vue技术栈，所以我第一时间想到的就是采用vue 服务端渲染（SSR）来实现该需求，即能减少团队其他成员后期维护的成本，又能把现有其他项目封装好的内容稍微改改就能直接copy过来…
    Vue.js Nuxt.js
  • 高冷的 WebGL
    Threejs 是一个用于在浏览器中绘制 3D 图形的 JS 库，其底层实际是对浏览器提供的 WebGL Api 进行了封装。作为一个好奇宝宝，看到了 Threejs 那些神奇的绘制 3D 图形 Api，又怎么能抑制住想要钻进去一探究竟的冲动呢？所以今天的文章，就来给大家分享一下 WebGL 本身。
    three.js WebGL Canvas
    高冷的 WebGL
  • 想写好前端，先练好内功
    《笑傲江湖》中的“剑宗余孽”封不平本想仗着有嵩山派撑腰，一举夺了华山掌门宝座。可打了半天剑法上占不了便宜，最后只能使出“狂风快剑”，企图以内力取胜。可见，任何高明武功若无内功心法相辅，也是徒劳无功。 说回前端，如今的前端技术栈就如同武侠小说中的江湖一样，各门各派自成一体，可谓“…
    函数式编程 前端
    想写好前端，先练好内功
  • 基于canvas使用粒子拼出你想要的文字[2]——粒子的动画效果
    本次分享一个用canvas粒子渲染文字的“完整”版实现，功能包括：随机粒子缓动动画，粒子汇聚、发散，并拼出你想要的文字。本文继续上面一节《基于canvas使用粒子拼出你想要的文字》的基础效果，完善了在文字拼接过程中的粒子效果。
    Canvas 前端
    基于canvas使用粒子拼出你想要的文字[2]——粒子的动画效果
  • Node.js模拟发起http请求从异步转同步的5种方法
    使用Node.js模拟发起http请求很常用的,但是由于Node模块（原生和第三方库）提供里面的方法都是异步，对于很多场景下应用很麻烦，不如同步来的方便。下面总结了几个常见的库API从异步转同步的几种方法。模块有：request, request-promise , reque…
    Node.js 前端框架
  • 给客户端同学的一份前端学习指南
    随着ReactNative、Weex与Flutter等跨端框架的发展，大前端的概念也逐渐普及开来，纯粹的Native开发相对变得比较少，前端也成为了客户端同学必须要掌握的一门技术，但是客户端同学做的是跨端开发，在学习路线上和前端同学又稍有不同，下面从客户端同学的视角去讨论如何学…
    React.js JavaScript 前端
    给客户端同学的一份前端学习指南
  • 必知必会的Node-CLI开发基础
    Unix参数风格：前面加-，不过后面跟的是单个字符，例如-abc解析为['a', 'b', 'c']。 GNU参数风格：前面加--，例如npm中的命令，npm --save-dev webpack。 BSD参数风格：前面不加修饰符。 npm中采用Unix参数风格表示简写，这就是…
    Node.js 前端 命令行
    必知必会的Node-CLI开发基础
  • 基于 WebGL 的 3D 呈现 A* Search Algorithm
    最近搞个游戏遇到最短路径的常规游戏问题，一时起兴基于 HT for Web 写了个 A * 算法的 WebGL 3D 呈现，算法基于开源 https://github.com/bgrins/javascript-astar 的 javascript 实现，其实作者也有个不错的 2D 例子实现 http://www.briangrinstead.com/files/astar/ ，只不过觉得所有 A * 算法的可视化实现都是平面的不够酷，另外还有不少参数需要调节控制，还是值得好好搞个全面的 Demo，先上张 2D 和 3D 例子的对照图。http://www.hightopo.com/demo/astar/astar.html
    前端
    基于 WebGL 的 3D 呈现 A* Search Algorithm