1. 运行截图

演示地址

2. 在文件夹wwwroot/lib,添加geolocation子文件夹,添加geolocation.js文件

本组件主要是调用浏览器两个API实现基于浏览器的定位功能,现代桌面和移动端都支持.包括MAUI Blazor 

  1. navigator.geolocation.getCurrentPosition
  2. navigator.geolocation.watchPosition

2.1 获取定位

其中持续定位watchPosition方法会通过wrapper.invokeMethodAsync('UpdateWatchID', id)返回监听器ID到c#存起来,移除的监听器和注销时候用到.

js代码 
  1. export function getLocation(wrapper, getPosition = true) {
  2.     console.log('start ' + (getPosition ? 'getLocation' : 'watchPosition'));
  3.     var currentDistance = 0.0;
  4.     var totalDistance = 0.0;
  5.     var lastLat;
  6.     var lastLong;
  7.     var status;
  9.     if (getPosition) getCurrentPosition(); else watchPosition();
  11.     Number.prototype.toRadians = function () {
  12.         return this * Math.PI / 180;
  13.     }
  15.     function distance(latitude1, longitude1, latitude2, longitude2) {
  16.         // R is the radius of the earth in kilometers
  17.         var R = 6371;
  19.         var deltaLatitude = (latitude2 - latitude1).toRadians();
  20.         var deltaLongitude = (longitude2 - longitude1).toRadians();
  21.         latitude1 = latitude1.toRadians(), latitude2 = latitude2.toRadians();
  23.         var a = Math.sin(deltaLatitude / 2) *
  24.             Math.sin(deltaLatitude / 2) +
  25.             Math.cos(latitude1) *
  26.             Math.cos(latitude2) *
  27.             Math.sin(deltaLongitude / 2) *
  28.             Math.sin(deltaLongitude / 2);
  30.         var c = 2 * Math.atan2(Math.sqrt(a),
  31.             Math.sqrt(1 - a));
  32.         var d = R * c;
  33.         return d;
  34.     }
  36.     function updateStatus(message) {
  37.         status = message;
  38.         wrapper.invokeMethodAsync('UpdateStatus', message);
  39.     }
  41.     function watchPosition() {
  42.         if (navigator.geolocation) {
  43.             status = "HTML5 Geolocation is supported in your browser.";
  44.             updateStatus(status);
  45.             var id = navigator.geolocation.watchPosition(updateLocation,
  46.                 handleLocationError,
  47.                 { maximumAge: 20000 });
  48.             wrapper.invokeMethodAsync('UpdateWatchID', id);
  49.         }
  50.     }
  52.     function getCurrentPosition() {
  53.         if (navigator.geolocation) {
  54.             updateStatus("HTML5 Geolocation is supported in your browser.");
  55.             navigator.geolocation.getCurrentPosition(updateLocation,
  56.                 handleLocationError);
  57.         }
  58.     }
  60.     function updateLocation(position) {
  61.         var latitude = position.coords.latitude;
  62.         var longitude = position.coords.longitude;
  63.         var accuracy = position.coords.accuracy;
  64.         var timestamp = position.timestamp;
  66.         // sanity test... don't calculate distance if accuracy
  67.         // value too large
  68.         if (accuracy >= 500) {
  69.             updateStatus("Need more accurate values to calculate distance.");
  70.         }
  72.         // calculate distance
  73.         currentDistance = 0.0;
  74.         if ((lastLat != null) && (lastLong != null)) {
  75.             currentDistance = distance(latitude, longitude, lastLat, lastLong);
  76.             totalDistance += currentDistance;
  77.         }
  79.         lastLat = latitude;
  80.         lastLong = longitude;
  82.         updateStatus("Location successfully updated.");
  84.         console.log("updateLocation end");
  85.         var geolocationitem = {
  86.             "Status": status,
  87.             "Latitude": latitude,
  88.             "Longitude": longitude,
  89.             "Accuracy": accuracy,
  90.             "Timestamp": timestamp,
  91.             "CurrentDistance": currentDistance,
  92.             "TotalDistance": totalDistance,
  93.             "LastLat": lastLat,
  94.             "LastLong": lastLong,
  95.         };
  96.         wrapper.invokeMethodAsync('GetResult', geolocationitem);
  97.     }
  99.     function handleLocationError(error) {
  100.         switch (error.code) {
  101.             case 0:
  102.                 updateStatus("There was an error while retrieving your location: " + error.message);
  103.                 break;
  104.             case 1:
  105.                 updateStatus("The user prevented this page from retrieving a location.");
  106.                 break;
  107.             case 2:
  108.                 updateStatus("The browser was unable to determine your location: " + error.message);
  109.                 break;
  110.             case 3:
  111.                 updateStatus("The browser timed out before retrieving the location.");
  112.                 break;
  113.         }
  114.     }
  116. }

