自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

_

探索艺术,科学以及工程的结合

  • 博客(21)
  • 资源 (9)
  • 收藏
  • 关注

原创 Web Worker、Service Worker 和 Worklet

原文信息:查看原文Web workers vs Service workers vs WorkletsIre AderinokunWeb worker,service worker和worklet,这些都是“JavaScript Workers”,虽然它们在运行方式上有一些相似的地方,并且它们在使用上也有一些重叠的地方。一般来说,一个worker是一个脚本在浏览器主线程之外的单独的线程上运行。如果你想要在HTML文档中引用一个<script>标签的典型的JavaScript文件,它

2021-05-30 14:42:32 497 1

原创 Google那些年力推的前端技术栈

AngularAngular 是前端三大框架之一,它与 React、Vue 的“争斗”一直都没有停止过,经过 Angular 团队和开发者们的努力,Angular 已经建立了拥有上百万开发者规模的社区和生态系统。在今年 I/O 大会开始的前几天,Angular 6 正式发布,添加了 ng update 和 ng add 这样的新功能,让你的应用程序保持最新的状态,帮助 Angular 开发者加快创新的步伐。Angular 渲染器 Project Ivy 也有很大的改进,它能使 Angular 调试.

2021-05-30 14:38:27 561

原创 私有云和公有云的区别

云计算的三种模式:按照商业模式的不同,云计算可以被分为三大类:公有云、私有云和混合云。这三种模式构成了云基础设施构建和消费的基础。公有云、私有云区别如下:区别1:从云的建设地点划分,公有云——互联网上发布的云计算服务,搭建云的资源在提供商的场所内;私有云——企业内部(专网)发布的云服务,搭建云平台所需的资源由企业自给。区别2:从云服务的协议开发程度划分,公有云——协议开放的云计算服务,不需要专有的客户端软件解析。所有应用都是以服务的形式提供给用户的,而不是以软件包的形式提供。私有云——比如微

2021-05-30 14:35:29 6446 1

原创 Java GWT是什么?

Google Web Toolkit(GWT)是一个开源、免费的 Web 开发框架,通过该框架,你可以使用 Java 构建复杂、高性能的 JavaScript 应用程序。GWT是一个用于构建和优化复杂的基于浏览器的应用程序的开发工具包。它的目标是实现高性能web应用程序的高效开发,而开发人员不必是浏览器兼容性、XMLHttpRequest和JavaScript方面的专家GWT 是一个开发工具包,用来构建大规模和高性能 Web 应用程序。GWT 用 java 中编写客户端应用程序, 然后将 ...

2021-05-30 14:34:14 2247 1

原创 Canvas 最佳实践总结2021

1.计算与渲染把动画的一帧渲染出来,需要经过以下步骤:计算:处理电子表格逻辑,计算 workbook 的状态,不涉及 DOM 操作(当然也包含对 Canvas 上下文的操作)。 渲染:真正把对象绘制出来。 JavaScript 调用 DOM API(包括 Canvas API)以进行渲染。 浏览器 把渲染后的结果呈现在屏幕上的过程。2.canvas 绘制间隔策略主动触发刷新 canvas (电子表格) 定时器循环刷新 canvas (动画,游戏推荐), requestAnimati

2021-05-30 14:33:31 408

原创 图形化渲染之 - SVG

svg可缩放矢量图形 (SVG) 是一个基于XML语法的 2D 矢量图形格式。基于XML语法,可以使用CSS指定 SVG 的样式,并使用JavaScript进行交互。https://docs.corp.kuaishou.com/image/api/external/load/out?code=fcAA4l5yToL8PgPOhJZ7aTDqI:687714442231362968:1622348170770svg 适用场景SVG功能更完善,适合静态图片展示,高

2021-05-30 14:31:29 810

原创 Canvas渲染的优势

最新的 Google Docs 博客新闻显示,Google Docs 将在今年逐渐将其文档产品从DOM技术排版迁移为 Canvas排版,那 Canvas 究竟有哪些优势呢?canvas<canvas>是一个可以使用脚本(通常为JavaScript)来绘制图形的 HTML 元素.例如,它可以用于绘制图表、制作图片构图或者制作简单的(以及不那么简单的)动画,也会提供一些代码片段来帮助你开始构建自己的内容。<canvas> 最早由Apple引入WebKit,用于Mac OS X 的

2021-05-30 14:26:59 1715

原创 ACE编辑器是什么?

