前端模块化（AMD）

AMD 中文名是异步模块定义的意思。它是一个在浏览器端模块化开发的规范，由于不支持原生JavaScript，使用AMD规范进行页面开发需要用到对应的库函数，也就是RequireJS。

requireJS主要解决两个问题：

一：多个js文件可能有依赖关系，被依赖的文件需要早于依赖它的文件加载到浏览器；

二：js加载的时候浏览器会停止页面渲染，加载文件越多，页面失去响应时间越长。

看一个使用requireJS的例子：

// 定义模块 module.js

define(['dependency'], function(){

var name = 'Byron';

function printName(){

console.log(name);

}

return {

printName: printName

};

});

// 加载模块

require(['module'], function (my){

　 my.printName();

});

语法

requireJS定义了一个函数 define，它是全局变量，用来定义模块。

de

想读更多 ->

讲解零基础转行前端

我是真的零基础，“前端”这两个字之前我都没有听说过。为什么转行呢？因为工资高，这个是主要原因，可能大部分人觉得一个月没有一万，那还能活。其实很多底层的工作工资真的很低，基本在3500以下。现在社会供大于求，工资真的很低（我说的是很底层的工作）。

其实前端入门真的很简单，我说过，一个正常人两个月完全可以上手做一些简单的工作，比如切图，这个是外包公司主要做的事情。只要你会html，css，简单的JS，就可以胜任这份工作。二个月完全可以。难的网页动画特效我们通常是用jquery插件，很少手写的 我对想转行的人说，相转就转吧，不用怕。 怎么入门，我看课堂，免费视频学习相关知识，他们的水平真的很棒，而且还不要钱。跟着视频，w3c的案例，自己照抄一遍，敲一遍就可以了。这样，你就可以出去找工作了，现在大部分公司都不要没有经验的，后来偶然得到一个机会去工作，在公司主要是做切图，从不知道插件到已经能够找插件使用了，基本上很少手写，因为公司要效率，确实积累了一些经验，比当时小白的情况强多了。 其实在公司呆了半年以后，基本的业务都熟练

想读更多 ->

FE：弗林斯失去安德烈蒂席位

由于同时效力于奥迪客户车队而产生的关系“复杂性”，荷兰车手罗宾·弗林斯失去了安德烈蒂FE车队的车手席位。

上个月，弗林斯驾驶奥迪WRT车队的R8 LMS赛车，拿下了宝珀冲刺杯的年度冠军。然而，由于安德烈蒂的技术合作伙伴宝马想在2018/19赛季接管车队之前，让自家的厂队车手加盟车队，弗林斯因此失去了车手席位。

安东尼奥·菲尼克斯·达科斯塔则继续效力于安德烈蒂车队，并且在上周的瓦伦西亚测试中，与宝马GT的王牌车手亚历山大·西蒙斯以及DTM的冠军车手汤姆·布隆奎斯特，一同驾驶安德烈蒂赛车进行测试。

安德烈蒂车队副主管罗杰·格里菲思（Roger Griffiths）接受Autosport采访时表示，弗林斯与奥迪之间的关系会成为宝马加入FE的一个不可逾越的障碍。

格里菲思告诉Autosport：“我们都很享受和弗林斯一起工作的时光，他也非常快乐。以他的才能而言，他真的非常非常快，可能是我们这里最快的一位车手。”

“但由于弗林斯还效力于奥迪，因此产生了一些关系上的复杂性

想读更多 ->

前端面试题集锦

1.请描述一下 cookies，sessionStorage 和 localStorage 的区别？

cookie是网站为了标示用户身份而储存在用户本地终端（Client Side）上的数据（通常经过加密）。

cookie数据始终在同源的http请求中携带（即使不需要），记会在浏览器和服务器间来回传递。

sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。

存储大小：

cookie数据大小不能超过4k。

sessionStorage和localStorage 虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大。

有期时间：

localStorage 存储持久数据，浏览器关闭后数据不丢失除非主动删除数据；

sessionStorage 数据在当前浏览器窗口关闭后自动删除。

cookie 设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭

前端面试题

1、做一下自我介绍？

你好我叫XXX , 来自哪里。（学校比较好）毕业于哪里，我在上家公司主要做过... ,我最近在学什么，会什么东西（优势）。

2.css中的定位怎么理解的？

绝对定位：脱离文档流

固定定位：脱离文档流

相对定位：不脱离文档流

一般情况的话绝对定位和相对定位配合使用：

父亲给相对定位，子级给绝对定位。通过 let top改变位置。

轮播图底部的切换按钮、下拉菜单、比如写xxx商城的时候左侧有菜单分类。 京东618。

绝对定位单独使用： 拖拽 弹出一个登录框居中 背景层 弹出一个居中的广告

相对定位单独使用： 相对定位做一些小元素的微调 验证码

固定定位：回调顶部 在线客服 导航吸顶

3.网站加载速度比较慢，怎么找出来。怎么优化？

怎么找：谷歌浏览器的调试工具

加载速度优化：

1.图片不失真尽量小。

2.多个背景小图片合并 （减少http请求）

3.商品 或者 文章图片比较多 懒加载

4.代码可以合并（减少http请求）

5.代码压缩 （正式发布的时候）

6.服务器开启缓存

7.js放在页面的最底部

想读更多 ->

前端模块化（CommonJS）

一，定义模块:

