Web前端深思
WEB视图层技术从最初刀耕火种的时代到如今技术框架丛生,其中的感受只有经历过才知道。但到目前为止前端领域还只是整个IT行业比较边缘化的分支,因为目前的前端coder大多都还停留在视图层的处理上,利用前端技术栈处理数据层还很少。从企业层面上讲最核心的还是对于数据的处理,因此目前的前端不可能作为企业的核心技术体而存在。利用前端现有技术栈统一视图与数据的处理不是一蹴而就的,有很多的前提及准备要做。在前端技术栈深入数据层那天到来之前,你要做很多事情。这一天已不远!
首先,你得有扎实的功底。
目前前端技术框架之多及变化之快每一位前端coder都大致能体会一二。很多框架不知该学哪个,很多脚手架不知用哪个好,很多新名词层出不穷。发现学习了几个框架后都只是知道了框架API的调用方式,再换一种框架又得花费很大的精力来学习。所以,会感觉很浮躁。归根揭底前端技术无非还是html+css+js,所有现存的框架及技术栈都是为更好组织好这三者而服务的。所以这三者一定要精之又精,尤其javascript。事件机制、DOM操作、BOM操作等使它成为视图层与数据层的纽带,字符、数组、对象、数据流处理、原型链机制使它成为处理数据层的核心技术栈。javascript从起初ES3发展如今ES6、ES7变更了很多地方,引入方式、组织方式、声明方式、常用方法API化都使js更易用且更健壮。但本身的核心还是那些点EVENT、BOM、DOM、STRING、ARRAY、OBJECT、PROTETYPE,尤其PROTETYPE要深刻理解。
其次,友善的环境
在前端还未成为核心技术体存在之前,要做好前端应该做的一切有关视图层的工作。无论是视图的扩展性还是加载性能或是交互体验都是需要考虑的。但要做好这些你得有一整套友善的前端环境。说说我的做法:第一步建立稳固且要不断迭代的技术栈,这样才能保持项目的稳定及团队的稳固。第二步拿回属于前端的控制权杖,前后端分离、前端自有服务器建立、MOCK服务建立、前端项目自动化发布。目前MOCK服务与自动化发布在持续改进中,还未完全完成。有了这些,前端就可脱离依赖独立玩转了。本文对每一步中需要做哪些具体的工作不做阐述,想了解的同学可留言。
第三,效率提升
我的做法,第一加监控第二界面定制。监控选用第三方sentry,界面定制其实是一个前端组件化的过程。先写到这里…未完待续…
Web前端深思的更多相关文章
- Web前端需要熟悉大学里【高大上】的计算机专业课吗?
作为一名刚刚大学毕业,进入新的学习阶段的研究生,我必须说大学的专业课非常重要!不管你信不信,事实就是如此! 一.大学学习的专业课非常重要,它决定了我们能走到什么高度 前端的发展非常快,我常常觉得刚刚关 ...
- web前端开发分享-目录
1. web前端开发分享-css,js入门篇 2. web前端开发分享-css,js进阶篇 3. web前端开发分享-css,js提高篇 4. web前端开发分享-css,js工具篇 5. web前端 ...
- Web前端温故知新-CSS基础
一.CSS定义与编写CSS 1.1 CSS的定义 全名:Cascading Style Sheets -> 层叠样式表 定义:CSS成为层叠样式表,它主要用于设置HTML页面中的文本内容(字体. ...
- web前端的春天 or 噩梦
「 微信应用号可以做什么」 简单说,微信"小程序"可以为开发者提供基于微信的表单.导航.地图.媒体和位置等开发组件,让他们在微信的网页里构建一个 HTML 5 应用.同时微信还开放 ...
- Web 前端开发精华文章推荐(jQuery、HTML5、CSS3)【系列十二】
2012年12月12日,[<Web 前端开发人员和设计师必读文章>系列十二]和大家见面了.梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HT ...
- 也许你需要点实用的-Web前端笔试题
之前发的一篇博客里没有附上答案,现在有空整理了下发出来,希望能帮助到正在找工作的你,还是那句话:技术只有自己真正理解了才是自己的东西,共勉. Web前端笔试题 Html+css 1.对WEB标准以及w ...
- 用grunt搭建web前端开发环境
1.前言 本文章旨在讲解grunt入门,以及讲解grunt最常用的几个插件的使用. 2.安装node.js Grunt和所有grunt插件都是基于nodejs来运行的,如果你的电脑上没有nodejs, ...
- 每天成长一点---WEB前端学习入门笔记
WEB前端学习入门笔记 从今天开始,本人就要学习WEB前端了. 经过老师的建议,说到他每天都会记录下来新的知识点,每天都是在围绕着这些问题来度过,很有必要每天抽出半个小时来写一个知识总结,及时对一天工 ...
- [转载]Web前端开发工程师编程能力飞升之路
[背景] 如果你是刚进入web前端研发领域,想试试这潭水有多深,看这篇文章吧:如果你是做了两三年web产品前端研发,迷茫找不着提高之路,看这篇文章吧:如果你是四五年的前端开发高手,没有难题能难得住你的 ...
随机推荐
- elasticsearch_初始篇
一.elasticsearch简单介绍 Elasticsearch 是一个基于Lucene的分布式.可扩展.近实时的搜索与数据分析引擎. 它能从项目一开始就赋予你的数据以搜索.分析和探索的能力. 实时 ...
- 我的Android进阶之旅------>Android编译错误java.util.zip.ZipException: duplicate entry的解决方法
今天在Android Studio中把另外一个项目引入当前项目,编译的时候出现了java.util.zip.ZipException: duplicate entry错误. 错误例如以下所看到的: F ...
- SRM691 Sunnygraphs2
Problem Statement Hero has just constructed a very specific graph. He started with n isolated vertic ...
- Mac Launchpad图标调整
Launchpad图标大小怎么调整?,很多人觉得默认Launchpad的应用程序图标很大,空间比较拥挤,看起来一点也不精致,那么我们怎样才能调整Launchpad的图标大小呢?其实可以通过调整Laun ...
- execute ps1 with pwsh.exe
pwsh -file C:\Users\clu\source\repos\Edenred\LISA_5.0.0.0\LISA.ControlPanel\LISA.ControlPanel\bin\Re ...
- The type exists in both DLLs
2>C:\Windows\Microsoft.NET\Framework\v4.0.30319\Temporary ASP.NET Files\root\c0b37647\aaceda91\Ap ...
- mac idea 内存
vim /Applications/IntelliJ\ IDEA.app/Contents/bin/idea.vmoptions -Xms512m -Xmx2048m -XX:ReservedCode ...
- SELinux 初探
SELinux:Security Enhanced Linux.SELinux 是 NSA(美国国家安全局)开发设计,整合到 Linux 内核中的一个模块. 0. 基本概念 DAC(Discretio ...
- 【转】Android 6.0 Marsmallow BLE : Connection Parameters
原文网址:http://stackoverflow.com/questions/34617061/android-6-0-marsmallow-ble-connection-parameters Th ...
- OC:基础总结
OC面向对象的编程语言思想 类与对象.继承与实例化.属性点语法.内存管理.字符串.可见度. 类是一组具有相同特征和行为的事物的抽象 OC的与C相比所具有的新的特点: 定义新的类.类的实例和方法.方法的 ...