|
04 2023 档案
nodejs升级到最新LTS版本方法汇总：linux/mac/window—npm/yum/ssh
摘要：nodejs不同版本的差异还是蛮多的，比如obj?.a 在nodejs12是不支持的，必须得升级到14才可以。但是centos yum 默认安装的，或者系统集成的nodejs版本都是很老的。项目上传到生产环境无法跑。所以，第一个是在项目中，锁定nodejs版本，比如： { "name": "bk-v
阅读全文
posted @ 2023-04-10 21:23
zhoulujun
阅读(12)
评论(0)
推荐(0) 编辑
head/reset/revert/rebase代码回滚全解：git提交记录的背后原理
摘要：git无操作，提交了某条历史记录，想在远程删除，怎么办？有时候把错误的代码提交到远程，但是又不想让其他同事看到怎么办呢？怎么让代码恢复到之前的某个版本？git恢复到以前版本
阅读全文
posted @ 2023-04-09 23:05
zhoulujun
阅读(15)
评论(0)
推荐(0) 编辑
Git 工具 - 子模块: submodule与subtree的使用
摘要：git日常使用中，基本都是一个项目一个Git仓库的形式，那么当我们的代码中碰到了业务级别的需要复用的代码，我们一般怎么做呢? 比如：某个工作中的项目需要包含并使用另一个项目。 也许是第三方库，或者你独立开发的，用于多个父项目的库。 所以需要提取一个公共的类库提供给多个项目使用，但是这个library
阅读全文
posted @ 2023-04-09 23:01
zhoulujun
阅读(22)
评论(0)
推荐(0) 编辑
java并发编程(2)：Java多线程-java.util.concurrent高级工具
摘要：伴随着多核CPU的出现，也就意味着不同的线程能被不同的 CPU 核得到真正意义的并行执行。Java 是最先支持多线程的开发的语言之一，Java1 5提供了一个非常高效实用的多线程包:java util concurrent
阅读全文
posted @ 2023-04-09 22:51
zhoulujun
阅读(2)
评论(0)
推荐(0) 编辑
java并发编程(1)：Java多线程-基本线程类-基础知识复习笔记
摘要：多线程只有一个目的，那就是更好的利用cpu的资源，基本线程类指的是Thread类，Runnable接口，Callable接口，传统java多线程编程 需要注意的 线程安全 线程同步 线程通信 synchronized volatile ……一锅乱炖
阅读全文
posted @ 2023-04-09 22:48
zhoulujun
阅读(3)
评论(0)
推荐(0) 编辑
java反射机制原理剖析
摘要：没有反射也就没有框架，现有的框架都是以反射为基础。 Spring 中，最重要的概念就是 IOC 控制反转。而 IOC 的实现原理就是反射。通过反射来构造 Java Bean 的对象，调用其方法。反射就是在运行时才知道要操作的类是什么
阅读全文
posted @ 2023-04-09 22:44
zhoulujun
阅读(3)
评论(0)
推荐(0) 编辑
Java注解(批注)的基本原理
摘要：为什么要使用注解？早期版本的Spring是通过XML文件的形式对整个框架进行配置的，一个缩减版的配置文件如下
阅读全文
posted @ 2023-04-09 22:40
zhoulujun
阅读(12)
评论(0)
推荐(0) 编辑
maptalks点线面图形样式设置经验总结
摘要：maptalks图形样式设置，通过symbol设置。可以直接在 图形(Marker LineString Polygon )，Geometry、VectorLayer 设置。图层的话直接通过setStyle设置。symbol在官方文档一下子都找不到相关key列表，搞了半天才从GitHub上面找symbol具体属性说明
阅读全文
posted @ 2023-04-09 22:31
zhoulujun
阅读(9)
评论(0)
推荐(0) 编辑
Koa、koa-router、koa-jwt 鉴权详解：分模块鉴权实践总结
摘要：koa-jwt全局鉴权配置很简单。但是如何实现分模块鉴权，比如后台管理系统需要全局鉴权，前端web访问部分只需部分接口需要鉴权。不同模块鉴权方式不一样，如何配置。首先熟悉koa-router
阅读全文
posted @ 2023-04-09 22:21
zhoulujun
阅读(6)
评论(0)
推荐(0) 编辑
获取全国GeoJSON和各省市GeoJSON数据下载
摘要：中国边界坐标集,包含刚澳台及钓鱼岛等,地图开发绘国境线使用。用ECharts或maptalks画区域地图的时候，需要geoJson，一个是阿里云停工了数据，第二个就是从高德地图获取数据。
阅读全文
posted @ 2023-04-09 22:14
zhoulujun
阅读(7)
评论(0)
推荐(0) 编辑
gis经纬度坐标转换多格式兼容：支持字符串/数组/GeoJSON
摘要：格式 let coordinatesStrReg = /((-*[1][0-9]{0,2}|0)(\.[0-9]{1,6})*),\s{0,2}((-*[1-9][0-9]{0,1}|0)(\.[0-9]{1,6})*)/g str.replace(coordinatesStrReg, (str,
阅读全文
posted @ 2023-04-09 22:10
zhoulujun
阅读(8)
评论(0)
推荐(0) 编辑
GIS常用npm包：GeoJSON文件合并与元素过滤\属性过滤\图形合并
摘要：geojson-merge，多个文GeoJSON文件合并为一个。GeoJSON 里面的点线面合并为Multi(point linestring polygon)。GeoJSON一feature，根据properties属性过滤出想要的图形。merge-simple-polygons。合并多边形。其实，turf js都有这些功能
阅读全文
posted @ 2023-04-09 21:59
zhoulujun
阅读(6)
评论(0)
推荐(0) 编辑
GIS拓扑讲解点线面几何体的拓扑关系判断及运算分析_turf案例
摘要：Turf js可以用来做空间几何对象关系的计算(点、线、面之间包含、相交等)和空间分析操作(例如生成缓冲区、计算等高线，建立 TIN 等)等功能。无论是高德、百度及maptalks及mapbox开发，在做空间分析的时候，Turf提供非常好的支持
阅读全文
posted @ 2023-04-09 21:55
zhoulujun
阅读(9)
评论(0)
推荐(0) 编辑
百度高德地图行政区域边界GeoJSON数据获取并绘制行政区域
摘要：highcharts 是提供地图数据包的：https://www.highcharts.com/docs/maps/map-collection echart矢量地图或者地图绘制矢量图层，GeoJSON哪里提供呢？ dataV提供数据下载，http://datav.aliyun.com/tools/
阅读全文
posted @ 2023-04-09 21:49
zhoulujun
阅读(31)
评论(0)
推荐(0) 编辑
百度高德地图JS-API学习手记:地图基本设置与省市区数据加载
摘要：无论是百度还是高德地图开发，还是高德地图开发。官方的给的案例启示很多，copy再修改下，就完成了 https://lbs.amap.com/api/javascript-api/summary http://lbsyun.baidu.com/index.php?title=jspopular3.0
阅读全文
posted @ 2023-04-09 21:44
zhoulujun
阅读(8)
评论(0)
推荐(0) 编辑
从java到JavaScript(2)：对比Java/Go/Swift/Rust看Dart
摘要：Dart与Java的一些直观区别GoGo作为一种简单的语言，非常适合构建网络应用程序，这是正确的，如果你不需要其他功能，如泛型。个人觉得Dart和Java JavaScript有很多共通之处，对于typescript，个人觉得dart替代性更好
阅读全文
posted @ 2023-04-09 21:39
zhoulujun
阅读(11)
评论(0)
推荐(0) 编辑
从java到JavaScript(1)，看Dart：对比Java/Go/Swift/Rust
摘要：动态类型语言不满足人民群众日益增长的性能需求，同时暴露了对类型过于宽松而造成的可维护性，可调试性下降。Dart作为新时代的语言，支持JIT与AOT的新人，个人觉得还是好好琢磨下，笔记可能是未来web王者
阅读全文
posted @ 2023-04-09 21:32
zhoulujun
阅读(2)
评论(0)
推荐(0) 编辑
Taro架构构析(2)：Taro 设计思想及架构
摘要：微信小程序从文件组织上看，一个小程序页面或组件，需要同时包含 4 个文件：脚本逻辑、样式、模板以及配置文件（page.js、page.wxss、page.wxml 、page.json）
阅读全文
posted @ 2023-04-09 21:25
zhoulujun
阅读(6)
评论(0)
推荐(0) 编辑
Taro架构构析(1)：多端框架分析，Taro WePY uni-app对比
摘要：像Qt 和 Flutter 从底层的渲染引擎 布局引擎 中层的 DSL，再到上层的框架全部由自己开发 ，研发成本巨大。React Native 和 Weex 没有渲染引擎，渲染的一致性无法保证。JS 和 Native 之间需要通信延迟等。Taro WePY uni-app抹平小程序之间
阅读全文
posted @ 2023-04-09 21:20
zhoulujun
阅读(7)
评论(0)
推荐(0) 编辑
Weex原理及架构剖析
摘要：weex-vue-framework向原生端发送渲染指令，最终渲染生成的是原生组件。WXBridge 是 weex 实现的一种 js 和 客户端通信的机制。客户端设计一套 JS Bridge，让 native 代码可以和 JavaScript 引擎相互通信,Weex源码转换成JS Bundle，异步更新
阅读全文
posted @ 2023-04-09 21:13
zhoulujun
阅读(16)
评论(0)
推荐(0) 编辑
React Native UI界面还原，组件布局与动画效果
摘要：react native还原UI界面跟写web react 差不多，布局及样式有css基础在StyleSheet里面写一样。其实跟Android写xml大同小异而已。只是react native动画方面，设置起来还是风格迥异
阅读全文
posted @ 2023-04-09 21:08
zhoulujun
阅读(3)
评论(0)
推荐(0) 编辑
ReactJS到React-Native，架构原理概述
摘要：React是一个纯JS的UI库，只能干HTML/CSS/JS 提供的Web服务（新的H5 API不一定支持）， React-Native厉害在于它能打通JS和Native Code, 让JS能够调用丰富的原生接口,充分发挥硬件的能力, 实现非常复杂的效果,同时能保证效率和跨平台性。 在一定程度上，R
阅读全文
posted @ 2023-04-09 20:57
zhoulujun
阅读(5)
评论(0)
推荐(0) 编辑
性能测量工具-DevTools/PageSpeed/LightHouse
摘要：前端的性能优化有诸多有迹可循的理论和方法，比如 Yahoo！性能军规（Best Practices for Speeding Up Your Web Site）、Google Pa
阅读全文
posted @ 2023-04-09 20:53
zhoulujun
阅读(3)
评论(0)
推荐(0) 编辑
协同文档：OT与CRDT实现协同编辑笔记
摘要：解决文本文档的协同编辑有两种方案，一种是 Google Doc 使用的 Operational transformation (OT)，还有一种就是 Atom teletype 使用的 Conflict-free replicated data type (CRDT)。
阅读全文
posted @ 2023-04-09 20:28
zhoulujun
阅读(3)
评论(0)
推荐(0) 编辑
协同编辑：Google Wave架构分析
摘要：Google Wave“领先于时代”，而谷歌并没有有效地解释该服务的真正好处。Google Wave是一个工具 ，也是一个平台 、还是一个协议 。其架构的核心是操作转换 （Operational Transformation，OT），这是一个支持并发控制的理论型框架。
阅读全文
posted @ 2023-04-09 20:23
zhoulujun
阅读(2)
评论(0)
推荐(0) 编辑
云计算的三种模式IaaS/PaaS/SaaS/BaaS对比：SaaS架构设计分析
摘要：SaaS——软件即服务（Software as a Service）的出现改变了传统使用软件转变为使用服务。 SaaS与传统软件的最大区别是，前者按年付费租用服务，后者一次买断。这貌似只是“报价方式”的区别，实际上这是一个根本性的变化，这带来的是对服务模式、销售模式、公司价值等多维度的根本影响。 传
阅读全文
posted @ 2023-04-09 20:10
zhoulujun
阅读(10)
评论(0)
推荐(0) 编辑
WebKit三件套(3)：WebKit之Port篇
摘要：了解其有关Port方面的设计，从而了解究竟如何能移植WebKit到自己的应用中。WebKitPort方面的内容是可以很广的，例如可将不同的图形库、网络库与WebCore集成，提供不同的Port接口供外部程序使用等，例如同样在windows平台上可以运
阅读全文
posted @ 2023-04-09 20:02
zhoulujun
阅读(7)
评论(0)
推荐(0) 编辑
WebKit三件套(2)：WebKit之JavaScriptCore/V8
摘要：WebKit作为一个浏览器引擎，其中Javascript实现包括JavaScriptCore和V8，为了能更全面的了解WebKit，我们需要深入的了解Javascript实现的基
阅读全文
posted @ 2023-04-09 18:33
zhoulujun
阅读(5)
评论(0)
推荐(0) 编辑
WebKit三件套(1)：WebKit之WebCore篇
摘要：webKit作为一个相对独立的浏览器引擎在Safari、iPhone、Adobe AIR等中都有应用，非常值得大家深入的研究研究。WebKit主要包括三个部分WebCore、JavascriptCore及Ports部分，让我们先从WebCore部分出发吧
阅读全文
posted @ 2023-04-09 18:28
zhoulujun
阅读(4)
评论(0)
推荐(0) 编辑
WebKit网页布局实现(0)：基本概念及标准篇
摘要：作为一个广受好评的浏览器引擎，其网页布局的质量(包括速度、效率、符合标准度等)往往是其关键，那么WebKit究竟是如何布局网页上的所有元素(包括滚动条、文字、图片、按钮、下拉框等)呢？其主要数据结构及流程都包括哪些呢？其布局的基本概念及标准都有哪些呢？下面分别介绍WebKit对其实现及运用。我们首先
阅读全文
posted @ 2023-04-09 18:23
zhoulujun
阅读(16)
评论(0)
推荐(0) 编辑
JS引擎(2)：Java平台上JavaScript引擎—Rhino/Nashorn概述
摘要：Rhino 是一种动态类型的、基于对象的脚本语言，它可以简单地访问各种 Java 类库。Nashorn是一种单层的纯编译型JavaScript实现。所有JavaScript代码在首次实际执行前都会被编译为Java字节码交由JVM执行。
阅读全文
posted @ 2023-04-09 18:15
zhoulujun
阅读(96)
评论(0)
推荐(1) 编辑
JS引擎(1):JS引擎擂台赛，JavaScript引擎的特征比较及术语科普
摘要：V8的性能远高于当时所有其它JavaScript引擎,各大JavaScript引擎的实现者都坐不住了，像打了鸡血似的使劲优化优化再优化。当代JavaScript引擎之间有许多共通的实现技巧。多数优化会对JavaScript程序的行为做一定猜测（speculate）
阅读全文
posted @ 2023-04-09 18:07
zhoulujun
阅读(7)
评论(0)
推荐(0) 编辑
JS引擎(0):JavaScript引擎群雄演义—起底JavaScript引擎
摘要：其实早期的两个主要的JavaScript引擎实现，一直在用mark-and-sweep GC。Java写的Rhino一度能比用C写的SpiderMonkey跑得还快，因为Rhino得益于JVM里优秀的JIT编译器和GC，而SpiderMonkey还在用简易的解释器和GC。
阅读全文
posted @ 2023-04-09 18:01
zhoulujun
阅读(4)
评论(0)
推荐(0) 编辑
浏览器层面优化前端性能(2):Reader引擎线程与模块分析优化点
摘要：优化JS的执行效率 降低样式选择器的复杂度 避免大规模、复杂的布局 尽可能避免触发布局 避免强制同步布局事件的发生 避免快速连续的布局 简化绘制的复杂度 减小绘制区域 优先使用渲染层合并属性 控制层数量 节流 抖动
阅读全文
posted @ 2023-04-09 17:49
zhoulujun
阅读(4)
评论(0)
推荐(0) 编辑
浏览器层面优化前端性能(1):Chrom组件与进程/线程模型分析
摘要：Chrome支持以下几种进程模型：Process-per-site-instance Process-per-site Process-per-tab Single Process。Browser只有一个，主控整个系统的运行，管理Chrome大部分的日常事务；而Renderer则可以有多个，主要负责页面的渲染和显示。
阅读全文
posted @ 2023-04-09 17:40
zhoulujun
阅读(22)
评论(0)
推荐(0) 编辑
Chrome扩展程序导出备份与本地导入浏览器
摘要：无法科学上net，如何安装插件？国产插件其实基本都是皮包chrome，可以安装插件后导出。自己chrome已经安装的插件也可以备份。这里提供一份本人备份打包的插件列表，基本满足日常开发需求
阅读全文
posted @ 2023-04-09 17:29
zhoulujun
阅读(5)
评论(0)
推荐(0) 编辑
浏览器史话中chrome霸主地位的奠定与国产浏览器的割据混战
摘要：本文回顾浏览器的发展历史：作为前端老鸟，从IE的6、7、8开始做前端，各种兼容性折磨死人。js还好有了jQuery。chrome出来后，真是救苦救难，解救程序员的于水火。但是可恶的boss还是要求兼容ie6，7。
阅读全文
posted @ 2023-04-09 17:22
zhoulujun
阅读(8)
评论(0)
推荐(0) 编辑
chrome对页面重绘和回流以及优化进行优化
摘要：回流与重绘，当render tree中的一部分(或全部)因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这就称为回流(reflow)。每个页面至
阅读全文
posted @ 2023-04-09 17:13
zhoulujun
阅读(3)
评论(0)
推荐(0) 编辑
post-css/less/sass样式嵌套与命令之"&"符号—BEM
摘要：button {&-ok {}}， button { &:after {}} 这一类用法是非常熟悉的。p, a, ul, li { & + & {border-top: 0;}} 这一类组合就可以吓死人咯。&符号还可以改变 css类的输出顺序。如 button{a&{}}
阅读全文
posted @ 2023-04-09 16:56
zhoulujun
阅读(26)
评论(0)
推荐(0) 编辑
css过去及未来展望—分析css演进及排版布局的考量
摘要：从形式上来说，CSS3 标准自身已经不存在了。每个模块都被独立的标准化。但是每个模块都可以追溯其来龙去脉。从印刷出版到互联网的兴起，这期间板式设计可以构成一篇雄文。
阅读全文
posted @ 2023-04-09 16:10
zhoulujun
阅读(8)
评论(0)
推荐(0) 编辑
|