20191110 前端开发日报

深入理解ES6 Modules;keep-alive 解决vue单页面应用tab页切换缓存问题;js数组的reduce方法在股票参数计算中的运用;基于 HTML5 + WebGL 的地铁站 3D 可视化系统;轻松理解JS 原型原型链;GitHub 年度报告解读丨Python 击败 Java,中国开源贡献排名第二,中国香港增速最高…;vue2+webpack4搭建项目;V8 引擎和 JavaScript 优化建议

  1. 深入理解ES6 Modules当下, 我们几乎所有的项目都是基于 webpack、rollup 等构建工具进行开发的,模块化已经是常态。
  2. keep-alive 解决vue单页面应用tab页切换缓存问题 基于vue 2.6版本开发的功能复杂的单页面应用,产品提出的需求是像浏览器tab页一样,从菜单打开的若干个页面之前可以切换,且切换到其他页面时能保留其他页面正在编辑的数据。同时,关闭tab页之后,数据就不保留了。 现状: cn.vuejs.org/v2/api/#kee… <keep-alive> 主要用于保留组件状态或避免重新渲…
  3. js数组的reduce方法在股票参数计算中的运用 最近在用js做股票和币圈的一些走势分析,这就不免要去计算K线中的一些技术指标,如移动均线MA、布林带轨线、MACD等等等,这些指标运算公式看上去不复杂,实际动手写起来还是要费一点脑子的,我们把K线数据集表示为一个数组,那么计算K线指标就是对这个数组进行一系列操作,问题的核心就在对数组的操作上。 很多时候,…
  4. 基于 HTML5 + WebGL 的地铁站 3D 可视化系统工业互联网,物联网,可视化等名词在我们现在信息化的大背景下已经是耳熟能详,日常生活的交通,出行,吃穿等可能都可以用信息化的方式来为我们表达,在传统的可视化监控领域,一般都是基于 Web SCADA 的前端技术…
  5. 轻松理解JS 原型原型链 理解js中原型、原型链这个概念,绝对是帮助我们更深入学习js的必要一步,比如,如果js开发者想理解js继承,new关键字原理,甚至封装组件、优化代码,弄明白js中原型、原型链更是前提条件。本篇文章,用最简洁的文字,清楚明白讲解原型链相等关系和原型、原型链存在的意义,看完这篇文章,你会发现,原型、原型链原来如此…
  6. GitHub 年度报告解读丨Python 击败 Java,中国开源贡献排名第二,中国香港增速最高…自 2007 年成立,GitHub 如今已经 12 年了。毫无疑问,它如今已经是全球影响力最大、最权威的开源社区。
  7. vue2+webpack4搭建项目 用了好几次vue-cli,还是决定手工搭建一个vue2+webpack4项目 1.为了可拓展性 2.vue.config.js真是用的不开心 3.对webpack4和vue2的合作了解的更多 本文代码的git地址 github.com/shaohuanhua… 参考的 www.jianshu.com/p/6ff34032a… 前面几步基本一样,为了更易理解,文件命名和位置做了改动,更接近vue-c…
  8. V8 引擎和 JavaScript 优化建议 当我们把压缩、混淆以及做了各种处理的 JavaScript 放到 V8 引擎中解析时,到底发生了些什么? 下图阐述了整个流程,接下来我们会对其中的每个步骤进行详细说明: 在本篇文章中,我们将探讨 JavaScript 代码是如何被解析的,以及如何最大程度的优化 JavaScript 的编译效率。V8 里的优化编译器(又名 Turbo…
  9. 写给 Web 工程师的 DNS 知识入门你是不是对 DNS 记录的一些概念不太了解,比如 A 记录、CNAME、AlIAS 等。。 下面让我们一起来学习一下~ 1 简介 为了访问 www.savokiss.com 这个域名,你的电脑需要知道服务器在网络中的位置。 这意味着:你的电…
  10. 必考知识点-JavaScript类型转换(讲原理) 类型转换指将一种类型转换为另一种类型,那我们首先来说说JavaScript中的类型。 1.1原始(Primitive)数据类型 Null Undefined Boolean String Number Symbol BigInt BigInt是一种新的数据类型,用于当整数值大于Number数据类型支持的范围时。这种数据类型允许我们安全地对大整数执行算术…
  11. 理解javascript原型链的思路关键点 一,给一个对象增加原型的方式: 通过new   (js中所有的东西都是可以new出来的,new出来的对象为了实现继承,才必须有一个隐式原型的指针属性 __proto__ ) 通过Object.create(原型) 下面我们分析这两种方式形成的原型链: 二,通过new一个构造函数->创建对象时形成的原型链: 下面一个…
  12. Android 混合开发之JsBridge 电商或者内容类APP中,H5通常都会占据一席之地,Native跟H5通信会必不可少,比如某些场景H5通知native去分享,native通知H5局部刷新等,Android本身也提供这样的接口,比如addJavascriptInterface、loadUrl("javascript:…"),而需要支持的能力也要是双工的。 1:H5通知Native( 可能需要处理回调 ), …
  13. JS检测CSS属性浏览器是否支持的多种方法 byzhangxinxu from https://www.zhangxinxu.com/wordpress/?p=9051 本文欢迎分享与聚合,全文转载就不必了,尊重版权,圈子就这么大,若急用可以联系授权。 一、原生CSS.supports语法 返回布尔值 true 或者 false ,用来检测是否支持某CSS属性。 语法 CSS.supports(propertyName, value); CSS.suppor…
  14. vue组件以及父子组件之间的通信 最近在学vue,vue刚开始感觉还蛮简单。但是学到后面感觉着实有点绕,真的非常绕,研究组件这一块花了一下午。从一头雾水到逐渐明朗,决定写一篇博客加深自己理解。这篇文章就主要讲一下怎么运用组件,以及父组件向子组件传递数据,子组件向父组件传递数据这三部分。希望对大家对组件的来理解也有所帮助。 文章的开始 …
  15. 全面拥抱React-Hooks丑话说在前面 强烈建议至少刷一遍《官方文档》,反复研读《Hooks FAQ》这里主要以本人关注点聚合,方便理解用于实践 一、React-Hooks要解决什么? 以下是上一代标准写法类组件的缺点,也正是hook要解决的问题 大…
  16. React 中获取数据的 3 种方法:哪种最好?上个月自己花了 1300 买了阿里的服务器来学习 node 及对应的框架,在 11 号之前它们有做活动,1300 的配置现在一年只要 86 元,三年只要229元,真心觉得很划算了,可以点击下面链接进行参与:
  17. 前端培训-中级阶段(25)-Web Socket 网络编程(2019-11-14期)前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门,但也仅仅是入门,现在前端开发的定义已经远远不止这些。前端小课堂(HTML/CSS/JS),本着提升技术水平,打牢基础知识的中心思想,我们开课啦(…
  18. CSS 渲染原理以及优化策略 提起 CSS 很多童鞋都很不屑,尤其是看到 RedMonk 2019 Programming Language Rankings 的时候,CSS 竟然排到了第七位。 我们先来看看这张排行榜: 既然 CSS 这么重要,那么我们花点时间来研究相关原理也就物有所值了。 本节我们就来说说 CSS 渲染以及优化相关的内容,主要围绕…
  19. React 进阶(一):理解 Redux 虽互不曾谋面,但希望能和你成为笔尖下的朋友 以读书,技术,生活为主,偶尔撒点鸡汤 不作,不敷衍,意在真诚吐露,用心分享 点击左上方,可关注本刊 前言 在React中,数据流是单向的,并且是不可逆的,这其实,也很好理解,之所以这么设计,是因为组件复用的特点 …

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

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


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流