2.2 组件页面点击停止持续定位,把监听器ID传入移除的监听器.

  1. export function clearWatchLocation(wrapper,id) {
  2.     //扩展阅读:移除的监听器
  3.     //id = navigator.geolocation.watchPosition(success, error, options);
  4.     console.log('clearWatch ' + id);
  5.     navigator.geolocation.clearWatch(id);
  6.     wrapper.invokeMethodAsync('UpdateStatus', 'clearWatch ok');
  7. }

3. 打开Components文件夹 , 新建Geolocation文件夹,新建三个文件

3.1 GeolocationItem.cs 定位数据类

cs代码 
  1. using System;
  2. using System.ComponentModel;
  4. namespace Blazor100.Components
  5. {
  7.     /// <summary>
  8.     /// 定位数据类
  9.     /// </summary>
  10.     public class Geolocationitem
  11.     {
  12.         /// <summary>
  13.         /// 状态
  14.         /// </summary>
  15.         /// <returns></returns>
  16.         [DisplayName("状态")]
  17.         public string? Status { get; set; }
  19.         /// <summary>
  20.         /// 纬度
  21.         /// </summary>
  22.         /// <returns></returns>
  23.         [DisplayName("纬度")]
  24.         public decimal Latitude { get; set; }
  26.         /// <summary>
  27.         /// 经度
  28.         /// </summary>
  29.         /// <returns></returns>
  30.         [DisplayName("经度")]
  31.         public decimal Longitude { get; set; }
  33.         /// <summary>
  34.         /// 准确度(米)<para></para>
  35.         /// 将以m指定维度和经度值与实际位置的差距，置信度为95%.
  36.         /// </summary>
  37.         [DisplayName("准确度(米)")]
  38.         public decimal Accuracy { get; set; }
  40.         /// <summary>
  41.         /// 时间戳
  42.         /// </summary>
  43.         [DisplayName("时间戳")]
  44.         public long Timestamp { get; set; }
  46.         /// <summary>
  47.         /// 时间
  48.         /// </summary>
  49.         [DisplayName("时间")]
  50.         public DateTime LastUpdateTime { get => UnixTimeStampToDateTime(Timestamp); }
  52.         /// <summary>
  53.         /// 移动距离
  54.         /// </summary>
  55.         [DisplayName("移动距离")]
  56.         public decimal CurrentDistance { get; set; } = 0.0M;
  58.         /// <summary>
  59.         /// 总移动距离
  60.         /// </summary>
  61.         [DisplayName("总移动距离")]
  62.         public decimal TotalDistance { get; set; } = 0.0M;
  64.         /// <summary>
  65.         /// 最后一次获取到的纬度
  66.         /// </summary>
  67.         [DisplayName("最后一次获取到的纬度")]
  68.         public decimal LastLat { get; set; }
  70.         /// <summary>
  71.         /// 最后一次获取到的经度
  72.         /// </summary>
  73.         [DisplayName("最后一次获取到的经度")]
  74.         public decimal LastLong { get; set; }
  76.         /// <summary>
  77.         ///
  78.         /// </summary>
  79.         /// <param name="unixTimeStamp"></param>
  80.         /// <returns></returns>
  81.         public static DateTime UnixTimeStampToDateTime(long unixTimeStamp)
  82.         {
  83.             // Unix timestamp is seconds past epoch
  84.             System.DateTime dtDateTime = new DateTime(1970, 1, 1, 0, 0, 0, 0, System.DateTimeKind.Utc);
  85.             dtDateTime = dtDateTime.AddMilliseconds(unixTimeStamp).ToLocalTime();
  86.             return dtDateTime;
  87.         }
  89.     }
  90. }

