前端

理解前后端分离 目录 理解前后端分离 为什么要做前后端分离，它到底有什么好处？ 实现的一些表现 RESTful风格的API 为什么要做前后端分离，它到底有什么好处？ 前后端的分离也实现了前后端架构的分离，带来的好处有： 整个项目的开发权重往前移，实现真正的前后端解藕，动态资源和静态资源分离，提高了性能和扩展性。 前端静态化 前端有且仅有静态内容,再明确些,只有HTML/CSS/JS。 其内容来自于完全静态的资源而不需要任何后台技术进行动态化组装。 前端内容的运行环境和引擎完全基于浏览器本身。 后端数据化 后端可以用任何语言,技术和平台实现。 遵循一个原则:只提供数据,不提供任何和界面表现有关的内容。 统一API接口，接口完全可以共用。 提供的数据可以用于任何其他客户端(如IOS,安卓,PC,微信小程序等)。 通过一些代码重构，就可以大量复用接口，提升效率。 平台无关化 前端3大技术（HTML/CSS/JS）本身就是平台无关的。 后台连接部分的本质是实现合适的RESTful接口和交互Json数据,就这2者而言,任何技术和平台都可以实现。 前后端交给不同的人来编写，明确划分职责，发现bug的时候可以快速定位。 vue.js等框架编写前端时，会比之前写jquery更简单快捷。 架构分离化 前端架构完全基于HTML/CSS的发展和JS框架的演变,由于前台是纯静态内容

作业格式 课程名称： 软件工程1916|W（福州大学） 作业要求： 项目beta冲刺（团队） 团队名称： 那周余嘉熊掌将得队 作业目标：beta冲刺前进行安排 队员学号 队员姓名 博客地址 备注 221600131 Jamin https://www.cnblogs.com/JaminWu/ 队长 221600308 我超可爱的 http://www.cnblogs.com/XNC-SoCute/ 221600305 haziza http://www.cnblogs.com/haziza/ 221600235 许林瑜 https://www.cnblogs.com/fishkk/ 221600426 Hunterj Lin https://www.cnblogs.com/HunterJ/ 021600823 玫葵 https://www.cnblogs.com/offeroques/ 作业正文 1、组长是否重选 幸运的是我们的组长没被抽走，通过QQ群内匿名投票，大家目前对组长很满意，不需要重选组长。 2、下一阶段需要改进完善的功能 功能模块部分： 赛事管理提交材料的可扩展性 赛事、毕业生、作品、实验室日常管理的修改、查找功能 赛事文件通过markdown编辑发布 前端界面部分： 成员、毕业生、作品、实验室日常四个展示界面的js动画 页面路由连接 已完成页面的性能优化 代码规范部分

1、数组扁平化(数组降维) 数组扁平化是指将一个多维数组变为一维数组 [1, [2, 3, [4, 5]]]　　------>　　[1, 2, 3, 4, 5] 2、给定一个数组，将数组中的所有0移动到末尾，并保持非0元素的顺序不改变。如 [0,1,0,3,12] 移动后的期望数组为 [1,3,12,0,0] 要求：1、不能创建新的数组来做操作 　　 2、尽量少的操作次数 3、写出下列两行代码处理后的返回数据 ['1','2','3'].map(parseInt); ['1','2','3'].filter(parseInt); 来源： https://www.cnblogs.com/donghuang/p/12542511.html

