20181208 前端开发日报-前端开发博客

JavaScript开发的40+个经典技巧；关于JavaScript函数式编程的思考；2019怎么样打造自己的“前端品牌”；深入理解JavaScript原型链与继承；KPC：金山云出品的支持多框架的前端高质量组件库；Git 版本控制之 Git-Flow；记一次 Webpack 项目优化；在Vue项目中加载krpano全景图

JavaScript开发的40+个经典技巧 JavaScript是一个绝冠全球的编程语言，可用于Web开发、移动应用开发（PhoneGap、Appcelerator）、服务器端开发（Node.js和Wakanda）等等。JavaScript还是很多新手踏入编程世界的第一个语言。既可以用来显示浏览器中的简单提示框，也可以通过nodebot或nodruino来控制机器人。能够编写结构清晰、性能高效的JavaScript代码…
关于JavaScript函数式编程的思考前几天看到掘金上有两篇关于JavaScript函数式编程的争论，有人建议不用for循环，有的人又说太过函数式不好。我自己也是一个喜欢函数式编程的人，所以写了这篇文章想和大家分享一些我个人喜欢的建议，最后也有一些我自己的思考。第一次在掘金发文章，各位同行手下留情，有错误欢迎指出。 1、给函数清晰的命名，写好…
2019怎么样打造自己的“前端品牌”这个年底相信对于很多程序猿来说都不算太好过，是的，资本的寒冬已经到来。无论是传言某厂停止社招还是某商城末尾淘汰，亦或者某知名论坛因为“现金流”问题大裁员。这个年底，已经听到了很多知名公司裁员的消息了。
深入理解JavaScript原型链与继承原型链一直都是一个在JS中比较让人费解的知识点，但是在面试中经常会被问到，这里我来做一个总结吧，首先引入一个关系图：一.要理解原型链，首先可以从上图开始入手，图中有三个概念： 1.构造函数： JS中所有函数都可以作为构造函数，前提是被new操作符操作； function Parent(){ this.name = ‘par…
KPC：金山云出品的支持多框架的前端高质量组件库 README.md 特性支持多框架 Intact / Vue / React 完全可自定义的主题系统 360°全方位定位系统声明式表单验证完善的文档和单元测试文档 …
Git 版本控制之 Git-Flow 最近在着手制定开发规范，想要把项目正规高效的跑起来。计划引入 Git 版本控制，Git-Flow 便成为了首选。因为之前并没有过多接触，所以先花些时间摸索一下。一、为什么使用 git-flow 当在团队开发中使用版本控制系统时，商定一个统一的工作流程是至关重要的。Git的确可以在各个方面做很多事…
记一次 Webpack 项目优化本项目源码均可在这里找到。之前公司的官网项目静态文件都是放在静态服务器中，这其中的弊端就不赘述了。简单说一下 CDN 的好处: CDN 可以解决因分布、带宽、服务器性能带来的访问延迟问题，适用于站点加速、点播、直播等场景。使用户可就近取得所需内容，解决 Internet 网络拥挤的状况，提高用户访问网站的响应…
在Vue项目中加载krpano全景图{代码…} {代码…} 然后就是将全景图显示在页面上 {代码…} 这样全景图就能顺利加载出来了，第一次做前端知识分享，有不妥之处欢迎留言，谢谢！
前端调试利器 Whistle：一个更高级的 Resource Override 背景写代码是很舒服的一件事情，但是作为一个前端开发，通常还是会有很多的时间会去调试一些代码。对于一些小型的项目，它们的环境很容易搭建，本地搭个环境跑起来，基本也就足够用了。然而，对于一些大型的项目，就没有那么方便了，基本别指望在本地能把整个项目跑起来。这时候如果我们改了其中一…
JS—-this指向（二）箭头函数中this对象就是定义时所在的作用域，也就是说箭头函数本身没有this，内部的this就是外层代码块作用域中的this。 1、独立函数 var a = 0 var test = ()=> { var a = 1 console.log(this.a) } test() //0 该箭头函数在全局环境中定义，即this指向window 2、对象的方法 var a = 0 va…
把GitHub作为图床最近又迷恋上了写博客，尤其是前一段时间很想要写点东西分享一些软件的使用感想。但当写完文章想要发表时就会碰到一个问题：由于我是现在本机的编辑器中用Markdown写好了全文的内容，再发表到各个平台（曾经是Git…
【进阶1-1期】理解JavaScript 中的执行上下文和执行栈本期的主题是调用堆栈，本计划一共28期，每期重点攻克一个面试重难点，如果你还不了解本进阶计划，文末点击查看全部文章。如果觉得本系列不错，欢迎点赞、评论、转发，您的支持就是我坚持的最大动力。执行上下文是当前 JavaScript 代码被解析和执行时所在环境的抽象概念。执行上下文的类型执行上下文总…
【进阶1-2期】JavaScript深入之执行上下文栈和变量对象本期的主题是调用堆栈，本计划一共28期，每期重点攻克一个面试重难点，如果你还不了解本进阶计划，文末点击查看全部文章。如果觉得本系列不错，欢迎点赞、评论、转发，您的支持就是我坚持的最大动力。 JS是单线程的语言，执行顺序肯定是顺序执行，但是JS 引擎并不是一行一行地分析和执行程序，而是一段一段地…
【进阶1-3期】JavaScript深入之内存空间详细图解本期的主题是调用堆栈，本计划一共28期，每期重点攻克一个面试重难点，如果你还不了解本进阶计划，文末点击查看全部文章。如果觉得本系列不错，欢迎点赞、评论、转发，您的支持就是我坚持的最大动力。堆栈的内容和执行顺序我就不说了，前面两篇已经介绍过了。但是今天补充一个知识点：某些情况下，调用…
Koa源码阅读（一）从搭建Web服务器说起先复习一下使用原生 Node.js 搭建一个 Web 服务器。 var http = require(‘http’); var server = http.createServer(function (req, res) { res.writeHead(200, {‘Content-Type’: ‘text/plain’}) res.end(‘Hello worldn’) }) server.listen(3000) 复制代码可以看到，我们只需要关注 http.createServer() 传…
webapck4 玄妙的 SplitChunks Plugin webpack 4舍弃了之前的 commonChunkPlugin ，增加了 SplitChunksPlugin , 对于这个插件，它的 option 选项有 initial 、 async 、 all 三个值。我想大多数刚学习 webpack 4 的同学应该都不能很好的理解这几个值的区别，到底每个选项值是啥意思，我们来手把手实践一下。原文链接： Webpack 4 — Mysterious SplitChun…
【人物志】技术十年：美团第一位前端工程师潘魏增潘魏增，2006年毕业于南开大学电子系，2008年加入早期饭否团队。美团第一位前端工程师，现在是X项目组终端研发部的负责人。处女座，INTJ，喜欢Linux和Vim，崇尚开源，相信开源可以让世界变得更美好。
JavaScript 如何工作系列: 引擎、运行时、调用栈概述译者: 波比小金刚翻译水平有限，如有错误请指出。原文: blog.sessionstack.com/how-does-ja… ps: 最近开始整理所有的优质文章翻译集，当然如果你有好的文章请提 issue，我会找时间翻译出来。 JavaScript 越来越流行，在前端、后端、hybrid apps、嵌入式设备开发等方向上都有它活跃的身影。这篇文章是 How…
这篇是ECMAScript 2016、2017和2018中所有新特性的示例跟踪JavaScript (ECMAScript)中的新内容是很困难的，而且更难找到有用的代码示例。
Easier Way to Understand apply and call in JSThe first time I know apply was when I met this code:
一起来看 rxjs你好奇于这名为Reactive Programming(反应式编程)的新事物, 更确切地说，你想了解它各种不同的实现(比如 [Rx*], [Bacon.js], RAC 以及其它各种各样的框架或库)
JS事件那些事儿一次整明白事件流包括三个阶段。简而言之：事件一开始从文档的根节点流向目标对象（捕获阶段），然后在目标对象上被触发（目标阶段），之后再回溯到文档的根节点（冒泡阶段）。事件捕获阶段（Capture Phase）事件的第一个阶段是捕获阶段。事件从文档的根节点出发，随着 DOM 树的结构向事件的目标节点流去。途中经…
如何用vue封装一个防用户删除的平铺页面的水印组件需求为了防止截图等安全问题，在web项目页面中生成一个平铺全屏的水印要求水印内容为用户名，水印节点用户不能通过开发者工具等删除效果如上图在body节点下插入水印DOM节点，水印节点覆盖在页面最上层但不影…
Redux and Router并且，如果路由有参数改变(很多时候页面状态的参数会在路由中体现)，这段代码是无法检测的，还需要在componentWillReceiveProps里去处理逻辑。
#前端技术#【2018 年前端面试总结】详见：本篇主要从前端面试中的一些基础知识（HTML/CSS/JS/DOM/HTTP）对前端进行相关的总结。（作者：xiangzhihong）再有两个月，2018就快过完了，因而有必要在年末对2018年的前端学习做一个总结，本文主要从前端面试中的一些基础知识来对前端进行相关的总结。本文根据网络面试题进行总结。基础知识本部分主要从以下几个方面来回顾前端相关的基础知识： HTML相关 CSS相关
【小程序自定义组件详解】自定义组件能够帮我们更好的复用代码和重构简化代码复杂度。一起来学习一下小程序自定义组件的内容吧。
【20181207 前端开发日报】为什么越来越少的人用jQuery；前端工程工作流规范；尤雨溪：React 是不是比 Vue 牛，为什么？；前端 SPA（单页面应用）性能优化，交互体验加成；Html5 Canvas动画基础（…详情→