3.1 Geolocation.razor 组件razor

  1. @implements IAsyncDisposable
  2. @namespace Blazor100.Components
  4. <div @ref="GeolocationElement">
  5.     @if (ShowButtons)
  6.     {
  7.         if (WatchID == null)
  8.         {
  9.             <button class="btn btn-primary" type="button" onclick="@GetLocation">@GetLocationButtonText</button>
  10.             <button class="btn btn-primary" type="button" onclick="@WatchPosition">@WatchPositionButtonText</button>
  11.         }
  12.         else
  13.         {
  14.             <button class="btn btn-primary" type="button" onclick="@ClearWatch">@ClearWatchPositionButtonText</button>}
  15.     }
  16. </div>

3.2 Geolocation.razor.cs 组件代码

cs代码 
  1. using Microsoft.AspNetCore.Components;
  2. using Microsoft.JSInterop;
  3. using System.Diagnostics.CodeAnalysis;
  5. namespace Blazor100.Components;
  7. /// <summary>
  8. /// Geolocation 组件基类
  9. /// <para></para>
  10. /// 扩展阅读:Chrome中模拟定位信息，清除定位信息<para></para>
  11. /// https://blog.csdn.net/u010844189/article/details/81163438
  12. /// </summary>
  13. public partial class Geolocation
  14. {
  15.     [Inject] IJSRuntime? JS { get; set; }
  17.     /// <summary>
  18.     /// 获得/设置 定位
  19.     /// </summary>
  20.     [Parameter]
  21.     [NotNull]
  22.     public string? GeolocationInfo { get; set; }
  24.     /// <summary>
  25.     /// 获得/设置 获取位置按钮文字 默认为 获取位置
  26.     /// </summary>
  27.     [Parameter]
  28.     [NotNull]
  29.     public string? GetLocationButtonText { get; set; } = "获取位置";
  31.     /// <summary>
  32.     /// 获得/设置 获取持续定位监听器ID
  33.     /// </summary>
  34.     [Parameter]
  35.     public long? WatchID { get; set; }
  37.     /// <summary>
  38.     /// 获得/设置 获取移动距离追踪按钮文字 默认为 移动距离追踪
  39.     /// </summary>
  40.     [Parameter]
  41.     [NotNull]
  42.     public string? WatchPositionButtonText { get; set; } = "移动距离追踪";
  44.     /// <summary>
  45.     /// 获得/设置 获取停止追踪按钮文字 默认为 停止追踪
  46.     /// </summary>
  47.     [Parameter]
  48.     [NotNull]
  49.     public string? ClearWatchPositionButtonText { get; set; } = "停止追踪";
  51.     /// <summary>
  52.     /// 获得/设置 是否显示默认按钮界面
  53.     /// </summary>
  54.     [Parameter]
  55.     public bool ShowButtons { get; set; } = true;
  57.     /// <summary>
  58.     ///
  59.     /// </summary>
  60.     protected ElementReference GeolocationElement { get; set; }
  62.     /// <summary>
  63.     /// 获得/设置 定位结果回调方法
  64.     /// </summary>
  65.     [Parameter]
  66.     public Func<Geolocationitem, Task>? OnResult { get; set; }
  68.     /// <summary>
  69.     /// 获得/设置 状态更新回调方法
  70.     /// </summary>
  71.     [Parameter]
  72.     public Func<string, Task>? OnUpdateStatus { get; set; }
  74.     private IJSObjectReference? module;
  75.     private DotNetObjectReference<Geolocation>? InstanceGeo { get; set; }
  77.     protected override async Task OnAfterRenderAsync(bool firstRender)
  78.     {
  79.         try
  80.         {
  81.             if (firstRender)
  82.             {
  83.                 module = await JS!.InvokeAsync<IJSObjectReference>("import", "./lib/geolocation/geolocation.js");
  84.                 InstanceGeo = DotNetObjectReference.Create(this);
  85.             }
  86.         }
  87.         catch (Exception e)
  88.         {
  89.             if (OnError != null) await OnError.Invoke(e.Message);
  90.         }
  91.     }
  93.     async ValueTask IAsyncDisposable.DisposeAsync()
  94.     {
  95.         if (module is not null)
  96.         {
  97.             //await module.InvokeVoidAsync("destroy");
  98.             InstanceGeo!.Dispose();
  99.             await module.DisposeAsync();
  100.         }
  101.     }
  103.     /// <summary>
  104.     /// 获取定位
  105.     /// </summary>
  106.     public virtual async Task GetLocation()
  107.     {
  108.         try
  109.         {
  110.             await module!.InvokeVoidAsync("getLocation", InstanceGeo);
  111.         }
  112.         catch (Exception e)
  113.         {
  114.             if (OnError != null) await OnError.Invoke(e.Message);
  115.         }
  116.     }
  118.     /// <summary>
  119.     /// 持续定位
  120.     /// </summary>
  121.     public virtual async Task WatchPosition()
  122.     {
  123.         try
  124.         {
  125.             await module!.InvokeVoidAsync("getLocation", InstanceGeo, false);
  126.         }
  127.         catch (Exception e)
  128.         {
  129.             if (OnError != null) await OnError.Invoke(e.Message);
  130.         }
  131.     }
  133.     /// <summary>
  134.     /// 持续定位
  135.     /// </summary>
  136.     public virtual async Task ClearWatch()
  137.     {
  138.         await module!.InvokeVoidAsync("clearWatchLocation", InstanceGeo, WatchID);
  139.         WatchID = null;
  140.     }
  142.     /// <summary>
  143.     /// 定位完成回调方法
  144.     /// </summary>
  145.     /// <param name="geolocations"></param>
  146.     /// <returns></returns>
  147.     [JSInvokable]
  148.     public async Task GetResult(Geolocationitem geolocations)
  149.     {
  150.         try
  151.         {
  152.             if (OnResult != null) await OnResult.Invoke(geolocations);
  153.         }
  154.         catch (Exception e)
  155.         {
  156.             if (OnError != null) await OnError.Invoke(e.Message);
  157.         }
  158.     }
  160.     /// <summary>
  161.     /// 获得/设置 错误回调方法
  162.     /// </summary>
  163.     [Parameter]
  164.     public Func<string, Task>? OnError { get; set; }
  166.     /// <summary>
  167.     /// 状态更新回调方法
  168.     /// </summary>
  169.     /// <param name="status"></param>
  170.     /// <returns></returns>
  171.     [JSInvokable]
  172.     public async Task UpdateStatus(string status)
  173.     {
  174.         if (OnUpdateStatus != null) await OnUpdateStatus.Invoke(status);
  175.     }
  177.     /// <summary>
  178.     /// 监听器ID回调方法
  179.     /// </summary>
  180.     /// <param name="watchID"></param>
  181.     /// <returns></returns>
  182.     [JSInvokable]
  183.     public Task UpdateWatchID(long watchID)
  184.     {
  185.         this.WatchID = watchID;
  186.         return Task.CompletedTask;
  187.     }
  189. }