译注：本文翻译自谷歌工程师 Philip Walton 的一篇博客。看过之后非常有感触，很多观点都是自己长期非常坚持和认同的，所以翻译出来分享给更多的前端同学！ 最近我收到一封读者来信让我陷入了思考，信是这么写的： Hi Philip，您是否介意我问，您是如何成为一名卓越 (great) 的前端工程师的？对此您有什么建议吗？ 不得不承认，被问这样的问题，我很惊讶，因为我从来不觉得自己是个很卓越的前端工程师。甚至我入行的头几年时并不认为自己可以做好这一行。我只确定自己比自己想象中还才疏学浅，而且大家面试我的时候都不知道从 何问起 http://www.cnblogs.com/roucheng/p/csslogin.html 话虽这么说，我到现在做得还算不错，而且成为了团队中有价值的一员。但我最终离开 (去寻求新的挑战——即我还不能够胜任的工作) 的时候，我经常会被要求招聘我的继任者。现在回看这些面试，我不禁感叹当我刚开始的时候自己在这方面的知识是多么的匮乏。我现在或许不会按照我自己的模型进行招聘，即便我个人的这种经历也有可能成功。 我在 web 领域工作越长时间，我就越意识到区分人才和顶尖人才的并不是他们的知识——而是他们思考问题的方式。很显然，知识在很多情况下是非常重要而且关键的——但是在一个快速发展的领域，你前进和获取知识的方式 (至少在相当长的一段时间里)

Sublime Text是前端开发不可不说的 编辑器 ，本文以Sublime Text 3为例讲解一下如何搭建前端的开发环境。 下载Sublime Text 3 下载地址 #==> Sublime Text 3 下载自己电脑对应的版本，然后双击执行安装就好了。 安装Package Control 使用Ctrl+`快捷键或者通过View->Show Console菜单打开命令行，然后粘贴下面的代码然后回车执行： import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read()) 执行完毕之后查看Preferences菜单下如果出现了Package Setting 和 Package

一、环境准备： 　　1.安装运行环境 node.js，安装完成后验证：node -v , npm -v； 　　2.安装国内源：npm install -g cnpm --registry=https://registry.npm.taobao.org； 二、创建工程： 　　1.切换到文件目录下，DOS命令窗口运行： vue create 项目名 ； 　　2.使用 webstorm 打开工程目录，在终端terminal下安装插件： 　　全局安装vue-cli脚手架： cnpm install -g @vue/cli 　　安装element-ui前端组件库： cnpm i element-ui -S 　　安装路由： cnpm install vue-router 　　安装请求库： cnpm install axios -S 三、编写脚本： 　 　 来源： https://www.cnblogs.com/qingyuu/p/12536431.html

在大多数人眼里，互联网前端开发是一个有着高薪水、高职业荣誉感的行业。没错，随着互联网大环境的快速崛起，HTML5的发展，绝对属于既有“钱景”还有前景的的朝阳行业。 高收入、前景光明，即使对前端开发的要求越来越高，也还是有许多新人愿意来一试身手，纷纷打破头往这个行业里面涌。 都说一入前端深似海，从此节操是路人。 想实现从小白到前端大神的华丽转身吗？ 接下来告诉你在学习前端的过程中不得不跨过的这些坑！（从学习的大方向开始说起） 一定要学好英语，虽然英文不好也可以学会前端。但你一定会遇到比英语好的人更多的困难。因为你只能看中文的教程和书籍，学习框架和工具只能依赖中文文档，交流问题只敢去中文社区。而前端99%的工具框架都是歪果仁发明的，这就显得很尴尬了。。。 很多新手学编程都喜欢看视频，每次看完都似乎仿佛好像可能理解里面讲的是什么了。回头你让他写代码，他一行都写不下去。记得要多翻阅前端有关的书籍，看书是主动学习，看视频是被动学习。通过看书你可以自主把握获取知识的速度和节奏。当然我也不是说完全摒弃看视频的学习方式，从视频中你也可以获取到文档书本中获取不到的信息。 主抓基础，避免盲目，花了太多时间学习那些不是特别需要的东西上。前端领域知识点很多，值得学的东西也很多，聪明的人懂得花时间学习成体系的知识并且研究得足够深入，而不是盲目的看到别人用什么框架就去学什么。只停留在实践运用的阶段

