前者知识系列

前者知识序列介绍

此处排版比较乱,可以参考这几个:https://hackmd.io/s/rJ7ll5nrb
(有点醉,天涯论坛连markdown的链接语法都解析错,请自行复制粘帖)
得到第一张工作牌,第一次到位公司作育,感觉很奇特。很久没写作品了,明天给各位园友分享一下本身入职远光大约三周的认知。(ps:因为这是一个训练markdown语法的课业,逻辑性不强,随便写的)

随便说说

本人是11月份投的简历,岗位是前端开发岗,属于集团的大数额事业部,感觉面试表现不是太好,当时面试官问我有关session和cookie的题目,答的不得了,然后边试官很耐心讲了四遍(感谢殷工)。后来接受邮件说面试通过了(可能公司对应届生要求不是太高),极度喜出望外,远光软件如故不错的,首倘使做电力企业管理软件的(财务管理,燃料管理等等的),首要客户时国家电网、南方电网,很牛比,有木有。

7.6号提前一天入职了,因为7、8、9去迪拜插手爱奇艺的较量了(窘迫,第一天就请假,错过了与同伙们玩游戏的火候,可气的是没得奖)。入职第一天,办理了入职手续,然后领了微机,安排了工位,然后就是装软件装了一天。(感谢亚婷姐为大家跑前跑后,感谢蔡工的引导。❤️❤️❤️)

这一天的认知是合作社的平安工作好严刻啊(不领会其他店铺是不是也是这么)。没法访问外网,文件是加密的,要登录一个怎么着客户端才能解密。没法访问外网还是很胸口痛的,固然集团共享里边有一些必要的软件,可是有些温馨喜爱的ide依旧没法装。后来殷工说访问外网是索要写申请书的。

后来到公司就是参预培训了,首先是做的商店产品、管理专业、项目管理工具方面的牵线,说实话,不太能听懂。然后就是一个年限一个多星期的前端技能的塑造(明天深夜有测试),讲的可比粗,大致上把前端的部分事物拉了一回。那个时前几天分享的第一。


前者技术栈

  • 前端基础
    亚洲城ca88手机版下载地址 1亚洲城ca88手机版下载地址 2亚洲城ca88手机版下载地址 3

    上述是前者的基本功,一些HTML5的新特色,新API还有CSS3的部分新特征,以及ES6的新语法也是相比较紧俏的,培训中都有关联。

  • 框架或库
    亚洲城ca88手机版下载地址 4
    亚洲城ca88手机版下载地址 5
    亚洲城ca88手机版下载地址 6
    亚洲城ca88手机版下载地址 7
    亚洲城ca88手机版下载地址 8
    亚洲城ca88手机版下载地址 9亚洲城ca88手机版下载地址 10

这是前端常用到的库和框架,包括:
  1. jQuery
  2. bootstrap
  3. requireJs
  4. echarts
  5. vue
  6. angularJs
  7. ionic
  • ### 一些工具

    眼下用的最多的工具首要时npm模块管理工具,gulp、grunt、webpack等自动化或者模块管理工具。培训重点讲的时webpack。上多少个图。
    亚洲城ca88手机版下载地址 11
    亚洲城ca88手机版下载地址 12
    亚洲城ca88手机版下载地址 13
    亚洲城ca88手机版下载地址 14


前端的其余位置

  • ### 性能与安全
  1. 从浏览器渲染角度考虑性能(并发下载,阻塞等等)
  2. 从js执行效能考虑性能
    1.防止内存泄漏
    2.避免意外全局变量
    3.制止蛮力算法
    4.减少dom操作
  3. 设想跨站点脚本攻击和跨站点伪造(不要相信任何用户输入)
  • ### 前端延伸
  1. 依赖v8引擎通过nodejs向服务端延伸
  2. 向桌面应用延伸

以上就是前者方面的学问类别,两周左右的扶植将那些事物主要到了。为了练习一下markdown语法,大~熊先做一个报表总括一下前端知识系统,然后简单介绍部分事物。

项目 1 2 3 4 5 6 7
前端基础 html5 css3 javascript ES6
前端框架与库 jquery bootstrap vue angularjs ionic requirejs react
前端工具 webpack grunt gulp less sass
前端其他 性能 安全 兼容 nodejs 计算机网络

表一:前端知识库


前者基础–html5

