Articles in the category of 第四届字节跳动青训营

字节第四届前端训练营——WebGL与动画实现

WebGL与动画实现Why WebGL / Why GPU为什么WebGL不像其他前端一样简单WebGL涉及许多系统以及底层的操作现代图形系统光栅：现代图形系统基本都基于光栅，光栅就是一个像素阵列。CPU：用于逻辑运算。GPU：用于图形运算。现代图形系统的渲染过程轮廓提取（网格化）光栅化帧缓存渲染渲染管线（Pipeline）将数据进行处理后，放入帧缓存，设备将像素从帧缓存中取出然后显示。可以...

August 20, 2022

字节第四届前端训练营——响应式系统与React

响应式系统与ReactReact的历史2010年，Facebook在其php生态中引入了xhp框架，首次使用了组合式组件的思想，为React的出现奠定了基础2011年，Jordan Walke创造了FaxJS，即React的原型2012年，在fb收购ins之后，FaxJS项目在其中得到使用，Jordan Walke基于FaxJS，创造了React2013年，React正式开源2014年至今，...

August 9, 2022

字节第四届前端训练营——前端设计模式及应用

前端设计模式及应用设计模式设计模式就是软件设计中常见问题的方案模型，其具有两个特点：从历史经验总结而来与特定语言无关设计模式的历史最早有关设计模式的书籍：《模式语言：城镇、建筑、建造》1977计算机中的设计模式：《设计模式：可复用面向对象软件的基础》1994直到现在这本书中讲述的23种设计模式仍然是提到设计模式时不可避免谈论的内容在中国，从2014年开始国内互联网大厂异军突起，迅猛发展，设计...

July 28, 2022

字节第四届前端青训营——跟着月影学JavaScript

跟着月影学JavaScript写好JavaScript的三个原则各司其责：HTML，CSS，JavaScript三者分离，各自做自己应该做的事。组件封装：一个UI组件应该拥有正确性，可扩展性以及可复用性。过程抽象：利用函数闭包，函数式编程的思想。各司其责举个例子：深夜食堂一个网页要求实现浅色深色两种模式。版本一const btn = document.getElementById('mode...

July 26, 2022

字节第四届前端青训营——HTML&CSS

HTML举个例子<!doctype html> <html> <head> <meta charset="UTF-8"> <title>页面标题</title> </head> <body> <h1>一级标题</h1>...

July 24, 2022