4. Pages文件夹添加GeolocationPage.razor文件,用于演示组件调用.

4.1 GeolocationPage.razor

razor代码 
  1. @page "/geolocations"
  3. <h3>定位/持续定位 Geolocation</h3>
  5. <p>@message</p>
  7. <Blazor100.Components.Geolocation OnResult="@OnResult" OnUpdateStatus="@OnUpdateStatus" OnError="@OnError" />
  9. <p>@status</p>
  11. <div class="table-container">
  13.     <div class="table-toolbar">
  14.     </div>
  16.     <div class="table-wrapper">
  17.         <table class="table is-single table-demo">
  18.             <colgroup>
  19.                 <col>
  20.                 <col>
  21.                 <col>
  22.             </colgroup>
  23.             <thead>
  24.                 <tr>
  25.                     <th><div class="table-cell"><span class="table-text">纬度</span></div></th>
  26.                     <th><div class="table-cell"><span class="table-text">经度</span></div></th>
  27.                     <th><div class="table-cell"><span class="table-text">准确度(米)</span></div></th>
  28.                     <th><div class="table-cell"><span class="table-text">时间戳</span></div></th>
  29.                     <th><div class="table-cell"><span class="table-text">时间</span></div></th>
  30.                 </tr>
  31.             </thead>
  32.             <tbody>
  33.                 <tr>
  34.                     <td><div class="table-cell">@geolocations?.Latitude</div></td>
  35.                     <td><div class="table-cell">@geolocations?.Longitude</div></td>
  36.                     <td><div class="table-cell">@geolocations?.Accuracy</div></td>
  37.                     <td><div class="table-cell">@geolocations?.Timestamp</div></td>
  38.                     <td><div class="table-cell">@geolocations?.LastUpdateTime</div></td>
  39.                 </tr>
  40.             </tbody>
  41.             <thead>
  42.                 <tr>
  43.                     <th><div class="table-cell"><span class="table-text">移动距离</span></div></th>
  44.                     <th><div class="table-cell"><span class="table-text">总移动距离</span></div></th>
  45.                     <th><div class="table-cell"><span class="table-text">最后一次获取到的纬度</span></div></th>
  46.                     <th><div class="table-cell"><span class="table-text">最后一次获取到的经度</span></div></th>
  47.                     <th><div class="table-cell"><span class="table-text">状态</span></div></th>
  48.                 </tr>
  49.             </thead>
  50.             <tbody>
  51.                 <tr>
  52.                     <td><div class="table-cell">@geolocations?.CurrentDistance</div></td>
  53.                     <td><div class="table-cell">@geolocations?.TotalDistance</div></td>
  54.                     <td><div class="table-cell">@geolocations?.LastLat</div></td>
  55.                     <td><div class="table-cell">@geolocations?.LastLong</div></td>
  56.                     <td><div class="table-cell">@geolocations?.Status</div></td>
  57.                 </tr>
  58.             </tbody>
  59.         </table>
  60.     </div>
  61. </div>

