重学前端
程劭非(winter)
前手机淘宝前端负责人
立即订阅
32948 人已学习
课程目录
已完结 58 讲
0/4登录后,你可以任选4讲全文学习。
开篇词+学习路线+架构图 (3讲)
开篇词 | 从今天起,重新理解前端
免费
明确你的前端学习路线与方法
列一份前端知识架构图
模块一:JavaScript (15讲)
JavaScript类型:关于类型,有哪些你不知道的细节?
JavaScript对象:面向对象还是基于对象?
JavaScript对象:我们真的需要模拟类吗?
JavaScript对象:你知道全部的对象分类吗?
JavaScript执行(一):Promise里的代码为什么比setTimeout先执行?
JavaScript执行(二):闭包和执行上下文到底是怎么回事?
JavaScript执行(三):你知道现在有多少种函数吗?
JavaScript执行(四):try里面放return,finally还会执行吗?
JavaScript词法:为什么12.toString会报错?
(小实验)理解编译原理:一个四则运算的解释器
JavaScript语法(预备篇):到底要不要写分号呢?
JavaScript语法(一):在script标签写export为什么会抛错?
JavaScript语法(二):你知道哪些JavaScript语句?
JavaScript语法(三):什么是表达式语句?
JavaScript语法(四):新加入的**运算符,哪里有些不一样呢?
模块二:HTML和CSS (16讲)
HTML语义:div和span不是够用了吗?
HTML语义:如何运用语义类标签来呈现Wiki网页?
CSS语法:除了属性和选择器,你还需要知道这些带@的规则
HTML元信息类标签:你知道head里一共能写哪几种标签吗?
CSS 选择器:如何选中svg里的a元素?
CSS选择器:伪元素是怎么回事儿?
HTML链接:除了a标签,还有哪些标签叫链接?
CSS排版:从毕升开始,我们就开始用正常流了
HTML替换型元素:为什么link一个CSS要用href,而引入js要用src呢?
HTML小实验:用代码分析HTML标准
CSS Flex排版:为什么垂直居中这么难?
CSS动画与交互:为什么动画要用贝塞尔曲线这么奇怪的东西?
HTML语言:DTD到底是什么?
CSS渲染:CSS是如何绘制颜色的?
CSS小实验:动手做,用代码挖掘CSS属性
HTML·ARIA:可访问性是只给盲人用的特性么?
模块三:浏览器实现原理与API (9讲)
浏览器:一个浏览器是如何工作的?(阶段一)
浏览器:一个浏览器是如何工作的?(阶段二)
浏览器:一个浏览器是如何工作的(阶段三)
浏览器:一个浏览器是如何工作的?(阶段四)
浏览器:一个浏览器是如何工作的?(阶段五)
浏览器DOM:你知道HTML的节点有哪几种吗?
浏览器CSSOM:如何获取一个元素的准确位置
浏览器事件:为什么会有捕获过程和冒泡过程?
浏览器API(小实验):动手整理全部API
模块四:前端综合应用 (5讲)
性能:前端的性能到底对业务数据有多大的影响?
工具链:什么样的工具链才能提升团队效率?
持续集成:几十个前端一起工作,如何保证工作质量?
搭建系统:大量的低价值需求应该如何应对?
前端架构:前端架构有哪些核心问题?
特别加餐 (9讲)
新年彩蛋 | 2019,有哪些前端技术值得关注?
用户故事 | 那些你与“重学前端”的不解之缘
期中答疑 | name(){}与name: function() {},两种写法有什么区别吗?
答疑加餐 | 学了这么多前端的“小众”知识,到底对我有什么帮助?
加餐 | 前端与图形学
加餐 | 前端交互基础设施的建设
期末答疑(一):前端代码单元测试怎么做?
期末答疑(二):前端架构中,每个逻辑页面如何可以做到独立发布呢?
加餐 | 一个前端工程师到底需要掌握哪些技能?
尾声 (1讲)
尾声 | 长风破浪会有时,直挂云帆济沧海
重学前端
登录|注册

加餐 | 前端与图形学

winter 2019-05-02
00:00 / 00:00
(点击视频观看完整分享内容。)

主要内容

关于前端和图形学,我分成了三个部分来讲解。
第一部分是讲前端和图形学有什么样的关系。我们为什么要在前端里引入图形学,这个也是我的一段心路历程。
第二部分相对来说是比较实用的,就是图形学的应用场景。如何在前端的日常的工作中,把图形学的知识用进去,为我们的工作和业务创造价值。
最后一部分是对图形学基础设施的一些建设,目前还是一个比较初级的阶段,但是对大家来说,应该有些思路还是可以去思考的。

前端和图形学

首先讲第一部分前端和图形学,先讲讲缘起。

缘起

2011 年我做了一个分享,当时 HTML5 正火,我讲了这么一个内容叫做 gesture animation,我是用 HTML5 上的 TouchEvent,去模拟当时非常惊艳的 iOS 的操作风格。
2013 年我又开始讲一个叫做 flexible design 的东西,这是针对当时一个非常火的概念提的。那个概念能从最大的屏幕适配到最小的屏幕的一个技术方案,但是从我们当时的实现来看,这个想法是好的,概念也是高大上的,但是从落地上来看非常困难。考虑到现实情况,我提了一个 flexible design 这样的一个次级概念。
这个就是一个弹性、小范围的适配,我们只把不同的尺寸的安卓机和 iPhone 做适配,最后解决了适配的问题,并提出来了一系列的设计原则。所以在 2013 年,我们主要做得还是解决适配问题。
取消
完成
0/1000字
划线
笔记
复制
© 版权归极客邦科技所有,未经许可不得传播售卖。 页面已增加防盗追踪,如有侵权极客邦将依法追究其法律责任。
该试读文章来自付费专栏《重学前端》,如需阅读全部文章,
请订阅文章所属专栏。
立即订阅
登录 后留言

精选留言(8)

  • Frojan
    应用场景还是有限,在大公司可能有机会接触对应的项目或基础设施建设,在小一点的公司则很难接触到。作为加分项尚可,作为主攻方向可能比较吃亏。如果要在node和图形学做选择的话可能node全栈更好找工作。作为一个喜欢图形学的前端,希望图形学在前端的应用能越来越多,越来越丰富。将来有一天也会有更多前端图形学工程师的岗位哈哈,winter老师您说会有这么一天吗?😛
    2019-05-02
    17
  • Sentry
    最近出于好奇,clone了github上chrome的源码仓库,发现竟然有12G多,貌似比linux内核的源码还多。个人特别想探索一下浏览器源码,但面对如此庞大的代码,不禁望而生畏,也不知从何下手。请问老师,浏览器内核源码该如何去研究,skia渲染引擎是最先进吗,svg,canvas,WebGL该如何选择,怎样深入地学习和掌握它们呢?望老师拨冗答疑,谢谢!
    2019-05-02
    6
  • 許敲敲
    有的工业软件,3d建模的也可以用浏览器来实现了,用的是ThreeJS WebGL,老师了解这些嘛?怎么看待这个发展前景
    2019-05-03
    1
  • 子铭
    dsl层不应该是vue和rex吗
    2019-06-05
  • 麦冬
    请问下老师,为什么flexible布局方案不再维护了呢?这个方案本身存在问题吗?
    2019-05-05
    1
  • ralph
    太大方了,土豪操作!
    2019-05-03
  • Tinker Bell
    天呐,这个太赞了吧!正好想看这方面的内容。
    2019-05-03
  • 大佬processing了解下
    2019-05-02
收起评论
8
返回
顶部