解释一下web前端工作是做啥的，Web前端开发工程师，主要职责是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发。完成客户端程序（也就是浏览器端）的开发，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验。 个人背景： 首先我的前端是自学的，而那个时候并没有前端的称呼，那个时候叫网页制作，所以我们当时是学Java，所谓的web前端其实就是顺带学的，并没啥难度，我学编程是用了大概一年的时间，因为当时在学校时间还是比较多的，所以我建议大家不要想着速成，学任何一门手艺都需要一个过程，这是我个人的建议，而且根据我目前对于行业的了解，速成找工作还是比较困难的，就培训来说，很多人培训出来都找不到工作，并不是培训教的不好，实在时间太短，只有四个月时间。 几点建议： 1.作为一个初学者，你必须明确系统的学习方案，我建议一定有一个指导的人，全靠自己学，放弃的几率非常大，在你对于web前端还没有任何概念的时候，需要一个人领进门，之后就都靠自己专研，第一步就是确定web前端都需要哪些内容，并且在多少时间内学完，建议时间6个月保底。 2.视频为主，书为辅。很多初学者在学习前端的时候非常喜欢去买书，但是最后的结果是什么？看来看去什么都不会写，所以在这里小编给大家提醒，书可以看

容器 在了解 Kubernetes 之前，让我们先了解一个容器。 因为如果不了解容器就没法聊容器编排。 容器就是...一个你塞入所有 材料 的容器。 “材料”是指你的应用代码、依赖库，以及直到内核的依赖关系。 关键概念是 隔离 ，把你的这些材料隔离出来，以便更好的控制他们。 容器提供了3种类型的隔离： 工作空间隔离（进程、网络） 资源隔离（CPU、内存） 文件系统隔离 容器可以理解为节食的VM，具有隔离性，但容器非常精简、体积小、启动快。 VM是在操作系统之上又安装了多个操作系统，VM之间自然是隔离的。 而容器是通过 Linux 的 cgroup 实现了VM那样的隔离性，并不需要安装操作系统。 什么时候使用Kubernetes？ 容器挺好的，为什么需要 Kubernetes 这样的容器协调器呢？ 如果你达到图中这个状态时，你就需要他了，有太多的容器需要管理了。 Q：我前端容器在哪儿呢？有多少个在运行？ A：很难说啊，快使用容器编排吧。 Q：如何让我的前端容器与新创建的后端容器沟通？ A：可以硬编码 IP，或者，使用容器编排。 Q：如何滚动升级？ A：你可以手动控制每一步，或者，使用容器编排。 Kubernetes 体系结构 每个Kubernetes集群都有两种类型的节点：master 和 worker。 master 是控制和监控 worker 工作的这个集群的。 master

随着多屏互动和多端兼容友好的界面变得越来与重要，前端工程师也成为了热门的研发技术岗位之一。随着就业市场大环境的改变，一方面是前端人才的紧缺，另一方面是对前端求职者的要求增高，所以我们需要学的东西也不能仅仅只停留在基础层面。那么，我们应该如何学习前端呢？下面为大家总结了一条前端学习路线，大家可以参考一下。 1、 CSS和HTML 刚入门的朋友，应该把重点放在 CSS和 HTML基础知识的学习上。关于 CSS(3) 你需要了解以下一些知识点： web标准、 HTML相关概念、 HTML标签、路径相关概念、锚点及其他、表格标签、表单标签、综合案例，注册页面、 CSS选择、 CSS字体样、 CSS外观属性、调式、 CSS复合选择器、标签显示模式、 CSS背景、 CSS三大特性等等。总的来讲， CSS和 HTML的学习还是比较简单的。 2、 JavaScript JavaScript一直都是前端工程师进步的基石， JavaScript 的理解深度决定了前端开发者的职业发展。关于 JavaScript的学习内容包括了浏览器执行 JS过程、 JS变量、数据类型、运算符、流程控制语句（ if else 、三元表达式、 switch）、循环（ for、 while、 do while）、数组、冒泡排序、函数、作用域、预解析、对象、内置对象、简单类型和复杂类型等。只有在熟悉了