前端——初篇

学习目的

  我是一名Java程序员,在自身内心其实是排斥学习前端的,认为前端的工作应该交给前端开发者,但许多时候,分工并不是那么明确,定位并不是那么精细,交给我的任务中前端占的比例也不少,而且许多时候不会前端知识,在完成前端任务时,耗费的时间长,质量也不高。简述为工作需要

学习理念

  后续开始学习前端知识之后,排斥心理渐渐减少,反而将其作为自己的学习领域。我个人的学习理念来源于《我的修养要则》中的”宁精勿杂,宁专勿多”,许多都希望自己深入的去学习。

  不论是学习前端,后端,数据库或者是其他的知识,学习越多,会逐渐加深自己对这些领域的认识,也会感受到自己的渺小,学无止境。所以大抵可以不要去相信什么三年精通Java,精通前端,反而将学习作为开发者的一种习惯,并制定合理有效的学习计划,让自己的技能更上一层楼。

知识体系

  我对前端的知识体系来源我现在的认知,随着知识的积累,经验的提升,许多认知会改变,下面的分类基于现有的认知,之后可能会更改。

  前端的知识体系分为四个部分

  • 语言            :JS,HTML,CSS。其中JS又分为Core JS,Client JS,Server JS,以及相应的API。
  • 框架            :框架的种类很多,目前了解到的有Core JS的一些框架,Client JS的框架JQuery,UI的框架easyUi,layui,kendoUI等,图表的框架echarts,highcharts等。
  • 思想            :函数式编程,functional programming,代码规范,代码安全等。
  • 工具和插件 :JSLint,JSON,正则表达式的网站。百度富文本编辑器,日历,阿里矢量图标库,画廊(galleery.js),校验插件等等。

原文地址:https://www.cnblogs.com/rain144576/p/12050153.html

时间: 2024-11-10 16:09:00

前端——初篇的相关文章

移动前端工作的那些事---前端制作篇之meta标签篇

移动端前端制作有些地方不同于互联网,这篇主要讨论的是meta标签.meta标签位于head标签之间.是主要辅助HTML结构层的.meta标签不管在互联网前端还是在移动端都起了很重要的作用.这里只讨论移动端. 附上代码进行说明: <!DOCTYPE html><!--HTML5 doctype--> <html> <head> <title>xxx</title> <meta http-equiv="Content-ty

【转发】前端进阶篇之如何编写可维护可升级的代码

原文出处: 叶小钗(@欲苍穹)   欢迎分享原创到伯乐头条 前言 我还在携程的做业务的时候,每个看似简单的移动页面背后往往会隐藏5个以上的数据请求,其中最过复杂的当属机票与酒店的订单填写业务代码 这里先看看比较“简单”的机票代码: 然后看看稍微复杂的酒店业务逻辑: 机票一个页面的代码量达到了5000行代码,而酒店的代码竟然超过了8000行,这里还不包括模板(html)文件!!! 然后初略看了机票的代码,就该页面可能发生的接口请求有19个之多!!!而酒店的的交互DOM事件基本多到了令人发指的地步:

我的博客园初篇 解密 js原型继承

网上的关于原型继承的文章多入牛毛 但是我感觉并不适合新手了解 首先假如这位新手了解过面向对象java啊 c#啊他会理解继承 但是和javascript的继承有有所不同,又假如这位新手初入前端 以前没了解过面向对象 你和他说一大堆术语 更加把他搞得蒙头转向.我在这里尝试用人类认知的模式来解释什么事原型继承以及为什么需要它. 从某种意义来说面向对象的三大特性在我看来是为了“偷懒”(纵观全世界科技发展莫不如此)而由聪明人想出来的法子,在代码世界中,代码的复用也就是多次使用时司空见惯的,比如你一进门就写

【组件化开发】前端进阶篇之如何编写可维护可升级的代码

前言 我还在携程的做业务的时候,每个看似简单的移动页面背后往往会隐藏5个以上的数据请求,其中最过复杂的当属机票与酒店的订单填写业务代码 这里先看看比较“简单”的机票代码: 然后看看稍微复杂的酒店业务逻辑: 机票一个页面的代码量达到了5000行代码,而酒店的代码竟然超过了8000行,这里还不包括模板(html)文件!!! 然后初略看了机票的代码,就该页面可能发生的接口请求有19个之多!!!而酒店的的交互DOM事件基本多到了令人发指的地步: 当然,机票团队的交互DOM事件已经多到了我笔记本不能截图了

移动前端工作的那些事---前端制作篇之框架篇

为了更好的提升用户体验,移动端逐渐出了许多的移动端的框架,比如Sencha Touch.JQTouch.Jquery-moblie.jqMobi等等.这些框架都有优缺点,不同的框架应用在不同的项目中.现简单阐述一下各框架的优缺点: 一.Sencha Touch框架是一个重量级的框架.它上手较难,代码复杂,并且需要较强的程序基础才能学习,最开始的时候因为一个项目,想使用Sencha Touch框架,后来工期实在太紧张,根本没时间学习它并使用.所以最后转投其他框架.这个框架兼容性很高,运行起来的速度

性能测试构造测试数据--初篇

MySQL mysql构造测试数据分为两种: 1.自己写SQL语句,利用LR等工具进行对数据的插入 2.利用数据库本身的存储过程构造测试数据(单线程执行,服务器端执行减少了网络的消耗) 本篇主要说下第二种方式. 1 BEGIN 2 -- DECLARE 是用来定义变量的 3 DECLARE i INT DEFAULT 1; 4 DECLARE p_sex VARCHAR(10); 5 DECLARE p_course VARCHAR(10); 6 -- WHILE循环,以DO开始,以END WH

前端筑基篇(一)-&gt;ajax跨域原理以及解决方案

说明 跨域主要是由于浏览器的“同源策略”引起,分为多种类型,本文主要探讨Ajax请求跨域问题 前言 参考来源 什么是跨域 ajax跨域的表现 跨域的原理 如何解决跨域问题 JSONP方式解决跨域问题 CROS解决跨域问题 CROS请求原理 PHP后台配置 JAVA后台配置 .NET后台配置 FAQ multi value '*,*' 的问题 前言 强烈推荐阅读参考来源中的文章,能够快速帮助了解跨域的原理 参考来源 本文参考了以下来源 浏览器同源政策及其规避方法(阮一峰) 跨域资源共享 CORS

【真&#183;新手初篇】菜鸟们都戳进来看看(欢迎大神指导)

作为一只菜鸟,我希望这篇文能帮助到同是新人的你 ———————————————————————————————————————————————————— 首先我必须感谢@CoffeeDeveloper,他的文章给了我行动的勇气,读读他置顶的文章相信对你也会有帮助 如果你想学习HTML,我向你推荐一个网站(部分收费课程),里面有一整套学习教程(虽说那老师的口音...). 视频中提及的一款软件intellji IDEA ,如果有需要的戳这里 .那啥,找提取码就把鼠标移到链接上. 缺少学习和参考的材料

&lt;12day&gt;_WEB前端(初阶段)

一.前端 : html.css.js(jquery) 二.CS模式 1.C就是客户端:2.S是服务端 三.BS模式 1.B就是浏览器:2.S就是服务端 四.html结构 <!DOCTYPE html> ---------------->告诉浏览器使用的是什么样的html或者xhtml来解析的文档. <html>........</html>---------------->是文档的开始标记和结束标记.次元素告诉浏览器其自身是一个HTML文档. <hea