@changrui0608

前端 template 我推荐 lodash.template，推荐这个主要是因为 lodash 的应用相当广泛；

MVVM/MVP/MV*框架我推荐 emberjs，该类型框架的集大成之作；

另外还有一些题外话。

你选择的前端技术背后的思想如果很简单，比如 template，意味着你把大量的思考工作放到了开发过程中，相反的，如果你选择 MV*或者 Flux 架构的框架，意味着你前置考虑了很多问题，实际开发的时候参照框架的模式进行开发即可完成大部分开发工作，换句话说，这两个类型的框架，是由复杂的前端开发思想、模式、流程……提炼而来。

@lhx2008 说出你的故事

根据你能接受的思维方式进行技术选型，比如至始至终被非前端所青睐的 template，或者前几年比较流行的双向绑定（ mvvm ），以及近几年比较流行的单向数据流（ flux ）

@slgz

#32 你的理解没有什么不对，我再补充一下，设计师出设计稿（包括视觉和交互），前端输出代码，难就难在两者殊途同归，换句话说就是前端需要精确还原设计稿，包括但不仅限于布局、样式、动画等等。

#35 此“全栈”特指思想上的“全栈”，而非“技术”上的全栈。举一个例子，产品设计师确定产品采用响应式设计（设计规范），设计师负责实现具体的响应式设计（视觉稿），前端负责将视觉稿转化为响应式设计的网页（代码）。该流程中，产品和设计师不用写代码，前端不需要作图，但在“响应式设计”这个问题上，三个角色思想一致，最终输出的产品才不会有偏差。

@murmur

#28 新年快乐，有机会再聊

@nekocode @murmur

解析 jsx 的那个库叫作 ReactDOM，前端眼中的视图是由 DOM 渲染而来的，是动态的 Object，有状态，有属性，可以绑定事件……而 template 是用来渲染静态视图，渲染的过程本质上是由模板字符串渲染为 HTML 字符串。

所以，两个概念完全不同。

@nekocode

我就是这个意思，不需要操作 dom，jq 迟早要退……另外，我推荐你看下《高程》，有几个章节专门介绍包括 classList 在内的很多 API，尤其是那些搜索引擎搜不到，搜到了但没有解释清楚，而主流框架底层依赖很普遍的 API

@murmur

2018 年了，兄 dei，不跟你争了……时间倒退 5 年，谁不认同你的观点我愿意陪你一起喷

@nekocode

浏览器端 API 统一是大趋势，外加 MV*架构与单项数据流、双向绑定等思想的普及，以及移动端 web 先天性优势，jq 退出历史的舞台是迟早的事情。

@nekocode

那就直接点： 框架选主流的，真正商用的项目不会固定采用一种技术方案，该重构的时候就重构；

react 和 vue 本质上没啥区别，都是将发展多年的前端开发思想、策略、原理、模式、算法封装为了一套工具栈，侧重点不同而已，要想活学活用工具，还是得看懂背后的思想、策略、原理、模式、算法，并且还是绕不过我#9 说的问题……

@murmur

我#10 的重点在“做前端的难点在于写什么”这句话上，用别人的思路只会写出与别人的雷同的东西，工具只能用来提升工作效率，而不能用来替代思考、创造的过程

@murmur

误解我了，我的新鲜事物不是指的技术，而是指的包括视觉、操作在内的感官体验，前端开发者必须假设用户不懂技术才能开发出让用户满意的作品。

你后面说的问题我之前再 v2 与人讨论过。要想在感官体验让用户满意，关键还是在于相关设计规范的制定与实施，参与角色除了设计师、前端程序员以外，还得有知识面同时覆盖设计与前端的规范制定者与监督者。

@Kilerd 做前端的难点在于写什么，而不是怎么写，用户总是更青睐新鲜的事物，后端可以重用，前端必须不断推陈出新

PO 主先看一下回答问题的人有多少是从事前端开发的。

前端开发通常都是在解决类似这样的问题
https://www.v2ex.com/t/431475

负责任的说，这类问题与开发工具、技术栈的选择关系并不大，关键还是解决问题的思路。

思路从何而来？

除了 C/S 开发的基础知识以外，WEB 开发基础的重中之重是 CSS 的 BFC、ES5 的相关特性、浏览器端 DOM 与 js 解析器等等……掌握这些知识，才有想出思路的可能。

当然，有人会说，碰到类似的问题完全可以搜索相关的插件、框架、库等工具，把别人的轮子拿来用即可，何必自己造轮子？

外人看来你是在造轮子，其实你是在构建自己的整车生产车间。买轮子的人，买完轮子还得买其它零件，东拼西凑一通，就跟印度阿三的“万国军”一样，看起来很气派无比，实则不堪一击。

至于 jq/git/node/vue/ng/react/webpack......主要还是用来提升开发效率，提升程序的健壮性等等。

求更，求更，求更……

强势围观大佬！

@ohoh 大年青年：刚过完大年，无法适应枯燥乏味的工作环境的青年工作者

@BlueFly 我亲爱的同志，干了这杯热翔，愿大家的革命友谊地久天长

核心思路就是判断:element.scrollHeight - element.scrollTop === element.clientHeight

你#5 的需求的一个简单实现，https://coding.net/u/tuhui/p/web-scroll-event/git

chrome 下开发与测试，未考虑其它浏览器兼容性，未考虑任何性能问题，比如 scroll 事件的节流处理，更没有考虑任何 UI 设计方面的问题

“请问，这个反向的 b 是怎么打出来的？”