html5前两年特别火,h5的重中之重改变有下边几点:

  • 增产了一些结构元素,例如header,section,footer等等
  • 新增了有些属性,例如contentEditable
  • 增产部分表单类型,number,url等
  • 撇开了一些不那么常用或者可以透过css实现的要素
  • 新增了有的好用的接口
  • 与储存相关的localStroage、sessionStroage、indexedDB
  • 与公事访问相关的FileSystem相关的接口
  • cache接口
  • canvas
  • video、audio
  • websocket
  • webworker
  • 还有新增了有的事变

更多请参见:w3school


前者基础–css3

只能说css3真的很棒,尤其是她的动画,但是学好也是很难的。css3涉及的东西如下:

  • 选拔器的恢弘
  • 一些体裁,例如背景、文字、边框等等
  • 有些搭架子相关的事物,例如flex,column等等
  • 局部变形,transform
  • 过分效果,transition
  • 据悉关键帧的卡通片,animation

更多请参考:w3school


前端新知–ES6

ES6看上去怪怪的,不过挺好玩的,我相比欣赏他的函数参数默认值,模块管理,还有promise。参考阮一峰先生的这本书,ES6的中央思想如下:

  • let 和 const 关键字
  • 变量的解构赋值
  • 字符串的壮大
  • 正则的扩张
  • 数值的扩大
  • 函数的扩充
  • 数组的恢弘
  • 对象的恢宏
  • Symbol
  • Set 和 Map 数据结构
  • Proxy
  • Reflect
  • Promise 对象
  • Iterator 和 for…of 循环
  • Generator 函数的语法
  • Generator 函数的异步应用
  • async 函数
  • Class 的主导语法
  • Class 的继承
  • Decorator
  • Module 的语法
  • Module 的加载实现

给一段ES6的代码(是不是很怪,ps:练习代码块编写)

function bar(func = () => foo) {
  let foo = 'inner';
  console.log(func());
}

bar() // ReferenceError: foo is not defined

更多请参考:ES6正经入门


前者框架或库–jquery

享有学前端的不能不晓得jquery,个人认为jquery有如下特征:

  • 有力的采纳器,当然现在透过h5的api也足以兑现
  • 好用的法子
  • 出色的兼容性
  • 动画的襄助
  • 加上的插件

更多请参见:jqury文档


前者框架或库–bootstrap

有了bootstrap,写多少个class就可以做一个大好的响应式页面,而且还足以用他的非常好用的js插件。very
弯的four!

更多请参考:bootstrap闽南语文档


前者框架或库–vue

境内大神尤雨溪经典小说,让大家向这位大神致敬。这款框架异常容易学容易用,本人10分钟就会用了(此处运用了浮夸手法)。她有非常充裕的机件可用(请留心自己的用词:她),跟angular1长得很像,分外棒!还有一些亟待重新强调,国产精品!

更多请参见:vue中文文档


前端框架或库–angular

你走开!angular4!我早就认不得你了。他选取了typescript,具体我也不太明白。后边学习了在更几篇随笔。

参考:官网


前端框架或库–ionic

以此自家就更不熟了,据说是混合式应用必备利器。我要去学习了!不要拦我!

参考:官网


前者框架或库–echarts

Echarts很牛逼哦!表弟也是刚学的,通过多少个大概的部署就可以画出各个图片了,nice!姨妈再也不用担心我不会画图了。

参考:官网


前者框架或库–requirejs

这是一个遵从AMD规范的模块管理库,我不是特熟,我是用的webpack,可以用es6的import
export

参考:官网


前端工具简介

亚洲城ca88手机版下载地址,工具是干嘛的,帮大家偷懒的。

  • grunt是一个任务执行器
  • gulp是一个流式的天职执行器
  • webpack是一个模块打包工具

个体用的相比多的是webpack。具体可以到各自的官网学习。webpack有个中文版的,文档很好懂。


小结一下咯

下边就是这几天培训所讲的主旨内容的盘整,只是点到而已,假设您想详细学习的话去官网看作品就好了,也足以看有些写的可比好的博客。倘使您有什么样新的学识要补充,或者法现随笔中的任何问题请留言给自己。最后只要你认为大熊的著作写的正确性,欢迎关注本身,还差五个粉丝就有40个粉丝了!!!

芳学姐,我用的morkdown语法不多,但是如故请给个满分!因为学姐最美了!心地最最善良了!