4.2 GeolocationPage.razor.cs

扩展阅读:Chrome中模拟定位信息，清除定位信息

  1. using Blazor100.Components;
  3. namespace Blazor100.Pages;
  5. /// <summary>
  6. /// Geolocation 地理定位/移动距离追踪
  7. /// <para></para>
  8. /// 扩展阅读:Chrome中模拟定位信息，清除定位信息<para></para>
  9. /// https://blog.csdn.net/u010844189/article/details/81163438
  10. /// </summary>
  11. public sealed partial class GeolocationPage
  12. {
  14.     private string? status { get; set; }
  15.     private Geolocationitem? geolocations { get; set; }
  16.     private string message;
  18.     private Task OnResult(Geolocationitem geolocations)
  19.     {
  20.         this.geolocations = geolocations;
  21.         StateHasChanged();
  22.         return Task.CompletedTask;
  23.     }
  25.     private Task OnUpdateStatus(string status)
  26.     {
  27.         this.status = status;
  28.         StateHasChanged();
  29.         return Task.CompletedTask;
  30.     }
  32.     private Task OnError(string message)
  33.     {
  34.         this.message = message;
  35.         StateHasChanged();
  36.         return Task.CompletedTask;
  37.     }
  38. }

5. _Imports.razor加入一行引用组件的命名空间.

  1. @using Blazor100.Components

6. 首页引用组件演示页 <GeolocationPage /> 或者 Shared/NavMenu.razor 添加导航

  1. <div class="nav-item px-3">
  2.     <NavLink class="nav-link" href="geolocations">
  3.         定位
  4.     </NavLink>
  5. </div>

7. F5运行程序

至此,使用JS隔离制作定位/持续定位组件大功告成! Happy coding!

Blazor组件自做系列

Blazor组件自做一 : 使用JS隔离封装viewerjs库

Blazor组件自做二 : 使用JS隔离制作手写签名组件

Blazor组件自做三 : 使用JS隔离封装ZXing扫码

Blazor组件自做四: 使用JS隔离封装signature_pad签名组件

Blazor组件自做五: 使用JS隔离封装Google地图

Blazor组件自做六: 使用JS隔离封装Baidu地图

Blazor组件自做七: 使用JS隔离制作定位/持续定位组件

Blazor组件自做八: 使用JS隔离封装屏幕键盘kioskboard.js组件<03-27>

项目源码 Github | Gitee

