写在前面JavaScript 深入系列共计 15 篇已经正式完结，这是一个旨在帮助大家，其实也是帮助自己捋顺 JavaScript 底层知识的系列。重点讲解了如原型、作用域、执行上下文、变量对象、this、闭包、按值传递、call、apply、bind、new、继承等 JS 语言中的比较难懂的概念。JavaScript 深入系列自 4 月 6 日发布第一篇文章，到 5 月 12 日发布最后一篇，感谢各位朋友的收藏、点赞，鼓励、指正。顺便宣传一下该博客的 Github 仓库：https://github.com/mqyqingfeng/Blog，欢迎 star，鼓励一下作者。而此篇，作为深入系列的总结篇，除了汇总各篇文章，作为目录篇之外，还希望跟大家聊聊，我为什么要写这个系列？我为什么要写深入系列？讲一个对我学技术的态度很有影响的一件事情。曾经团队邀请过 Nodejs 领域一个非常著名的大神来分享，这里便不说是谁了。当知道是他后，简直是粉丝的心情。但是课讲得确实一般，也许是第一次讲，准备不是很充足吧，以至于我都觉得我能讲得比他好，但是有两次，让我觉得这是真正的大神。一次就是，当有同事问到今年有什么流行的前端框架吗？这些框架有怎样的适用场景？该如何抉择？我以为大神一定会回答当时正火的 React、以及小鲜肉 Vue 之类，然后老生常谈的比较一番，但是他回答道：“I dont't car ...继续阅读 (7)

工作地点：北京工作年限：2年学历要求：大专招数人数：2工资范围：8000元 ～ 12000元截止日期：2017/06/26职位描述1．负责公司产品的前端开发任务；2．负责公司产品易用性改进和APP/Web界面技术优化；3．负责公司应用前端的技术路线规划研究、技术架构设计和关键技术攻关；4．参与公司应用的产品需求分析并制定技术实施方案；5．研究和探索创新的开发思路和前沿的前端技术，应用到团队与产品中。职位要求1．大学专科以上学历；2．精通HTML、CSS、Ajax、JavaScript开发和规划；3．具有模块化编程思想、良好的代码书写习惯，精通主流JavaScript框架，如JQuery、KnockoutJS、AngularJS等，熟悉Bootstrap框架，代码规范简洁，重用性高；4．熟悉react设计思想、精通react开发模式者优先；5．熟悉并能解决H5页面在iOS、Android设备上的不同系统版本、不同浏览器的兼容性问题；6．高效的学习能力和分析解决问题能力，工作积极主动，有良好的团队合作精神和项目沟通能力；联系邮箱E-mail:ct929500@126.com公司地址：望京SOHO T1-609(提示：请在邮件中注明应聘职位的名称，并注明该招聘信息来源于博客园)北京淘艺宝科技有限公司北京淘艺宝科技有限公司成立于2016年11月，注册资金1000万，是一家以互联网技术为核心 ...继续阅读 (41)

