2018年java web前端(总结)前端要求和流行几个框架

发布时间:2018-08-12 20:19  浏览次数:10


Web前端开发技术主要包括三个要素:HTML、CSS和JavaScript!HTML甚至不是一门语言,仅仅是简单的标记语言!CSS只是无类型的样式修饰语言。当然可以勉强算作弱类型语言。Javascript的基础部分相对来说不难,入手还算快。



 

 

 

 

 

 

 

 

 

 

 

 

 

 

掌握技术

1. 掌握各种修图软件,如PSFireworksAI,不要求专业设计师水平,但要会用会改,今天是一专多能的时代,光会编程讨不好饭碗的;

2. 精通JavaScript、jQuery、vue、
react、angular等页面效果框架,这是前端工程师的最核心技能,是专做页面效果的技术。其实精通了JavaScript,后端编程语言,如.NET、PHP、Ruby都很容易掌握,因为其原理是一样的;

3. 精通一二种模板语言,并能修改,如织梦或wordpress的模板;

4. 掌握thinkphp与zend框架,能修改此类开源源码;

5. 掌握html5与sencha,这是做手机等移动设备的页面前端技术;

6. 掌握一二种后端编程语言,如PHP、.NET、JAVA,能读懂后端源码,实际上其原理跟JS差不多;

7. 掌握node.js,熟悉各种自动化部署工具;

8. 前端是重视用户体验的,不是靠美工给的页面 做出来就行了,那样不是一个合格的前端。

其中vue、 react、angular,等框架是走在现在流行的框架的。

 

Vue.js 很好,但相比 Angular 或 React 更好吗?

Vue.js 是一个用来构建网页界面的 JavaScript 库。同其它的一些工具结合在一起,它也可以成为一个新“框架”。你会了解到 Vue.js 是顶级的
JavaScript 框架之一,它在许多场景中可以被用来替换 Angular 和 React。这就引出了本文要讨论的话题 “Vue.js 是不错,但能比
Angular 或者 React 更好么?”

 

Vue.js 为什么比较特别?

· Vue 最大优势就是它比较新颖,没历史包袱,它吸取了 React 和 Angular 的教训

· Vue轻量级,易上手,易学习

· Vue更加灵活,(比起 Angular)更少专制

· 组件(Component)是 Vue最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码

 

Angularjs vs Vue.js

Vue.js 更加灵活,(比起 Angular)更少专制,它能然你按照自己想要的方式构建应用,而非凡事非得 Angular
如此如此。它只不过是一层界面而已,因此你可以拿它作为页面中一个轻量的功能来使用

vue的双向邦定是基于ES5 中的
getter/setters来实现的,它的每个属性都有两个相对应的get和set方法,于是去网上查了查Angular.js双向绑定的实现原理,结果发现与vue完全不同,Angular是用的数据脏检测,当Model发生变化,会检测所有视图是否绑定了相关数据,再更改视图。而Vue使用的发布订阅模式,是点对点的绑定数据。


它的每个属性都有两个相对应的get和set方法,我觉的这是多此一举的,于是去网上查了查Vue双向绑定的实现原理,才发现它和Angular.js双向绑定的实现原理完全不同,Angular是用的数据脏检测,当Model发生变化,会检测所有视图是否绑定了相关数据,再更改视图。而Vue使用的发布订阅模式,是点对点的绑定数据。vue则不需要。因此,vue在性能上更高效,但是代价是对于ie8以下ie8的浏览器无法支持。

脏值检查: angular.js 是通过脏值检测的方式比对数据是否有变更,来决定是否更新视图,最简单的方式就是通过 setInterval()
定时轮询检测数据变动,当然Google不会这么low,angular只有在指定的事件触发时进入脏值检测,大致如下:

DOM事件,譬如用户输入文本,点击按钮等。( ng-click )

XHR响应事件 ( http )

浏览器Location变更事件 (location )

Timer事件(timeout , interval )

执行 digest() 或 apply()

数据劫持: vue.js
则是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。

Angularjs 拥有许多工具,而如此多的复杂语法有时也会让你感到迷惑。另外一方面,Vue.js 比起 Angular 要简单的多,甚至于要更好。

 

Reactjs vs Vue.js

React 和 Vue.js 拥有一些类似的功能特性,如:

1) 使用了一个虚拟 DOM

2) 提供了响应式的,并且可组合式的视图组件。

3) 保持对核心库的专注, 而像路由和全局状态管理这样的关注点则交给附带的库来处理

写一个Hello World

React 这样做:



 

 

 

 

 

 

 

 

 

Vue这样做:



 

 

 

 

 

 

 

这个很简单。使用一堆 script 标签就可以让代码跑起来。从这里可以看出,利用 Vue 的功能特性的好处就是无需学习任何新的技术。

标签

归档

阅读排行

支付宝搜索“559315787”,天天领红包