Blazor组件自做七 : 使用JS隔离制作定位/持续定位组件的更多相关文章

  1. Blazor组件自做二 : 使用JS隔离制作手写签名组件

    Blazor组件自做二 : 使用JS隔离制作手写签名组件 本文相关参考链接 JavaScript 模块中的 JavaScript 隔离 Viewer.js工程 Blazor组件自做一 : 使用JS隔离 ...

  2. Blazor组件自做八 : 使用JS隔离封装屏幕键盘kioskboard.js组件

    1. 运行截图 演示地址 2. 在文件夹wwwroot/lib,添加kioskboard子文件夹,添加kioskboards.js文件 2.1 常规操作,懒加载js库, export function ...

  3. Blazor组件自做一 : 使用JS隔离封装viewerjs库

    Viewer.js库是一个实用的js库,用于图片浏览,放大缩小翻转幻灯片播放等实用操作 本文相关参考链接 JavaScript 模块中的 JavaScript 隔离 Viewer.js工程 Blazo ...

  4. Blazor组件自做三 : 使用JS隔离封装ZXing扫码

    Blazor组件自做三 : 使用JS隔离封装ZXing扫码 本文基础步骤参考前两篇文章 Blazor组件自做一 : 使用JS隔离封装viewerjs库 Blazor组件自做二 : 使用JS隔离制作手写 ...

  5. Blazor组件自做四 : 使用JS隔离封装signature_pad签名组件

    运行截图 演示地址 响应式演示 感谢szimek写的棒棒的signature_pad.js项目, 来源: https://github.com/szimek/signature_pad 正式开始 1. ...

  6. Blazor组件自做五 : 使用JS隔离封装Google地图

    Blazor组件自做五: 使用JS隔离封装Google地图 运行截图 演示地址 正式开始 1. 谷歌地图API 谷歌开发文档 开始学习 Maps JavaScript API 的最简单方法是查看一个简 ...

  7. Blazor组件自做六 : 使用JS隔离封装Baidu地图

    1. 运行截图 演示地址 2. 在文件夹wwwroot/lib,添加baidu子文件夹,添加baidumap.js文件 2.1 跟上一篇类似,用代码方式异步加载API,脚本生成新的 body > ...

  8. 一步一步教你用 Vue.js + Vuex 制作专门收藏微信公众号的 app

    一步一步教你用 Vue.js + Vuex 制作专门收藏微信公众号的 app 转载 作者:jrainlau 链接:https://segmentfault.com/a/1190000005844155 ...

  9. （day67）组件、组件化、组件传参、JS补充（命名转换、for in 、数据转换）、css取消选中和模拟小手

    目录 一.初识组件 (一)概念 (二)特点 二.组件的分类 (一)根组件 (二)局部组件 (三)全局组件 二.数据组件化 三.组件的传参 (一)父传子 (二)子传父 四.JS补充 (一)与html命名 ...

随机推荐

  1. SQL从零到迅速精通【实用函数（3）】

    1.LOWER()函数 使用LOWER函数将字符串中所有字幕字符转换为小写,输入语句如下. SELECT LOWER('BEAUTIFUL'),LOWER('Well'); 2.UPPER()函数 S ...

  2. 阿里云CND加速

    1: :2: 3: 4: 5: 6: 7:将解析信息如实添加 8:如果报错添加 CNAME 记录提示和 A 记录冲突,也就是说如果你要添加 CDN 全站加速,域名解析那里就不能再有 A 记录了, 只有 ...

  3. laravel 登录+中间件拦截+红柚小说网小说采集+图片本地化

    .......................登录界面 <!doctype html> <html lang="en"> <head> < ...

  4. npm vue路由配置

    npm vue路由 复习:1.README.md文件:保存如何使用的命令 (1)     npm install:拷项目时可以不拷node_modules文件,运行该命令时,会自动下载node_mod ...

  5. 基于python 实现KNN 算法

    #!/usr/bin/env python # -*- coding: utf-8 -*- # @Time : 2018/11/7 14:50 # @Author : gylhaut # @Site ...

  6. Go 循环语句

    Go 循环语句 一.概述 在不少实际问题中有许多具有规律性的重复操作,因此在程序中就需要重复执行某些语句. 循环程序的流程图: Go 语言提供了以下几种类型循环处理语句: 循环类型 描述 for 循环 ...

  7. 字节跳动社会招聘&内推-帮助你更快加入字节跳动

    字节跳动社会招聘&内推「[内推码]:4J8CA3W」 内推时间:一直有效 招聘对象:根据招聘要求而定 社招投递链接: https://job.toutiao.com/s/de5teaA 应届生 ...

  8. 容器化 | 在 K8s 上部署 RadonDB MySQL Operator 和集群

    作者:程润科 数据库研发工程师 编辑:张莉梅 高级文档工程师 视频:钱芬 高级测试工程师 本文将演示在 Kubernetes 上部署 RadonDB MySQL Kubernetes 2.X(Oper ...

  9. 面试之Java String 编码相关

    实话说,作为一个多年Java老年程序员,直到近来,在没有决心花时间搞清楚Java String的编码相关问题之前, 自己也都还是似懂非懂,一脸懵逼的.设想如果在面试中,有同学能够条理清晰的回答下面的问 ...

  10. Java中CAS 基本实现原理 和 AQS 原理

    一.前言了解CAS,首先要清楚JUC,那么什么是JUC呢?JUC就是java.util.concurrent包的简称.它有核心就是CAS与AQS.CAS是java.util.concurrent.at ...