介绍Ace是一个开源的项目 https://github.com/ajaxorg/ace, Ace一直是 Cloud9 IDE 的主要编辑器,并且是 Mozilla Skywriter(Bespin)项目的后继者。Ace是一个用JavaScript编写的可嵌入代码编辑器。它与Sublime,Vim和TextMate等编辑器的功能和性能相匹配。它可以轻松地嵌入任何网页和JavaScript应用程序中。官网:https://ace.c9.io/#nav=embedding 在线demo:https

2021-05-30 14:26:26 745 2

原创 Docker对于前端的优势?

利于进行私有化部署交付,提供镜像版本即可 利于全栈工程师团队统一中间件版本,提供一致的运行环境 便于CI/CD 快速部署、回滚 便于轻松迁移服务到其他云平台

2021-05-30 14:25:39 523

原创 为什么Python适合做自动化脚本?

Python 学习成本低 Python 少量的代码构建出丰富的功能 Python 拥有成熟的程序包资源库 Python 在数据科学领域广泛使用。 Python 是跨平台且开源的。 Python 易于被其他编程需要集成,例如 CPython Python 普遍在大学课程中使用...

2021-05-30 14:25:05 852

原创 React中的SFC是什么

定义一个函数的返回结果只依赖于它的参数,并且在执行的过程中没有副作用,我们就把该函数称作纯函数。1.函数的返回结果只依赖于它的参数。let add=(a, b)=>a+badd(2,2) // result=> 42. 函数执行过程里面没有副作用。什么是副作用? 一个函数在执行过程中产生外部可观察的变化修改外部的变量 调用 DOM API 修改页面 发送了 Ajax 请求 调用 window.reload 刷新浏览器 console.log 往控制台打印数据

2021-05-18 16:41:07 1414

原创 Event Loop 和 JS 引擎、渲染引擎的关系

本文转载自公众号《神光的编程秘籍》本文会讲 JS 引擎的编译流水线、渲染引擎的渲染流程,然后引入为什么需要 event loop。希望能解答你以下疑惑: JS 引擎的编译流水线是什么 渲染流程都做了什么 为什么需要 event loop 不同的 JS 宿主环境有哪些不同 micro task 和 check 都解决了什么问题 requestAnimationFrame 是宏任务还是微任务 requestIdleCallback 是什么

2021-05-13 13:47:05 427

原创 surrogate pair 是什么?

Surrogate Pair是UTF-16中用于扩展字符而使用的编码方式,是一种采用四个字节(两个UTF-16编码)来表示一个字符。例如 "????"就需要四个字节来表示

2021-05-12 14:50:16 502

原创 Typescript 中泛型是什么

在TypeScript中,泛型是一种创建可复用代码组件的工具。 这种组件不只能被一种类型使用,而是能被多种类型复用。 类似于参数的作用,泛型是一种用以增强类(classes)、类型(types)和接口(interfaces)能力的非常可靠的手段。function identity<T>(arg: T): T { return arg;}let output = identity<string>("myString"); // type of output wi

2021-05-11 15:49:42 550

原创 软件基础架构介绍

其一,基础平台。包括:冯·诺依曼体系、编程语言、操作系统。其二,桌面开发平台。包括:窗口系统、GDI 系统、浏览器与小程序。当然我们也要理解桌面开发背后的架构逻辑,MVC 架构。其三,服务端开发平台。包括:负载均衡、各类存储中间件。服务端业务开发的业务逻辑比桌面要简单得多。服务端难在如何形成有效的基础架构,其中大部分是存储中间件。其四,服务治理平台。主要是以容器技术为核心的 DCOS(数据中心操作系统),以及围绕它形成的整个服务治理生态。这一块还在高速发展过程中,最终它将让服务端开发变得极其简单

2021-05-08 09:28:17 2156 6

原创 gPRC基本介绍

1.说明gRPC英文全名为Google Remote Procedure Call,即Google远程过程调用,是Google发布的一个高性能、通用的开源RPC框架,2.gRPC定义gRPC是一个现代的开源高性能RPC框架,可以在任何环境中运行。它可以高效地连接数据中心内和跨数据中心的服务,支持可插拔的负载平衡、跟踪、运行状况检查和身份验证。它也适用于分布式计算的最后一英里连接设备,移动应用程序和浏览器后端服务。gRPC提供了一种简单的方法来精确地定义服务,使用Protocol Buffer

2021-05-08 09:27:47 803

原创 CAP中的P代表含义

P简单来说,就是网络出现分区(变成两个相互独立的集群)时,是不是还可以正常提供服务。如果可以正常服务,说明分区容忍度高。

2021-05-08 09:27:05 756

原创 webpack系列-externals配置使用(CDN方式引入JS)

