作者：会编程的银猪http://www.renfed.com/2017/04/29/effective-js-optimize/网上有不少关于JS编写优化建议，这里我根据自己的经验提出一些比较有用的意见。1.

（给前端大学加星标，提升前端技能.）作者：huangjiankehttps://segmentfault.com/a/1190000020268623启逻辑之高妙，因想象而自由层叠拼图Plus

点击上方“前端大学”，选择“星标”前端IT干货第一时间送达！作者：人人网FEDhttps://juejin.im/post/5a97bb3951882555867ecffc以前经常看到这种效果：在网页右下角放一个人，然后他的眼珠会跟着鼠标转，效果如下：这个例子来自于CodePen，它是根据鼠标的位置设置两个眼球的transform:

点击上方“前端大学”，选择“星标”前端IT干货第一时间送达！作者：BrownBearhttps://juejin.im/post/5d23380cf265da1b971a9899日常开发中，设计师总会提出各种奇思妙想的需求，为我们的UI还原工作带来很多挑战。虽然有时确实会让我们花蛮多时间去实现，但从一方面想这也是个机会，让我们更深入了解的浏览器布局方式。本文主要记录之前工作中遇到的特殊布局，都是通过CSS方式去实现。多条件留白布局图中有两个内容块A和B，他们宽度取决于内容宽度，左右侧留白有max-width:

点击上方“前端大学”，选择“星标”前端IT干货第一时间送达！作者：codercaohttps://juejin.im/post/5d47d2eff265da03f77e4e3a最近给公司微信公众号，写了微信h5业务页面，总结分享一下前端开发过程中的几个兼容性坑，项目直接拿的公司页面，所以下文涉及图片都模糊处理了。1、ios端兼容input光标高度问题详情描述：input输入框光标，在安卓手机上显示没有问题，但是在苹果手机上当点击输入的时候，光标的高度和父盒子的高度一样。例如下图，左图是正常所期待的输入框光标，右边是ios的input光标。出现原因分析：通常我们习惯用height属性设置行间的高度和line-height属性设置行间的距离（行高），当点击输入的时候，光标的高度就自动和父盒子的高度一样了。（谷歌浏览器的设计原则，还有一种可能就是当没有内容的时候光标的高度等于input的line-height的值，当有内容时，光标从input的顶端到文字的底部解决办法：高度height和行高line-height内容用padding撑开例如：

代码的时候，你需要有合适的方法来进行调试。这时候源码映射就派上用场了。大体上，源码映射就是把合并／压缩了的文件映射到未构建状态的一种方式。当你为生产环境进行代码构建的时候，与压缩和合并

Chrome浏览器自2008年发布以来，就已经成为了很多用户的首选浏览器。这是之前属于Firefox的荣耀，但是随着时间的推移，由于Firefox的运行速度和极度臃肿，Chrome

既然开始了，那也没有停下来的打算。都说大城市总是缺乏人情味，但却可以对我的价值做出最公正的评判。虽然我们在不同的城市，面对的压力有大有小，但在生活面前我们都是一样的。我们可以失败，但是不能被击倒;

过完年应该会在集团公司换个部门，发展更好一些。事业上没啥愿望，因为我做的很好（请允许我装一下，O(∩_∩)O哈哈~），然后希望我单恋的姑娘能给我一刀让我断了念想。

//注意，该组件不是表单组件 看了这行代码大家心里估计也能明白的差不多了，其实Vue只是帮我们把父组件上的两段声明合二为一了，同时再帮我们在子组件处直接省略了定义。语法糖说到底就是帮我们省力的嘛。

链接：http://www.zcfy.cc/article/six-simple-mind-tricks-to-help-you-learn-javascript-faster-436.html

上面的函数完美的完成验证工作。但是当有很多表单，则需要应用验证，此时会有不同的字段和规则。如果可以构建一个在运行时配置的通用验证函数，会是一个好选择。

分享前端资料，视频教程，前端干货文章，和前端大牛一起学习提升web前端技术，每个人的前端大学。

