d*******r
发帖数: 3299 | 1 前端大牛们说说 AngularJS 和 BootStrap 合起来用的 best practice 吧
这两天研究了下，有AngularJS community 有2个Bootstrap.
http://mgcrea.github.io/angular-strap/
http://angular-ui.github.io/bootstrap/
这里有些评论：
http://deansofer.com/posts/view/20/AngularJS-and-Bootstrap
angular-strap 这个是 wrapper over original bootstrap, 紧跟 bootstrap.
angular-ui 的 angular-bootstrap 是 native 的 AngularJS 实现，JS 代码都是重写
的，不依赖jQuery.
另外，我看最新的 MeanJS.org 里面, original bootstrap 和 angular-ui 的
angular-bootstrap 都用了.
https://github.com/meanjs/mean/blob/master/bower.json
{
"name": "meanjs",
"version": "0.3.1",
... ...
"dependencies": {
"bootstrap": "~3",
... ...
"angular-bootstrap": "~0.11.0",
"angular-ui-utils": "~0.1.1",
"angular-ui-router": "~0.2.10"
}
} |
l**********n
发帖数: 8443 | 2 你说的是bootstrap还是bootstrap-ui?
【在 d*******r 的大作中提到】
: 前端大牛们说说 AngularJS 和 BootStrap 合起来用的 best practice 吧
: 这两天研究了下，有AngularJS community 有2个Bootstrap.
: http://mgcrea.github.io/angular-strap/
: http://angular-ui.github.io/bootstrap/
: 这里有些评论：
: http://deansofer.com/posts/view/20/AngularJS-and-Bootstrap
: angular-strap 这个是 wrapper over original bootstrap, 紧跟 bootstrap.
: angular-ui 的 angular-bootstrap 是 native 的 AngularJS 实现，JS 代码都是重写
: 的，不依赖jQuery.
: 另外，我看最新的 MeanJS.org 里面, original bootstrap 和 angular-ui 的
|
d*******r
发帖数: 3299 | 3 both,
angular-ui 的 angular-bootstrap 就是 bootstrap-ui 呀
【在 l**********n 的大作中提到】
: 你说的是bootstrap还是bootstrap-ui?
|
d*******r
发帖数: 3299 | 4 你的 "bootstrap还是bootstrap-ui" 到底是咋定义的
【在 l**********n 的大作中提到】
: 你说的是bootstrap还是bootstrap-ui?
|
l**********n
发帖数: 8443 | 5 bootstrap就是css，bootstrap-ui是jquery plugins。bootstrap就是用来layout吧。
【在 d*******r 的大作中提到】
: 你的 "bootstrap还是bootstrap-ui" 到底是咋定义的
|
c*********e
发帖数: 16335 | 6 bootstrap还好了，不過做出来的界面愣头愣脑的，不怎么灵活，pagination也不怎么
好看。我还是比较喜欢更专业点的framework.
【在 d*******r 的大作中提到】
: 前端大牛们说说 AngularJS 和 BootStrap 合起来用的 best practice 吧
: 这两天研究了下，有AngularJS community 有2个Bootstrap.
: http://mgcrea.github.io/angular-strap/
: http://angular-ui.github.io/bootstrap/
: 这里有些评论：
: http://deansofer.com/posts/view/20/AngularJS-and-Bootstrap
: angular-strap 这个是 wrapper over original bootstrap, 紧跟 bootstrap.
: angular-ui 的 angular-bootstrap 是 native 的 AngularJS 实现，JS 代码都是重写
: 的，不依赖jQuery.
: 另外，我看最新的 MeanJS.org 里面, original bootstrap 和 angular-ui 的
|
r***y
发帖数: 4379 | 7 pagination 通常是 angularjs knockout backbone ember 的干活
跟 bootstrap 没啥关系吧
【在 c*********e 的大作中提到】
: bootstrap还好了，不過做出来的界面愣头愣脑的，不怎么灵活，pagination也不怎么
: 好看。我还是比较喜欢更专业点的framework.
|
d*******r
发帖数: 3299 | 8 恩，差不多是这个意思，我是前端菜，被 bootstrap 一堆东西搞晕了
现在我的理解是，要用 bootstrap 的 css 部分特别是 grid 部分做 layout.
然后看喜欢，选一些 bootstrap 的 JS UI components 来做 fancy UI.
original bootstrap JS UI 部分是依赖的 jQuery:
http://getbootstrap.com/javascript/
AngularJS bootstrap JS UI 部分有不依赖 jQuery 的实现:
http://angular-ui.github.io/bootstrap/
问个 JS UI 的问题，这些个 fancy 的 button 啊，折叠按钮啊... 太多种了...
而且 original bootstrap 的，和 AngularJS bootstrap 居然还不一样的。
这个就是完全不成系统的是吧？随便看啥顺眼选啥？
感觉 bootstrap 还是有些规律可寻呢。
【在 l**********n 的大作中提到】
: bootstrap就是css，bootstrap-ui是jquery plugins。bootstrap就是用来layout吧。
|
l**********n
发帖数: 8443 | 9 我觉得是这样的，除非你特别熟悉Angular的API，否则还是使用别人写好的directive
。Angular和jquery不兼容的。我看了看Angularui-bootstrap，就是把bootstrap-ui用
Angular重新实现了一遍。Angular连直接bind to DOM都是要禁止的。要bind to DOM，
就要使用ng-bind，否则你不能trigger two-way binding。jQuery是基于event
listener的，而Angular是基于dirty checking的，不过Angular2.0要使用Observer,这
是回到event listener的路子上来。
【在 d*******r 的大作中提到】
: 恩，差不多是这个意思，我是前端菜，被 bootstrap 一堆东西搞晕了
: 现在我的理解是，要用 bootstrap 的 css 部分特别是 grid 部分做 layout.
: 然后看喜欢，选一些 bootstrap 的 JS UI components 来做 fancy UI.
: original bootstrap JS UI 部分是依赖的 jQuery:
: http://getbootstrap.com/javascript/
: AngularJS bootstrap JS UI 部分有不依赖 jQuery 的实现:
: http://angular-ui.github.io/bootstrap/
: 问个 JS UI 的问题，这些个 fancy 的 button 啊，折叠按钮啊... 太多种了...
: 而且 original bootstrap 的，和 AngularJS bootstrap 居然还不一样的。
: 这个就是完全不成系统的是吧？随便看啥顺眼选啥？
|
P****i
发帖数: 12972 | 10 当然可以bind，哪有禁止，只不过不是ng风格罢了
directive很容易写的
directive
【在 l**********n 的大作中提到】
: 我觉得是这样的，除非你特别熟悉Angular的API，否则还是使用别人写好的directive
: 。Angular和jquery不兼容的。我看了看Angularui-bootstrap，就是把bootstrap-ui用
: Angular重新实现了一遍。Angular连直接bind to DOM都是要禁止的。要bind to DOM，
: 就要使用ng-bind，否则你不能trigger two-way binding。jQuery是基于event
: listener的，而Angular是基于dirty checking的，不过Angular2.0要使用Observer,这
: 是回到event listener的路子上来。
|
|
|
P****i
发帖数: 12972 | 11 那些都是css定义的
【在 d*******r 的大作中提到】
: 恩，差不多是这个意思，我是前端菜，被 bootstrap 一堆东西搞晕了
: 现在我的理解是，要用 bootstrap 的 css 部分特别是 grid 部分做 layout.
: 然后看喜欢，选一些 bootstrap 的 JS UI components 来做 fancy UI.
: original bootstrap JS UI 部分是依赖的 jQuery:
: http://getbootstrap.com/javascript/
: AngularJS bootstrap JS UI 部分有不依赖 jQuery 的实现:
: http://angular-ui.github.io/bootstrap/
: 问个 JS UI 的问题，这些个 fancy 的 button 啊，折叠按钮啊... 太多种了...
: 而且 original bootstrap 的，和 AngularJS bootstrap 居然还不一样的。
: 这个就是完全不成系统的是吧？随便看啥顺眼选啥？
|
d*******r
发帖数: 3299 | 12 总感觉前端的东西散乱呢，更新还快。
作为一个前端菜，求个 summary 一样的攻略呀
【在 P****i 的大作中提到】
: 那些都是css定义的
|
L*****a
发帖数: 3080 | 13 kendoUI也有一个针对angular的library，你可以看看。这些libraries应该互相重叠也
有各自特有的component。我目前用angular ui比较多，也够用。 |
L*****a
发帖数: 3080 | 14
是不是可以用SASS/Less修改css 参数,这样不会千人一面。不过我还没试过。
bootstrap css做prototype还行，也快，成品的话就有点太腻味了。
【在 c*********e 的大作中提到】
: bootstrap还好了，不過做出来的界面愣头愣脑的，不怎么灵活，pagination也不怎么
: 好看。我还是比较喜欢更专业点的framework.
|
L*****a
发帖数: 3080 | 15
bootstrap有这个component，当然要怎么生成新的data list就要靠别的library。
【在 r***y 的大作中提到】
: pagination 通常是 angularjs knockout backbone ember 的干活
: 跟 bootstrap 没啥关系吧
|
L*****a
发帖数: 3080 | 16
boostrap css有折叠按钮吗？没这个印象啊，就记得用过angularui里的Accordion用
chevron sign而不是+/-sign。
我一般是尽量直接用bootstrap css（一般是div里放class无需用js去操控，不过modal
popup是个例外需要js code操控ng-template）,找不到我想要的component或者需要一
些动态logic再找angularui帮忙（比如accordion directive）。二者通用的component
大多应该theme是一样（兰红绿黄等等），就是我用accordion的时候发现heading字号
有点突兀的大需要修改。还有似乎在bootstrap div table里用不了ngclass和ngstyle
来conditional format。
【在 d*******r 的大作中提到】
: 恩，差不多是这个意思，我是前端菜，被 bootstrap 一堆东西搞晕了
: 现在我的理解是，要用 bootstrap 的 css 部分特别是 grid 部分做 layout.
: 然后看喜欢，选一些 bootstrap 的 JS UI components 来做 fancy UI.
: original bootstrap JS UI 部分是依赖的 jQuery:
: http://getbootstrap.com/javascript/
: AngularJS bootstrap JS UI 部分有不依赖 jQuery 的实现:
: http://angular-ui.github.io/bootstrap/
: 问个 JS UI 的问题，这些个 fancy 的 button 啊，折叠按钮啊... 太多种了...
: 而且 original bootstrap 的，和 AngularJS bootstrap 居然还不一样的。
: 这个就是完全不成系统的是吧？随便看啥顺眼选啥？
|
L*****a
发帖数: 3080 | 17
directive
Angular和jquery不兼容的
【在 l**********n 的大作中提到】
: 我觉得是这样的，除非你特别熟悉Angular的API，否则还是使用别人写好的directive
: 。Angular和jquery不兼容的。我看了看Angularui-bootstrap，就是把bootstrap-ui用
: Angular重新实现了一遍。Angular连直接bind to DOM都是要禁止的。要bind to DOM，
: 就要使用ng-bind，否则你不能trigger two-way binding。jQuery是基于event
: listener的，而Angular是基于dirty checking的，不过Angular2.0要使用Observer,这
: 是回到event listener的路子上来。
|
l**********n
发帖数: 8443 | 18 其实two way binding实际上用得不多。大多数时候都是one way binding。
【在 L*****a 的大作中提到】
:
: directive
: Angular和jquery不兼容的
|
d*******r
发帖数: 3299 | 19 "折叠按钮" 这词我可能用错了吧，反正就是 Angular-ui 上那一堆 JS UI components:
http://angular-ui.github.io/bootstrap/
Lulu你是女生吧，你这个帖子里还不少琐碎有用的经验，做前端就是得细致一点啊，做
前端我觉得女生挺好。
我都想教我老婆做做前端看。老婆学编程一教就会，挺聪明的。我看她属于3大悲催专
业，工作干着真无趣。
做前端的女生多吗?
modal
component
ngstyle
【在 L*****a 的大作中提到】
:
: directive
: Angular和jquery不兼容的
|
l**********n
发帖数: 8443 | 20 多。
components:
【在 d*******r 的大作中提到】
: "折叠按钮" 这词我可能用错了吧，反正就是 Angular-ui 上那一堆 JS UI components:
: http://angular-ui.github.io/bootstrap/
: Lulu你是女生吧，你这个帖子里还不少琐碎有用的经验，做前端就是得细致一点啊，做
: 前端我觉得女生挺好。
: 我都想教我老婆做做前端看。老婆学编程一教就会，挺聪明的。我看她属于3大悲催专
: 业，工作干着真无趣。
: 做前端的女生多吗?
:
: modal
: component
|
|
|
d*******r
发帖数: 3299 | 21 转做前端女码工需要 CS degree 吗？或者 prefer 有艺术相关 degree？
有这种计划应该去硅谷？大牛指一条明路吧.
【在 l**********n 的大作中提到】
: 多。
:
: components:
|
l**********n
发帖数: 8443 | 22 前端相对狭窄，女生比较合适，而且女生比较注重细节。没有cs degree，有工作经验
也可以。
【在 d*******r 的大作中提到】
: 转做前端女码工需要 CS degree 吗？或者 prefer 有艺术相关 degree？
: 有这种计划应该去硅谷？大牛指一条明路吧.
|
d*******r
发帖数: 3299 | 23 木有CS工作经验，有 H1B, 有 github 的项目，有刷 LeetCode, 行不行？
【在 l**********n 的大作中提到】
: 前端相对狭窄，女生比较合适，而且女生比较注重细节。没有cs degree，有工作经验
: 也可以。
|
l**********n
发帖数: 8443 | 24 有GitHub绝对没问题。
【在 d*******r 的大作中提到】
: 木有CS工作经验，有 H1B, 有 github 的项目，有刷 LeetCode, 行不行？
|
d*******r
发帖数: 3299 | 25 多谢~~
【在 l**********n 的大作中提到】
: 有GitHub绝对没问题。
|
L*****a
发帖数: 3080 | 26
我是新闻（国内）->Communication Studies ->MIS,在美国MIS学起来要容易有意思的
多，毕竟对语言要求不高。热门编程技术大部分都是在工作中学的。以前做c#，asp.
net，sql比较多，但一直想往Web前端发展。
看职位要求了，专门要求UX/UI的话，可能一个design方面的学历和porfolio网站会有
帮助，我有几个朋友学的是比较偏门的教育系instructional design,找的是大学之类
的教育系统的工作。
我自己年初找工作的时候看UI/UX的职位对experience要求都挺高的，而且现在流行
responsive design。
一般公司的系统前端不会要求那么Fancy，easy to use很重要，我那点三脚猫的功夫还
凑活。而且user很懒，不想重学一遍新系统，新系统有可能就不怎么改头换面了。公司
也没指望Developer的设计会有多漂亮，有钱的话，可能会花钱雇专门的UI/web design
公司写CSS。
【在 d*******r 的大作中提到】
: 转做前端女码工需要 CS degree 吗？或者 prefer 有艺术相关 degree？
: 有这种计划应该去硅谷？大牛指一条明路吧.
|
L*****a
发帖数: 3080 | 27
components:
不是很了解女生多不多，我们组就我一个华裔/女生。想像中应该web design方面女生
不少，毕竟女生这方面的敏感和天赋会好一些。
我是新手，说的都是偏向functionality和usability的吧。细心和耐心确实很重要。
angular和boostrap css都不是万能的，会冒出很多小issue，一个个攻破了还挺有成就
感。不过也就是自己心理上爽，老板是不会有什么耐心听你叨叨怎么让一个datepicker
work的。
design方面其实网上有各种theme和template可选（bootstrap也算一种喽），没必要重
起炉灶。
【在 d*******r 的大作中提到】
: "折叠按钮" 这词我可能用错了吧，反正就是 Angular-ui 上那一堆 JS UI components:
: http://angular-ui.github.io/bootstrap/
: Lulu你是女生吧，你这个帖子里还不少琐碎有用的经验，做前端就是得细致一点啊，做
: 前端我觉得女生挺好。
: 我都想教我老婆做做前端看。老婆学编程一教就会，挺聪明的。我看她属于3大悲催专
: 业，工作干着真无趣。
: 做前端的女生多吗?
:
: modal
: component
|
d*******r
发帖数: 3299 | 28 多谢指点
MIS 具体指的是什么专业
【在 L*****a 的大作中提到】
:
: components:
: 不是很了解女生多不多，我们组就我一个华裔/女生。想像中应该web design方面女生
: 不少，毕竟女生这方面的敏感和天赋会好一些。
: 我是新手，说的都是偏向functionality和usability的吧。细心和耐心确实很重要。
: angular和boostrap css都不是万能的，会冒出很多小issue，一个个攻破了还挺有成就
: 感。不过也就是自己心理上爽，老板是不会有什么耐心听你叨叨怎么让一个datepicker
: work的。
: design方面其实网上有各种theme和template可选（bootstrap也算一种喽），没必要重
: 起炉灶。
|
L*****a
发帖数: 3080 | 29
management information systems, 偏PM和system analysis，编程学的很浅。
【在 d*******r 的大作中提到】
: 多谢指点
: MIS 具体指的是什么专业
|
d*******r
发帖数: 3299 | 30 再问一个，做前端，需要很强的沟通能力吗，需要像老美一样那么多话吗？我老婆话比
较少
【在 L*****a 的大作中提到】
:
: management information systems, 偏PM和system analysis，编程学的很浅。
|
|
|
L*****a
发帖数: 3080 | 31
对Developer来说沟通能力强是充分非必要的，你想你一天就8小时，不可能花大时间跟
别人Blah Blah的（混日子的人另说）。Email之类的也是一种沟通吧，还有备案，别人
从中也可以看出你的能力。做前端有可能跟User打交道比较多。话少的一定要沟通的话
，先想好要说什么问什么，网上不是一堆UI/UX best practice/checklist，拿这些跟
user讨论需求基本不会出错。
如果你老婆要做PM或者BA，或者要sell project，那是要提高一下沟通能力。
【在 d*******r 的大作中提到】
: 再问一个，做前端，需要很强的沟通能力吗，需要像老美一样那么多话吗？我老婆话比
: 较少
|
d*******r
发帖数: 3299 | 32 多谢多谢，我再琢磨琢磨
【在 L*****a 的大作中提到】
:
: 对Developer来说沟通能力强是充分非必要的，你想你一天就8小时，不可能花大时间跟
: 别人Blah Blah的（混日子的人另说）。Email之类的也是一种沟通吧，还有备案，别人
: 从中也可以看出你的能力。做前端有可能跟User打交道比较多。话少的一定要沟通的话
: ，先想好要说什么问什么，网上不是一堆UI/UX best practice/checklist，拿这些跟
: user讨论需求基本不会出错。
: 如果你老婆要做PM或者BA，或者要sell project，那是要提高一下沟通能力。
|
c*********e
发帖数: 16335 | 33 en,搞编程的，都是很容易看出你的实力，在哪方面强，哪方面弱，非常明显。
【在 L*****a 的大作中提到】
:
: 对Developer来说沟通能力强是充分非必要的，你想你一天就8小时，不可能花大时间跟
: 别人Blah Blah的（混日子的人另说）。Email之类的也是一种沟通吧，还有备案，别人
: 从中也可以看出你的能力。做前端有可能跟User打交道比较多。话少的一定要沟通的话
: ，先想好要说什么问什么，网上不是一堆UI/UX best practice/checklist，拿这些跟
: user讨论需求基本不会出错。
: 如果你老婆要做PM或者BA，或者要sell project，那是要提高一下沟通能力。
|
c********1
发帖数: 421 | 34 mark
modal
component
ngstyle
【在 d*******r 的大作中提到】
: 恩，差不多是这个意思，我是前端菜，被 bootstrap 一堆东西搞晕了
: 现在我的理解是，要用 bootstrap 的 css 部分特别是 grid 部分做 layout.
: 然后看喜欢，选一些 bootstrap 的 JS UI components 来做 fancy UI.
: original bootstrap JS UI 部分是依赖的 jQuery:
: http://getbootstrap.com/javascript/
: AngularJS bootstrap JS UI 部分有不依赖 jQuery 的实现:
: http://angular-ui.github.io/bootstrap/
: 问个 JS UI 的问题，这些个 fancy 的 button 啊，折叠按钮啊... 太多种了...
: 而且 original bootstrap 的，和 AngularJS bootstrap 居然还不一样的。
: 这个就是完全不成系统的是吧？随便看啥顺眼选啥？
|