根据CommonJS规范，一个单独的文件就是一个模块。每一个模块都是一个单独的作用域，也就是说，在该模块内部定义的变量，无法被其他模块读取，除非定义为global对象的属性。

二，模块输出：

模块只有一个出口，module.exports对象，我们需要把模块希望输出的内容放入该对象。

三，加载模块：

加载模块使用require方法，该方法读取一个文件并执行，返回文件内部的module.exports对象。

一个单独的文件就是一个模块。每一个模块都是一个单独的作用域，也就是说，在该

想读更多 ->

前端的学习技巧

1. 多写。很多问题都是积累得来的。写了，遇到了，才能去真正理解解决方案，才会随着自己的不断成长而有进步。别人问我为什么知道那么多 CSS 兼容解决方案，为什么一看就出的时候，我只能告诉他，我写了 20 几个 Wordpress 主题。

2. 看书。看 BLOG 或者一些网上的教程，都很难让你全面理解一个东西的。坚持看书，至少前端相关的语言都看一本。CSS 的推荐 《精通CSS》，JS 推荐 《Javascript 高级程序设计》现在都是第 2 版了。

3. 读 BLOG。最后你会发现，很多东西大家都会。但只有某些人才解决得了某些细节性的东西，这些人就是我们所谓的高手。很大牛在 BLOG 不会写一些简单的 List, 而是针对某个问题深入研究。这时看 BLOG 对于进阶非常有帮助。

4. 去学一门后端语言。怎么说呢，实际用到会很少。但会很有利于一些问题的理解。比如 Ajax。还有 HTML5 中像 Web sockets、post message 之类的 API。

5. 去用很多产品，至少去爱一个产品。你不止是一个前端，你还应该是一个设计者，去用很多产品，你才会发现技术为什么有用，去爱一个产品，你才会把技术用得更好。好吧，这是我的个人看法。一个法学院毕业自学前端的别人面前的专业前端攻城师的做法。

想读更多 ->

前端面试题（11-7）

1.你了解后台语言吗？

后端我会nodejs ，用nodejs写 一些简单的后台管理系统，用nodejs写api接口没有问题。

php会一点点。

php的运行环境apache 、 nginx

2.你怎么看待出差和加班

互联公司加班的话也算正常。合理的出差加班可以接受，但是如果每天都这样我没法接受。

3.vue双向数据绑定模式，如果不用v-model也想实现双向绑定，怎么实现，说一下实现思路。

<input type="text" :value="data数据" @change="changeData($event)" />

changeData(e){

this.data数据=e.srcElement.value

}

4.以前你们公司前后端如何配合开发的？

pc 端： 美工输出设计稿--->按照设计稿还原页面(css +js效果) 写好静态页面给后台---> 后台 套数据 （套数据出现一些css的问题，帮他调css）

移动端：

1.美工输出设计稿--->按照设计稿还原页面(css +js效果) 写好静态页面给后台---> 后台 套数据。

2.美工输出设计稿---&

想读更多 ->

前端的学习技巧

1. 多写。很多问题都是积累得来的。写了，遇到了，才能去真正理解解决方案，才会随着自己的不断成长而有进步。别人问我为什么知道那么多 CSS 兼容解决方案，为什么一看就出的时候，我只能告诉他，我写了 20 几个 Wordpress 主题。

2. 看书。看 BLOG 或者一些网上的教程，都很难让你全面理解一个东西的。坚持看书，至少前端相关的语言都看一本。CSS 的推荐 《精通CSS》，JS 推荐 《Javascript 高级程序设计》现在都是第 2 版了。

3. 读 BLOG。最后你会发现，很多东西大家都会。但只有某些人才解决得了某些细节性的东西，这些人就是我们所谓的高手。很大牛在 BLOG 不会写一些简单的 List, 而是针对某个问题深入研究。这时看 BLOG 对于进阶非常有帮助。

4. 去学一门后端语言。怎么说呢，实际用到会很少。但会很有利于一些问题的理解。比如 Ajax。还有 HTML5 中像 Web sockets、post message 之类的 API。

5. 去用很多产品，至少去爱一个产品。你不止是一个前端，你还应该是一个设计者，去用很多产品，你才会发现技术为什么有用，去爱一个产品，你才会把技术用得更好。好吧，这是我的个人看法。一个法学院毕业自学前端的别人面前的专业前端攻城师的做法。

想读更多 ->

前端面试题（11-16）

1.js中的继承怎么实现？

原型链+对象冒充

对象冒充没法继承原型链的属性方法

原型链实例化子类没法给父类传参

2.以前如何还原一个移动端的设计稿

不会

宽度自适应 高度按照设计稿的一半

3、写没写过接口？

写过 在哪里用过。

4.Object.assign()函数的作用及用法，请举例说明；

合并对象

var arr={}

Object.assign(arr,{'name':'zhangsan'})

5.es5的严格模式

'use strict'

6.怎么实现懒加载,实现原理是什么？看过lazyloade的原码吗？

7.手机端如何解决兼容问题？

1.视口

2.布局 百分比或者flex 有时候结合响应式布局

3.字体宽度高度 rem

4.前缀

8.手机端如何如何优化？

如果从加载速度：

1.图片不失真尽量小

2.懒加载

3.合并背景

4.压缩合并代码 ，js放在页面最底部

5.开启cdn加速

6.带宽

7.固态硬盘

兼容性

想读更多 ->