20181208 前端开发日报

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

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

    2018 年前端面试总结
  26. 小程序自定义组件详解】自定义组件能够帮我们更好的复用代码和重构简化代码复杂度。一起来学习一下小程序自定义组件的内容吧。 ​​​

    小程序自定义组件详解
  27. 20181207 前端开发日报】为什么越来越少的人用jQuery;前端工程工作流规范;尤雨溪:React 是不是比 Vue 牛,为什么?;前端 SPA(单页面应用)性能优化,交互体验加成;Html5 Canvas动画基础(...详情→ ​​​

    20181207 前端开发日报

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多

原文:20181208 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20181208.html)

发表评论

请登录后发表评论: