WebGL进阶——走进图形噪声

导语:大自然蕴含着各式各样的纹理,小到细胞菌落分布,大到宇宙星球表面。运用图形噪声,我们可以在3d场景中模拟它们,本文就带大家一起走进万能的图形噪声。 概述 图形噪声,是计算机图形学中一类随机算法,经常用来模拟自然界中的各种纹理材质,如下图的云、山脉等,都是通过噪声算法模拟出来的​。 通过不同的噪声算法,作用在物体纹……

前端核心代码保护技术面面观

感谢 @赵洋的投稿。 1、 前言 Web的开放与便捷带来了极高速的发展,但同时也带来了相当多的隐患,特别是针对于核心代码保护上,自作者从事Web前端相关开发的相关工作以来,并未听闻到太多相关于此的方案,『前端代码无秘密』这句话好似一个业界共识一般在前端领域传播。但在日常的开发过程中,我们又会涉及以及需要相当强度的前……

打造 10000 Star 的前端开源项目 ⭐

在工作学习之余,你可能会萌生做一个开源项目的想法。一方面将自己的好代码分享出去帮助更多开发者,另一方面也希望在开源社区中得到反馈和成长。如果项目能获得很多的关注那更是锦上添花,高 Star 不仅是衡量开源项目可靠程度的一个重要依据,这样项目维护者的 Github 也能在招聘中让公司提前了解候选人的开源贡献、技术热情和编……

Vue 进阶系列(一)之响应式原理及实现

什么是响应式Reactivity Reactivity表示一个状态改变之后,如何动态改变整个系统,在实际项目应用场景中即数据如何动态改变Dom。 需求 现在有一个需求,有a和b两个变量,要求b一直是a的10倍,怎么做? 简单尝试1: let a = 3; let b = a * 10; console.log(b); ……

编写自己的 SVG 图标库

在做 one-react 组件库时,思考如何对组件库各组件中用到的图标作统一管理。在这之前,都是直接 「hard code」 写入 SVG code,一旦出现同一个图标在不同组件中引入时,本质上是在反复复制一段代码,后续图标更新时会产生不小的工作量,独立的图标库势在必行。 调研了几种社区常见方案: iconfont ……

关于前端请求的那些事

引言 前端是一个快速发展的领域,而在前端的技术栈当中,前端请求又是最见的一个领域,通过请求接口数据,才能将一个静态的页面动态化。本文将以前端发展的时间轴来逐一分析前端请求的技术演变及其优劣,针对这一课题,作者查阅了相关资料加以自己的理解,如有错误,烦请指出。 XMLHttpRequest XMLHttpRequest是……

从零快速搭建Next框架案例分享

写在前面 Next.js是提供基于React的SSR框架。解决SPA的一些缺点。下文会对SPA应用进行一些简单的介绍,并且会通过拆分本Demo的实现,让大家学会如何从零搭建Next框架。 SPA的本质以及优缺点 现今前端开发技术,spa(single page application)单页应用的普及度越来越高,reac……

见微知著,Google Photos Web UI 完善之旅

原文地址:https://medium.com/google-design/google-photos-45b714dfbed1 见微知著,Google Photos Web UI 完善之旅 几年前我有幸以工程师的身份加入 Goolge Photos 团队,并参与了 2015 年发布的第一个版本。不计其数的设计师、产品……

The Suspense is Killing Redux

译文已获得原作者授权,转载时请附上原文链接 https://medium.com/@ryanflorence/the-suspense-is-killing-redux-e888f9692430 在最近举办的 workshop 上我一直考虑这个问题: Suspense 会杀死 Redux 吗? 不得不说上面的表……

IMWebConf 2018 前端大会,10 月 14 日重磅来袭!

想了解 2018 前端前沿技术和发展趋势?想挖掘前端更深远的价值?就在这个秋季,第七届 IMWebConf 大会重磅来袭,我们邀请您一起参加这场盛宴,与前端大神们一起碰撞技术的火花,寻找你心中关于技术的答案。 【关于IMWebConf】 IMWebConf 是由腾讯前端 IMWeb 团队发起的国内顶级前端技术领域开发……