根据前面提到的《互联网从业者生活品质报告》显示，互联网从业人员平均年薪高达19万元，其中程序员群里中10%年薪超过50万，工资在20-50万的人群占40%，也就是说有一半的程序员月薪有2万多。

我是这样解决的。既然服务器需要将公钥传给客户端，这个过程本身是不安全，那么我们为什么不对这个过程本身再加密一次？可是，你是使用对称加密，还是非对称加密？这下好了，我感觉又进了鸡生蛋蛋生鸡问题了。

前几日猿妹看到一篇报道说是阿里巴巴市值4400多亿美金正式超越股神巴菲特，而马云的身家也早就过千亿了，那么作为跟着他干的人，伙食到底怎么样呢？

金融业一直是很多人认为的高薪职业，这也是金融业备受求职人青睐的原因之一，但是今年发布的各行业平均工资离，有一个行业超过了金融业，成为了最高薪的行业，那就是互联网行业。一个程序员月薪都能达到2-6万。

什么是函数柯里化？以及说一下JS的API有哪些应用到了函数柯里化的实现？(函数柯里化一些了解，以及在函数式编程的应用，最后说了一下JS中bind函数和数组的reduce方法用到了函数柯里化。)

不过这种方式还是不够好，应为constructor属性默认是不可枚举的，这样直接设置，它将是可枚举的。所以可以时候，Object.defineProperty方法

14）你妈爱美，又跑到韩国整形，整到你妈他妈都认不出来，即使你妈头发换回飘柔了，但隔壁邻居还是叫你金毛狮王子。因为没人认出你妈，整形后的你妈已经回炉再造了，这就是原型的整体重写。

本想写成一篇长文，把每个环节可以综合考虑的问题都提出来，不过本文的目的，只是表述一些观点，期望大家在编程的时候，有更多基于团队的思考，针对具体问题提出一些通用的解决方案。比如下面，再提出几个问题：

最近几年，应用开发的方法论发生了翻天覆地的变化。随着微服务架构、云计算、单页应用和响应式设计的兴起和发展，在保证项目开发进度、用户体验和应用性能的同时，开发者需要做大量的决策。如今，对于前端开发和

Expression：声明即执行的函数表达式）来解决闭包造成的问题，确实是不错的思路，但是初学者可能并不觉得这样的代码很好懂，至少笔者初入门的时候这里琢磨了一会儿才真正理解。

很多团队在快速迭代中会开始“欠账”，时间久了就不愿意还，问题的存在搁置需要想办法去解决，团队成员是看得到问题的，没人说，没人做是因为知道那是坑，你如果能解决的话，一到二次便能提升自己在团队中的位置。

如果采用jquery，则需要将生成的所有全部存放在下，并且隐藏它们，在根据生成的随机数组，利用jquery查找index与生成的随机数对应的并显示，达到文字滚动效果。优化后demo:

原文链接：https://juejin.im/post/59bb37fa6fb9a00a554f89d2?utm_source=gold_browser_extension

对于下面这个例子，大家应该能很快发现它定义了匿名和命名函数表达式作为属性的值。注意，这些不是不同的语法形式。它们是之前讨论过的函数表达式的示例，是在初始对象时编写的。这种形式最初是在ES3中引入的。

所以在学习过程中，经验和知识固然很重要，但这伴随着你学习获得的能力，是决定了你成就高度的因素。我不是鄙视培训，我只是觉得，如果你拥有这些能力，那500块就能学到的知识，为什么还要去花20000+呢？

至此，一个简单的项目首页，用户的注册、功能已经开发完成。当然，示例项目中功能实现稍显简单，在实际项目开发中，交互逻辑可能会更加复杂，但本文旨在跑通流程，过多业务逻辑层面的功能实现，再次变不做赘述。

自己对web安全这块系统学习过，前前后后大约了解了很多，对于XSS,CSRF,点击劫持，Cookie安全，HTTP窃听篡改，密码安全，SQL注入，社会工程学都有一定了解，所以这个自然也不在话下。

