‘壹’ Web前端开发中要注意哪些SEO细节
1、网站布局要做到样式与页面分离，删除页面中不必要的标签和元素。
2、页面生成要尽量小，要压缩页面的大小，页面尽量使用静态或伪静态。
3、所有的CSS、JS都要使用外部调用。
4、外部调用的JS文件的代码能放在底部的尽量放在底部，页面调用的css文件的代码尽量都放在head内，同一页面尽量不要超过3个JS外部调用。
5、每个页要只能出现一次H1标签，H2~H6标签可以多次，这样做是为了加重H1标签的权重。
6、除首页外别的页面要加面包屑型路径，导航一定要清晰。
7、网站一定要兼容脑残的IE各版本和FF等主流浏览器，这个虽然感觉对SEO影响不大，但是作为前端，这也是最基本的吧。
8、图片一定要添加alt属性，链接一定要添加title属性。
9、网站结构呈扁平状树型，目录结构不宜过深，每个页面离首页最多点击3次，过深不利于搜索引擎的抓取。
10、做好404页面，并测试其返回状态码为404。
11、确保网站代码无误，HTML能通过W3C版本。
‘贰’ Web前端开发规范之文件命名规范
今天小编要跟大家分享的文章是关于Web前端开发规范之文件命名规范。Web前端作为开发团队中不可或缺的一部分，需要按照相关规定进行合理编写(一部分不良习惯可能给自己和他人造成不必要的麻烦)。不同公司不同团队具有不同的规范和文档。下面是根据不同企业和团队的要求进行全面详细的整理结果。来和小编一起看一看文件命名规范的原则吧！
基本原则
符合Web标准(UTF-8，HTML5)，语义化html(HTML5新增要求，减少div和span等无特定语义的标签使用)，结构表现行为分离(HTML-CSS-JS代码分离，不同行为代码高内聚低耦合)，兼容性优良(早期版本浏览器兼容，移动端和PC端设备兼容).页面性能方面(减少请求次数，例如使用精灵图和sass语法)，代码要求简洁明了有序，尽可能的减小服务器负载，保证最快的解析速度(减小repaint和reflow).
文件命名规范
1、html，css，js，lib，images文件均存放至项目的目录中。如果使用相关前端框架，根据框架的文件格式进行合理布局。
2、所有文件夹及文件使用英文命名(避免使用中文路径)。
3、html文件：入口文件使用index.html。如果有对应的设计组设计原稿，需要将对应的设计稿和html文件命名一致并合理存放。
4、css文件命名：后缀.css。通用initial.css，初始化base.css，首页index.css，其他页面按照对应的html命名。
5、Js文件命名：英文命名，后缀.js.通用common.js，初始化base.js。其他页面按照对应的html命名。
以上就是小编今天为大家分享的关于Web前端开发规范之文件命名规范的文章，希望本篇文章能够对正在从事Web前端工作的小伙伴们有所帮助，想要了解更多Web前端知识记得关注北大青鸟Web培训官网，最后祝愿小伙伴们工作顺利，成为一名优秀的Web前端工程师。
‘叁’ web前端主流框架主要有哪些
1、Bootstrap
AUI是最近流行起来的，作者声称是专为APIClound设计的一套框架，解决了许多移动端开发实际中遇到的许多问题，是一个纯CSS框架。使用容器+布局+模块的构建方式，JS辅助，更自由更灵活更易于扩展使用。遵循Google Material设计规范，完美适配各个机型。面向HTML5，使用CSS3实现动画交互，轻量级高性能。AUI是使用MIT License授权，你可以复制、出售。目前最新版本2.0。
8、Amaze UI
这是称为妹子UI的开源框架，据称是中国首个开源HTML5跨屏前端框架。妹子UI以移动优先为理念，从小屏逐渐到大屏，实现响应式网页。Amaze UI包含20+个CSS组件、20+个JS组件，更有多个包含不同主题的Web组件。相比国外框架，妹子UI关注中文排版提供本地化支持。面向HTML5开发，使用CSS3来实现动画交互，轻量级高性能。
9、Frozen UI
Frozen UI是一款开源，简单易用，轻量敏捷的移动端框架。基于手Q样式规范，目前全面应用于企鹅手Q增值业务中。基础样式效果简单色调清爽，社区活跃，组件自然不少。包括按钮、列表、表单、通知、提示条、弹出框、选项卡等等常用组件。还包括一个FrozenJs的JS组件库。可以在主流的Android和IOS上应用。基本样式使用离线包的方式减少请求提供快速接入方案。当然，根据网友反映，也存在大大小小的bug。不过总体来说，还是值得一用的。奇怪的是，Github上显示的最后更新时间是一年前，难道已经没人维护了吗？
# Running this will show the space usage of each folder in the current directory.# The -h option makes the report easier to read.# -s prevents recursiveness and shows the total size of a folder.# The star wildcard (*) will run on each file/folder in current directory. -sh *1.2G Desktop4.0K Documents40G Downloads4.0K Music4.9M Pictures844K Public4.0K Templates6.9M Videos
还有一个相似的命令 df（Disk Free），使用df会返回有关可用磁盘空间的各种信息。
‘肆’ WEB前端培训课程需要学习哪些方面的技术
前端页面重构
内容包含了：(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)
JavaScript高级程序设计
内容包含：(原生JavaScript交互功能开发项目、面向对象进阶与 ES5/ES6应用项目、JavaScript工具库自主研发项目)
PC端全栈项目开发
内容包含：(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)
移动端项目开发
内容包含：(Touch端项目、微信场景项目、应用 Angular+Ionic开发 WebApp项目、应用 Vue.js开发 WebApp项目、应用 React.js开发 WebApp项目)
混合(Hybrid,ReactNative)开发
内容包含：(微信小程序开发、React Native、各类混合应用开发)
NodeJS全栈开发
内容包括：(WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库)
大数据可视化
内容包含：(大数据可视化化基础与实战、一、数据可视化入门、二、D3.js详解、三、其他JS库)
学习内容大家清楚之后，可以更好地学web前端课程，选择试听课程可以了解自己适不适合这门课程，也了解下机构老师的讲课思维和方式，这样也可以提高自己的学习状态和方式。