前言这是underscore.js源码分析的第六篇，如果你对这个系列感兴趣，欢迎点击underscore-analysis/watch一下，随时可以看到动态更新。下划线中有非常多很有趣的方法，可以用比较巧妙的方式解决我们日常生活中遇到的问题，比如_.after,_.before，_.defer...等，也许你已经用过他们了，今天我们来深入源码，一探究竟，他们到底是怎么实现的。more指定调用次数(after,before)把这两个方法放在前面也是因为他们俩能够解决我们工作中至少以下两个问题如果你要等多个异步请求完成之后才去执行某个操作fn,那么你可以用_.after，而不必写多层异步回调地狱去实现需求有一些应用可能需要进行初始化操作而且仅需要一次初始化就可以，一般的做法是在入口处对某个变量进行判断，如果为真那么认为已经初始化过了直接return掉，如果为假那么进行参数的初始化工作，并在完成初始化之后设置该变量为真，那么下次进入的时候便不必重复初始化了。对于问题1let async1 = (cb) => { setTimeout(() => { console.log('异步任务1结束了') cb() }, 1000) } let async2 = (cb) => { setTimeout(() => { console.log('异步任务2结束 ...继续阅读 (12)

目前正在写一个微信公众号的小项目，记录一下遇到的问题和解决方法（主要是前端）。内容持续更新中~主要实现前后端分离前端为 SPA 单页面使用微信的JSSDK微信支付技术方案后端使用 php 搭建接口vux ui框架vu2.0e全家桶（vue、vue-router、vue-resource、vuex）问题列表跨域问题因为生产环境下是同域名，不存在跨域问题。生产环境配置反向代理解决了跨域。这里遇到的问题主要是开发环境下，后端和前端分别在两个 http 服务器上。因为前端项目直接用 vue-cli 生成，所以用到了 webpack，正好 webpack 的 dev-server 可以设置反向代理。在config/index.js里找到dev下的proxyTable配置项，并加入配置即可proxyTable: { '/api': { target: 'http://127.0.0.1:8888', changeOrigin:true, pathRewrite:{ //'^/api':'' } } }授权回调处理主要是获取用户的 openid。因为每个用户的 openid 固定不变，所以在首次加载时会检测 store 中是否有openid，如果没有就跳转到授权 ...继续阅读 (16)

1. 导语该文章将从头到尾梳理我是如何使用 Vue 2 开发一个后台管理项目的，我会将自己遇到的问题贴出，希望可以帮助到其他人。2. 开发前须知我的后台管理系统项目运用了如下框架/插件：Vue 2.x—— 项目所使用的 js 框架，我所使用的版本是：2.1.10vue-router 2—— Vue 2.x 配套路由，我所使用的版本是：2.3.0Element—— UI 框架，饿了么出品，我所使用的版本是：1.2.8Echarts—— 图表插件，百度出品，我所使用的版本是：3.4.0在 UI 框架的选择上，除了Element，iView也不错，大家可以按需选择。对于所使用的框架/插件，尽可能先快速过一遍文档，这样可以知道有什么现成的东西可以使用，避免自己做多余的工作。3. 构建项目框架准备对于大陆用户，建议将 npm 的注册表源设置为国内的镜像，如淘宝 NPM 镜像，可以大幅提升安装速度。运行如下语句即可使用淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org使用方法为：将npm改为cnpm示例：npm install=>cnpm install安装根据官方指南执行如下命令行语句：# 安装 vue $ cnpm install vue # 全局安装 vue-cli，该工具提供开箱即用的构建工具配置 $ ...继续阅读 (4)

译者按:JavaScript的this和Java等面向对象语言中的this大不一样，bind()、call()和apply()函数更是将this的灵活度进一步延伸。原文:JavaScript: The Keyword ‘This’ for Beginners译者:Fundebug为了保证可读性，本文采用意译而非直译。另外，本文版权归原作者所有，翻译仅用于学习。如果对JavaScript的关键字this理解不够深刻，有时候会掉入意想不到的坑。在这里我们总结了5条通用规则来帮助你判断this到底指向什么。虽然没有囊括所有的情况，但日常大部分情况都可以使用这些规则来正确推断。this的值通常是由所在函数的执行环境决定，也就是说要看函数是如何被调用的；同一个函数每一次调用，this都可能指向不同的对象;全局对象 (Global Object)打开Chrome浏览器开发者面板(Windows: Ctrl + Shift + J)(Mac: Cmd + Option + J)，并且输入:console.log(this);看看输出了什么？// Window {}window对象！ 因为在全局作用域下，this指向全局对象。在浏览器中全局对象就是window对象。为了让你更加清楚理解为什么this会指向window对象，我们来看另外一个例子：var myName = 'Brandon';我们可以 ...继续阅读 (9)

关于标题，为什么是“爱与恨”？因为在 webpack 刚出来的时候，我并不是坚定的支持者，有很多地方用起来不方便，api 设计不合理。随着 webpack 和 react 生态的越发完善，加上 webpack2.0 的发布，它的功能也越来越强大，让我又重新认识它。内容提要webpack 构建方案webpack 生态需求是什么对比其他方案webpack vs gulpwebpackgulp什么时候用webpack 构建方案webpack 生态网上有好多介绍 webpack 的文章，本文只简单介绍两个基本概念。LoadersPluginsLoaderswebpack 可以使用 loader 来处理文件，允许你打包除 JavaScript 之外的任何静态资源。文件raw-loader 加载文件原始内容file-loader 将文件发送到输出文件夹，并返回 URLurl-loader 像 file loader 一样工作，但如果文件小于限制，可以返回 data URL编译babel-loader 加载 ES2015+ 代码，然后使用 Babel 转译为 ES5traceur-loader 加载 ES2015+ 代码，然后使用 Traceur 转译为 ES5ts-loader 像 JavaScript 一样加载 TypeScript 2.0+coffee-loader 像 JavaScrip ...继续阅读 (19)

//改写alert window.alert = function(txt) { var borderColor = "#999"; var title = "[月小升博客提示]"; var shield = document.createElement("DIV"); shield.id = "shield"; shield.style.position = "absolute"; shield.style.left = "0px"; shield.style.top = "0px"; shield.style.width = "100%"; shield.style.height = document.body.scrollHeight+"px"; shield.style.background = "#333"; shield.style.textAlign = …继续阅读→ ...继续阅读 (45)

angularjs的watch不能监听到JS对$scope.data的更改.而出现数据模型被改变,但页面不能随之更改,需要$scope.$apply()强制更新数据模型. ...继续阅读 (14)

来吧，推一个，前端的 Meetup ^_^本次 Topic 的内容涉及的还是比较前言，比如我们分享的 无埋点SDK的实现方式，大家可以围观一下时间： 2017年6月10日，星期六地点： 报名后通知主题： Advanced Frontend MeetUp主办： GrowingIO报名：https://jinshuju.net/f/ijO9qCTopic:小程序的性能优化 张仁元@腾讯自选股团队高交互的图表语言 再飞@蚂蚁金服 Antvis第三方 JavaScript SDK 开发经验 杨濯宇@GrowingIOReact 应用的离线支持和联网同步 李子骅@石墨 ...继续阅读 (9)

写在前面的话早在2008年，Chris Evans就发现了通过在标签中添加恶意参数来跨域窃取Firefox数据的可能性。如果你感兴趣的话，你现在仍然可以阅读当初他所发表的那篇研究报告【传送门】。他曾在报告中解释称：现代Web模型对远程网站中