以上资料也可以直接关注微信公众号“前端大学”，回复“自学资料”四个字直接获取！咱们的微信公众号里还有很多资料。。。。。等等（咱们是一个自学者组成的联盟！拒绝任何形式的付费！努力自学！）

分享前端资料，视频教程，前端干货文章，和前端大牛一起学习提升web前端技术，每个人的前端大学。

转换：您将了解2D变换方法：translate()rotate()scale()skew()matrix()rotate()方法，在一个给定度数顺时针旋转的元素。负值是允许的，这样是元素逆时针旋转。

true;`访问嵌套属性点字符方法或则括号字符方法都能访问嵌套属性。下面的这个例子，定义的对象就是包含者一个baz嵌套对象，baz对象又包含了一个foo对象，foo对象中又有一个bar属性，值为5。

普及：浏览器的兼容性问题，往往是个别浏览器（没错，就是那个与众不同的浏览器）对于一些标准的定义不一致导致的。俗话说：没有IE就没有伤害。

JSON是JavaScript原生格式，这意味着在JavaScript中处理JSON数据不需要任何特殊的API或者工具包，JavaScript默认将JSON当做一个对象处理。

高于@import的权重.行内元素、块元素和空元素行内元素特点1、和其他元素都在一行上；2、元素的高度、宽度、行高及顶部和底部边距不可设置；3、元素的宽度就是它包含的文字或图片的宽度，不可改变。

（1）实现js文件的异步加载，避免网页失去响应； （2）管理模块之间的依赖性，便于代码的编写和维护。RequireJS文件下载：http://www.requirejs.cn/docs/...

很多人只做了一份简历去投简历，所以A公司很容易收到适合B公司的简历，B公司也很容易收到适合A公司的简历。这个时候即使你本身技术没问题，但简历上没体现你符合这个岗位的高价值，很可能因此就这么被涮下来。

简直是”无中生有”,对象的方法可以任意指派,而对象本身一直都是没有这方法的,注意是指派,通俗点就是,方法是借给另一个对象的调用去完成任务,原理上是方法执行时上下文对象改变了.

提示：可以看看《JavaScript高级程序设计》的第六章。里面详细的介绍了各种继承方法。其中，值得推荐的是组合方式。ES5的Object.create()就是使用了该方式实现继承的！

分享前端资料，视频教程，前端干货文章，和前端大牛一起学习提升web前端技术，每个人的前端大学。

console.log(Array.prototype.slice.call(arr,2));//[3,4]同样，还有Array.prototype.forEach.call()，forEach()

通常程序员在这一阶段的职业发展分两条线，专家（技术）线和管理线。专家线主要跟机器打交道，搞搞性能调优，高并发处理等等高精尖的问题；管理线主要跟人打交道，了解下属的状态，控制资源和进度。

函数在js中不仅是一种语法，也是一个值。也就是说可以将函数赋值给变量，存储在对象的属性或数组的元素中，作为参数传入另一个函数中。函数的名字实际是看不见的，它仅仅是变量的名字，这个变量指代函数对象

通常程序员在这一阶段的职业发展分两条线，专家（技术）线和管理线。专家线主要跟机器打交道，搞搞性能调优，高并发处理等等高精尖的问题；管理线主要跟人打交道，了解下属的状态，控制资源和进度。

将字符串颠倒字母顺序然后匹配就行了。其实重要的考察的就是对于reverse的实现。其实我们可以利用现成的函数，将字符串转换成数组，这个思路很重要，我们可以拥有更多的自由度去进行字符串的一些操作。

来自阮一峰大神原文链接：http://www.ruanyifeng.com/blog/2010/04/using_this_keyword_in_javascript.html

getFullYear()和getYear()区别就是前者不会出现浏览器兼容性问题，而后者会因浏览器不同出现不同的结果。

想必大家都知道，程序员工资高，公司也不傻啊，一份付出一份收获啊！没有加班哪来的高工资，那么问题来了，既然加班多了工作多了，自然就没有朋友交际圈了，有了也大多是基友圈人傻钱多