自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

_

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

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

原创 Closure Libary 源码分析

1. Closure 继承1.1 goog.inheritsgoog.inherits = function(childCtor, parentCtor) {function tempCtor() { }; // 声明临时函数 tempCtortempCtor.prototype = parentCtor.prototype; // 临时函数的原型指向父构造函数的原型childCtor.superClass_ = parentCtor.prototype; //给子...

2020-12-26 11:05:40 334

原创 《Closure The Definitive Guide 》 Closure Libary 读书笔记

Closure Libary是一个广泛的、经过良好测试的、模块化的、跨浏览器的JavaScript库。您可以从大量可重用的UI小部件和控件中提取所需的内容,也可以从用于DOM操作、服务器通信、动画、数据结构、单元测试、富文本编辑等较低级别的实用程序中提取所需的内容。https://developers.google.com/closure/library...

2020-12-26 10:54:56 380 1

原创 google closure libary 三剑客

1. closure-stylesheets1.1 作用针对书写css有一系列的扩展1.2 主要特性 Css的混合器:变量,函数,条件和重用css片段 压缩css 检测 css的语法 Css语法翻转 以及CSS的重命名(最终可以达到css的命名很短) 2. closure-templates1.1 作用它是一个客户端和服务器端的模板系统,用来动态创建可复用的HTML和UI元素。1.2 主要特性...

2020-12-26 10:51:38 433

原创 大规模数据量下 es6 extend 性能不好

1、继承的深度越深,性能越差,基本上是多一层慢一倍,继承链上所有类(除最顶端,比如:上面例子中的 A)性能都会受影响2、ES6 Class+extends的性能不好3、inherits方式表现稳定,受继承层次影响很小const inherits = function(ctor, superCtor) { ctor.super_ = superCtor; ctor.prototype = Object.create(superCtor.prototype, { ...

2020-12-14 14:44:30 538

原创 类似 Airtable 的国内产品体验

类 Airtable 产品数据协议对比vika.cn36氪首发 | 支持API的连接型智能表格,「维格表vika.cn」完成数百万美元天使+轮融资_详细解读_最新资讯_热点事件_36氪seatable.cn 本地化产品聚焦管理零碎信息的长尾需求,「SeaTable」想做新一代效率协同的在线表格工具_详细解读_最新资讯_热点事件_36氪hipacloud.com www.treelab.com.cn开发无代码企业应用PaaS平台,「云表」已实现跨行业的快速复制_详细解读_最新资讯_热点事件

2020-12-14 14:28:15 1649 1

原创 前端面试题库总结

全部面试题汇总写一个 mySetInterVal(fn, a, b),每次间隔 a,a b,a 2b 的时间,然后写一个 myClear,停止上面的 mySetInterVal 合并二维有序数组成一维有序数组,归并排序的思路 斐波那契数列 字符串出现的不重复最长长度 介绍chrome 浏览器的几个版本 React 项目中有哪些细节可以优化?实际开发中都做过哪些性能优化 react 最新版本解决了什么问题 加了哪些东西 说一下 Http 缓存策略,有什么区别,分别解决了什么问题 介绍防抖节

2020-12-14 14:24:52 631

原创 LeetCode算法分类

​​​​​​Cspiration 独家出品此表以先易后难 + 分类而成。Leetcode(https://leetcode.com/)本身并没有顺序, 并且类别分的并不是非常好,因为大量非最优解也涵盖在各种类别中。 所以我们依据做题经验,最优解的类别,难度,重新划分。 如果是第一次刷题的小伙伴,最好以本书的顺序为主,可以为大家节省时间,更有效率的做题,减少很多刷题的负担。数组 字符串 数学 树 动态规划 链表 二分查找 矩阵(选学) BFS & DFS 图(选学) 栈

2020-12-14 14:23:11 543

原创 构建一个saas应用程序,什么情况下使用子域?

原文:https://clubhouse.io/blog/building-a-saas-app-you-should-probably-stick-to-a-single-subdomain-455695e1d03c/为什么要把组织信息或者用户信息放在网址里?在URL中根本不包含当前组织/用户是很常见的。对于没有多个帐户的产品来说,这样做很好,但是如果有,一个主要的缺点是会重定向到上次查看的帐户,而不一定是要查看的帐户。你可以给用户界面添加一些视觉提示,使你所在的位置更加明显,但是你的UR...

2020-12-09 11:21:22 402

翻译 STAR原则是什么?

在准备面试时,您很可能会遇到称为STAR原则或STAR方法的事情。这种方法最常用于能力面试,使您可以对问题的回答进行结构化,回答通常以“告诉我……的时间”开头。那么STAR原则是什么?您如何在面试中使用它们?在本文中,我们将了解STAR原则是什么以及在回答面试问题时如何应用它们。什么是STAR原则?STAR原则非常简单;S –情境T –任务A –活动R–结果你看到他们在那里做了什么吗?如果您被问到能力问题,使用STAR方法将帮助您以清晰简洁的方式回答。现在让我们.

2020-12-04 09:36:38 8209

翻译 目标管理 - SMART原则

SMART原则(S=Specific、M=Measurable、A=Attainable、R=Relevant、T=Time-based) 目录 [隐藏] 1SMART原则简介 2SMART原则详解 2.1SMART原则一 S(Specific)——明确性 2.2SMART原则二 M(Measurable)——衡量性 2.3SMART原则三 A(Attainable)——可实现性 2.4SMART原则四 R(Relevant)...

2020-12-04 09:25:48 2156

原创 Git 工具和指令集合

一、Git GUI 客户端Git 客户端下载(Windows)TortoiseGit 客户端下载(Windows)Sourcetree 客户端下载(Windows、Mac)Git Extensions 客户端下载(Windows、Mac、Linux)SmartGit 客户端下载(Windows、Mac、Linux)GitEye 客户端下载 (Windows、Mac、Linux)gitg 客户端下载(Windows、Linux)ungit 客户端下载(Windows、Ma.

2020-12-04 09:21:44 400

原创 语义化版本 2.0.0

العربية (ar) Български (bg) català (ca) čeština (cs) Deutsch (de) English (en) español (es) فارسی (fa) français (fr) עברית (he) हिन्दी (hin) hrvatski (hr) magyar (hu) Հայերեն (hy) bahasa Indonesia (id) italiano (it) 日本語 (ja) ქართული (ka)

2020-12-02 09:59:15 294

原创 数据可视化 - 近现代数据可视化发展历程

1. 18世纪 - 威廉·普莱费尔(William Playfair) 完成统计图形学的奠基William Playfair 发明了了折线图,柱状图,饼图等等,之后迎来了了统计图图形学的繁荣期。2. 20世纪上半叶 - 对于可视化⽽而⾔言是⼀一个缺乏创新的时期。但是,随着统计图形学的发展,可视化开始从⾯面向政府、科学领域,⾛走向商业以及⼈人们⽇日常应⽤用。越来越多⼈人开始意识到,数据的图形显示能在很多领域中帮助⽤用户得到新的洞洞察。多维数据可视化和⼼心理理学的...

2020-12-02 09:55:00 4090 1

原创 数据可视化 - 什么是数据可视化

1.关键字定义1.1数据数据对应的英文单词是 Data ,从信息获取的角度看,数据是对目标观察和记录的结果,是现实世界中的时间、地点、事件、其他对象或概念的描述。不同学者对数据的作用也给出不同的定义,大致分为以下3类:数据即事实:数据是未经组织和处理的离散的观察。数据即信号:从获取的角度理解,数据是基于感知的信号刺激或信号输入,包括视觉、听觉、嗅觉、味觉和触觉。数据即符号:无论数据是否有意义,数据都可定义为表达感官刺激或感知的符号集合,即某个对象、事件或所处环境的属性、代表...

2020-12-02 09:53:53 4851 1

原创 数据可视化 - 为什么我们需要数据可视化

那既然数据可视化无处不在,那我们为什么需要它呢?有一句非常经典的名言“一图胜千言”,而很多数据可视化的研究者和探索也给出了详细而又专业的描述:1.莫瑞 《数据可视化实战:使用D3设计交互式图表》这个信息时代更多地让人觉得它是一个信息过剩的时代。铺天盖地般的信息令人目不暇接,很多未经加工的原始信息只有使用某种方法找出其中的规律才有价值。谢天谢地,我们人类是对图形图像极为敏感的生物。虽然很少有人能从一堆数字中发现趋势,但即使是小孩子也能看懂条形图,并且从这些图形中明白数字的含义。正因为..

2020-12-02 09:52:51 1474 1

原创 数据可视化 - 无处不在的数据可视化

如同微信支付,支付宝一样,数据可视化在我们的生活中是无处不在的,例如:1. 闹钟提醒闹钟的时分秒针就是一种数据可视化的呈现方式,描述时间的变化和时刻, 闹钟最少只需要3个视觉元素(时针、分针和秒针),就可以表达43200个状态2. 北京地铁线路图3. 化学元素周期表4.中国地图5. 日历数据可视化最早的案例可以追溯到人类象形字的起源。至今,互联网从业者也可以看到各种设备上的炫酷数据大屏...

2020-12-02 09:51:57 564 1

原创 我眼中的工程师的十个特质

不想当将军的士兵不是好士兵,没有好习惯的工程师无法持续进步,今天我给大家整理在过去7年的工作经历中,遇到的优秀工程师中,他们难以被模仿且又宝贵的特点。1.极强的执行力新人工程师加入一家公司,刚开始主要的工作可能是修复软件缺陷或者整理一些文档,这时候在工作上新人既是战友又是竞争关系,一些有挑战或者激发创造力的工作机会一旦出现,在项目组中,往往市场经理,测试开发工程师和技术经理更倾向于给执行力强的新人,因为:•对于市场经理,执行力强的开发人员能更快交付产品,完成客户签约•对于测试开发工程师,执行力强

2020-12-02 09:45:29 3052 1

原创 在线文档 - 为什么需要OT算法

在线文档实时协同编辑的难点,主要在于协同冲突处理。一、冲突处理冲突处理的解决方案1.编辑锁当有人在编辑某个文档时,系统会将这个文档锁定,避免其他人同时编辑。编辑锁的实现方式简单粗暴,但会直接影响用户体验。2.diff-patch基于 Git 等版本管理类似的思想,对内容进行差异对比、合并等操作,包括 GNU diff-patch、Myer’s diff-patch 等方案。diff-patch 可以对冲突进行自助合并,也可以在冲突出现时交给用户处理。3.最终一致性实现包括 O

2020-12-02 09:45:22 1103 2

原创 JavaScript 20 年

原文链接: https://cn.history.js.org/原文简介本书由 JavaScript 之父 Brendan Eich 与 ES6 规范首席作者 Allen Wirfs-Brock 联合编写,详细记载和解读了自 1995 年语言诞生到 2015 年 ES6 规范制定为止,共计 20 年的 JavaScript 语言演化历程。全书不仅讲解了大量语言技术细节层面的演进,更复盘了更高层面上规范制定与标准博弈中的历史成败,是一部讲述人类如何在商业与技术上的竞争...

2020-12-02 09:45:16 445

原创 SAAS应用灰度设计

内 SAAS ,尤其 CRM Saas和 HR Saas,在寻求稳定的续费和巨大的销售订单过程,会针对大型企业(千人以上)开发对应的 PAAS 或 APaas 平台或定制化开发,如何在企业级软件上云之后,SAAS 各个业务线研发团队协调,迭代,向客户交付稳定或者个性化的产品,通常会设计一套灵活,通用,功能强大的灰度机制。举个例子,通常 SAAS 软件中的用户属于一个租户(EnterpriseAccount)下的账户(UserId),那么如何最终实现千企千户的灰度控制,我基于过往从业经历,参考国内 CRM

2020-12-02 09:45:09 615 1

原创 关于不断学习

在朋友圈看到一个不错的文章,就会学习一下。在微信“好看”看到优秀朋友的点赞文章,学习一下。Google百度中找到一个问题的解决答案,学习一下。遇到优秀的开源项目,学习一下。公司领导推荐阅读的一个文章,学习一下。不断的学习,个人的信息仓库确实积累了很多信息,但是这不代表个人知识的增加,那这时候就会问一个问题,既然投入大量时间学习,但没有变化,那还有必要投入大量时间去做各种学习吗,我个人认为是有必要的。首先从一个中国成语来讲,“井底之蛙”,意思是指井底的青蛙认为天只...

2020-12-01 16:14:24 339 1

原创 关于OT算法

1.关于OT假如 A 用户看到一段初始文本,内容是 “abc”,然后 A 想 第 3 个位置后面,插入”d” => “abcd”假如 B 用户看到一段初始文本,内容是 “abc”, 然后 B 想在第 3 个位置后面插入”e” => “abce”不做锁处理或者丢处理,那我们就保留最大内容(A,B先后执行),应该是 “abcde”, 如何按实际执行结果来看:如果各自操作,没有 OT算法的处理,那么 A 看到的内容就会是 “abced”(A在第 3 个位置后面,然...

2020-12-01 16:13:50 2060 1

原创 Web应用如何灰度

灰度发布,即AB test。是发现、调整产品问题的重要手段,通过灰度发布可以控制产品迭代过程中的影响度。纷享销客是用于移动办公和销售管理的办公软件,其产品形态主要体现在网页,手机APP以及PC客户端。以下将描述纷享销客在网页端实现灰度发布过程中的手段和原理,供大家学习参考:1.服务端模板配置查看http://www.fxiaoke.com/XV/Home/Index网页源码2.nginx流量分发举个例子,如果产品线上服务器使用nginx,可以在nginx这一层...

2020-12-01 16:13:15 938

原创 认识CRM

原文链接:https://tryretool.com/blog/salesforce-for-engineers/ 翻译团队:纷享销客前端团队译文:什么是Salesforce?客户关系管理是世界上最大,增长最快的软件市场。 每年在CRM上花费40B美元,几乎所有公司都拥有一个。 但是对于那些不直接使用CRM的人来说,有什么大不了的呢?CRM是所有客户数据和交互的真实来源。 需要知道您的销售员承诺的功能以及何时? 您从每个客户那里获得多少收入? 还是过去一年中哪个销售员销...

2020-12-01 16:12:28 448 1

原创 微前端应用分支规范

以下描述针对某个微应用1.master全网分支2.hotfix/xxx针对全网用户独立上线的特性或者缺陷补丁3.bugfix独立上线的特性和缺陷补丁的集成分支4.feature/6.8.0-xxx下一个大版本(例如6.8.0)的某个特性5.feature/6.8.0-fs-xxx假如当前工程是 crm,但是 fs 模块需要依赖 crm 在 6.8.0 版本的新改动 feature/6.8.0-fs-xxx6.release/6....

2020-12-01 16:11:41 421 2

原创 书摘 - 重新定义公司:谷歌是如何运营的

2 0 0 2年 5月一个周五的下午 ,拉里 ·佩奇在谷歌网站上闲逛 。他键入搜索词条 ,想看看会搜出什么样的页面和广告 ,而得到的结果让他非常不满意 。他键入一个搜索请求 ,虽然谷歌弹出许多相关的自然搜索结果 ,但有的广告却与搜索词条完全不沾边 。 如果你搜索的词条是 “川崎 H 1 B ” ,搜索结果中会包括许多律师帮助移民申请 H 1 B美国签证的广告 ,但没有一条是有关搜索词条所指的川崎老款摩托的 。如果你键入的词条是 “法国洞穴绘画 ” ,那么你会搜出标题为 “在某某处购买法国洞...

2020-12-01 16:10:40 567 1

原创 Mock服务选型

一、Mock服务选型考虑的核心问题开源,开发者与使用者规模? 是否能够私有化部署? 是否项目管理与协作的功能? 是否有灵活方便的json? 是否支持接口代理? 是否支持跨域jsonp? 前端团队是否定制开发难度低? 是否能与后端语言做集成? alpha 怎么配合 easy-mock使用?1.1 开源,开发者与使用者规模?仓库地址:https://github.com/easy-mock/easy-mock维护团队:大搜车无线架构团队Star: 730...

2020-12-01 16:07:41 448 1

原创 H5 - rem自适应方案

H5 - rem自适应方案对于H5应用来说,为了更通用地满足各机型屏幕的自适应布局要求,我们目前采用rem布局方案。remrem是相对于根元素(html)字体大小的单位,它只是一种相对单位。不同于另一个相对单位em,em是相对于父元素的字体大小,而rem则相对于根元素(html),与父元素的字体大小无关。等比例适配所有屏幕不论传统的px绝对像素布局,还是流式布局、固定宽度和响应式做法,都有其缺陷,并不能完全做到自适应所有屏幕。但是,rem方案可以比较容易地做到等比例适配...

2020-12-01 16:05:06 1861

原创 在线协作SAAS产品

一、产品价值二、产品列表 产品 Logo 地址 notion https://www.notion.so/ 飞书文档 http://larksuite.com/ 石墨文档 https://shimo.im/desktop ...

2020-12-01 16:03:44 598

原创 在线 excel 产品技术调研

1.电子表格软件发展史1977年VisiCalc石灰粉(VisiCalc)是在1977年推出的第一款电子表格办公软件,是由Dan Bricklin和Bob Frankston在攻读哈佛大学工商管理硕士时共同开发的。1982年MultiplanMicrosoft推出了它的第一款电子制表软件-Multiplan,并在CP/M系统上大获成功,但在MS-DOS系统上,Multiplan败给了Lotus1-2-3(一款较早的电子表格软件)。这个事件促使了...

2020-12-01 15:55:07 573 2

前端架构图-前端未来.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关注的人

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