文章目录方式一:使用html-webpack-externals-plugin 方式二:直接配置externals如果需要引用一个库,但是又不想让webpack打包(减少打包的时间),并且又不影响我们在程序中以CMD、AMD或者window/global全局等方式进行使用(一般都以import方式引用使用),那就可以通过配置externals。这样做的目的就是将不怎么需要更新的第三方库脱离webpack打包,不被打入bundle中,从而减少打包时间,但又不影响运用第三方库的方式,例如import

2021-05-08 09:26:31 1237

原创 什么是超集?

定义:如果一个集合S2中的每一个元素都在集合S1中,且集合S1中可能包含S2中没有的元素,则集合S1就是S2的一个超集,反过来,S2是S1的子集。 S1是S2的超集,若S1中一定有S2中没有的元素,则S1是S2的真超集,反过来S2是S1的真子集。...

2021-05-08 09:26:01 2450

原创 Unicode 和 UTF-8 有什么区别?

Unicode 是「字符集」 UTF-8 是「编码规则」其中:字符集:为每一个「字符」分配一个唯一的 ID(学名为码位 / 码点 / Code Point) 编码规则:将「码位」转换为字节序列的规则(编码/解码 可以理解为 加密/解密 的过程)广义的 Unicode 是一个标准,定义了一个字符集以及一系列的编码规则,即 Unicode 字符集和 UTF-8、UTF-16、UTF-32 等等编码……Unicode 字符集为每一个字符分配一个码位,例如「知」的码位是 30693,记作 U+77E

2021-05-01 08:39:59 494 1

原创 TC委员会是什么?

TC专业委员会(英文:Technical Committee,缩写TC),在一定专业领域内建立的从事标准化工作的技术工作机构。

2021-05-01 08:39:28 1201 1

前端架构图-前端未来.png

前端架构图-前端未来.png

2021-01-08

kibana-5.3.1

Kibana是一个开源的分析与可视化平台,设计出来用于和Elasticsearch一起使用的。你可以用kibana搜索、查看、交互存放在Elasticsearch索引里的数据,使用各种不同的图表、表格、地图等kibana能够很轻易地展示高级数据分析与可视化。 Kibana让我们理解大量数据变得很容易。它简单、基于浏览器的接口使你能快速创建和分享实时展现Elasticsearch查询变化的动态仪表盘。安装Kibana非常快,你可以在几分钟之内安装和开始探索你的Elasticsearch索引数据,不需要写任何代码,没有其他基础软件依赖。

2017-09-06

apache-maven-3.5.0

Maven项目对象模型(POM),可以通过一小段描述信息来管理项目的构建,报告和文档的软件项目管理工具。 Maven 除了以程序构建能力为特色之外,还提供高级项目管理工具。由于 Maven 的缺省构建规则有较高的可重用性,所以常常用两三行 Maven 构建脚本就可以构建简单的项目。由于 Maven 的面向项目的方法,许多 Apache Jakarta 项目发文时使用 Maven,而且公司项目采用 Maven 的比例在持续增长。 Maven这个单词来自于意第绪语(犹太语),意为知识的积累,最初在Jakata Turbine项目中用来简化构建过程。当时有一些项目(有各自Ant build文件),仅有细微的差别,而JAR文件都由CVS来维护。于是希望有一种标准化的方式构建项目,一个清晰的方式定义项目的组成,一个容易的方式发布项目的信息,以及一种简单的方式在多个项目中共享JARs。

2017-09-06

elasticsearch-5.3.1.zip

ElasticSearch是一个基于Lucene的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎,基于RESTful web接口。Elasticsearch是用Java开发的,并作为Apache许可条款下的开放源码发布,是当前流行的企业级搜索引擎。设计用于云计算中,能够达到实时搜索,稳定,可靠,快速,安装使用方便。 我们建立一个网站或应用程序,并要添加搜索功能,但是想要完成搜索工作的创建是非常困难的。我们希望搜索解决方案要运行速度快,我们希望能有一个零配置和一个完全免费的搜索模式,我们希望能够简单地使用JSON通过HTTP来索引数据,我们希望我们的搜索服务器始终可用,我们希望能够从一台开始并扩展到数百台,我们要实时搜索,我们要简单的多租户,我们希望建立一个云的解决方案。因此我们利用Elasticsearch来解决所有这些问题以及可能出现的更多其它问题。

2017-09-06

阅读md文件的工具

md工具

2013-09-04

javascript高级编程

javascript高级编程

2012-11-28

java生成json对象

java生成json对象,这是封装好的jar包

2012-11-25

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除