- 博客(62)
- 收藏
- 关注
RSS订阅
原创 发布自定义插件到本地服务器
一、启动nexus进入解压包所在位置 nexus-3.29.1-01,下bin目录，打开cmd窗口，输入.nexus/start二、去发布在项目中 npm i （注意镜像地址 npm 或者taobao ）npm config set registry https://registry.npm.taobao.org在项目中 npm buildcd smallbuttonnpm publish 没有登录的，先 切换镜像npm config set regstry=http://服务器地址
2021-01-18 18:40:57
141
原创 git 配置过公钥，git连接仍然报错：Permission denied (publickey,gssapi-keyex,gssapi-with-mic,password).
git 配置SSH Key报错Permission denied
2024-03-11 15:32:34
607
原创 Android App构建报错 Could not resolve all dependencies for configuration ‘:classpath‘. ＞Using insecur
Using insecure protocols with repositories, without explicit opt-in, is unsupported. Switch Maven repository 'maven2(http://maven.aliyun.com/nexus/content/repositories/releases/)' to redirect to a secure protocol (like HTTPS) or allow insecure protocols.
2024-03-11 15:15:37
322
原创 Android沉浸式状态栏 ImmersionBar的使用
ImmersionBar Api说明git地址 ImmersionBar.with(this) .transparentStatusBar() //透明状态栏，不写默认透明色 .transparentNavigationBar() //透明导航栏，不写默认黑色(设置此方法，fullScreen()方法自动为true) .transparentBar() //透明状
2022-04-25 18:17:24
1849
原创 Android 沉浸式Dialog弹框
现在沉浸式页面非常受欢迎，那配套页面的Dialog也需要做到沉浸式才不会显得唐突，本文记录沉浸式弹窗实现。一、代码实现（一）创建自定义LoadingDialog继承自Dialogpublic class LoadingDialog extends Dialog { public LoadingDialog(@NonNull Context context) { super(context, R.style.AlertDialog_AppCompat_LoadingNoBg);
2022-04-22 17:55:24
3042
原创 JS 比较2个数组中不同的元素
JS 比较2个数组中不同的元素 //比较2个数组中不同的元素 function getNewArr(a, b) { const arr = [...a, ...b]; const newArr = arr.filter(item => { return !(a.includes(item) && b.includes(item)); }); return newArr; }...
2021-12-07 17:08:16
1200
原创 js时间获取本周一、周日，判断时间是今天，今天前、后
记录最近在大屏展示需求中，用到的一些时间处理方法。一、获取今天的前3天，后3天逻辑：1、根据今天的24点时间戳，加上对应的时间戳范围即为今天的后多少天。2、今天0点时间戳，减去对应时间戳，即为今天的前多少天。 // 获取当天 0 点的时间戳 let timeStamp = new Date(new Date().setHours(0, 0, 0, 0)) / 1000; // 一天是86400秒 故 3 天前的时间戳为 let threeDayAgo1 = tim
2021-12-03 11:07:50
856
原创 error 403 In most cases, you or one of your dependencies are requesting解决
发布到本地nexus服务器，一直报error 403 403 Forbidden28 error 403 403 Forbidden - PUT http://dev.此处省略我的服务器地址1/repository/npm-group/plugin-dpi - Deploying to groups is a PRO-licensed feature. See https://links.sonatype.com/product-nexus-repository29 error 403 In most
2021-09-23 18:42:03
8888
原创 useReducer基本用法
一、引入apiimport React ,{useReducer}from 'react';二、基本使用设置数值count,默认初始值为0，传入不同分发方式，‘add’,‘sub’,根据action不同，返回不同数值。function UseReducerDemo() { const [count, dispatch]=useReducer((state,action)=>{ switch (action) { ca
2021-09-22 16:52:46
1081
原创 android 8.0图标适配
介于自己记忆力差的惊人，每次写的时候都得重新查看文章，自己简单做下记录，以便下次直接想起来。自定义图标适配是Android 8.0开始具有的功能，前提 ：8.0以下版本还是需要切多个尺寸小图标，具体尺寸：48 * 4872 * 7296 * 96144 * 144192 * 1928.0版本以上版本图标适配，首先将我们的图标分成上下2个图层，一层图标，一层背景，切出108 * 108大小的图片（一）选中app下res目录，new 新建一个image Asset,选择前景图，格式选
2021-09-18 16:04:40
841
1
原创 Antd Design Form表单检验
第一种常规用法<Form.Item name={dataIndex} style={{ margin: 0, }} rules={[ { required: must, message: ` ${title}不能为空!`, }, ]}
2021-09-01 11:36:42
632
原创 React中展示文件流图片
假设接口返回的数据为 res。数据为文件流 // blob方案 let blob = new Blob([res], {type: "img/jpeg"}); let url = (URL || webkitURL).createObjectURL(blob); let imgDiv = document.getElementById('secret'); imgDiv.src = url;//这个可以 // i
2021-08-18 18:32:43
1797
原创 Android存储之SharedPreferences
一、概述SharedPreferences是一种轻量级的数据存储方式，采用键值对的存储方式。SharedPreferences只能存储少量数据，大量数据不能使用该方式存储，支持存储的数据类型有booleans, floats, ints, longs, and strings。SharedPreferences存储到一个XML文件中的，路径在/data/data//shared_prefs/下，文件名以及存储后面详细讲述。二、基本用法1.获取SharedPreferences对象要创建存储文件或
2021-08-12 13:54:11
1312
1
原创 Okhttp创建拦截器
先创建OKhttpClient对象 OkHttpClient.Builder httpClientBuilder = new OkHttpClient.Builder() .connectTimeout(60, TimeUnit.SECONDS) .readTimeout(60, TimeUnit.SECONDS) .writeTimeout(60, TimeUnit.SECONDS);添加拦截器http
2021-08-11 16:54:04
314
原创 npm ERR code 500解决
项目中组件构建，发布、过程出现报错：npm ERR code 500是npm缓存的问题导致的，清除缓存，可以解决解决：npm cache clean --force
2021-08-06 14:25:28
3647
原创 Android 读取项目本地.txt文本
近期完成一个读取txt文本路由字段，动态加入到vpnService.Builder路由中功能。具体实现如下：/** * 返回路由名单 以String 数组形式 * * @return */ public String[] initAssets() { try { //获取输入流 InputStream inputStream = getResources().getAssets().open("
2021-07-30 16:45:39
1118
原创 Android查看应用包名
步骤一、手机连接电脑步骤二、打开终端npm i adb步骤三、输入adb shell am monitor打开想看包名的应用，即可看到终端输出
2021-07-30 10:55:12
426
原创 Android 查看路由表
需求：在应用中加入多条路由，查看某条路由是否添加成功。添加路由过多会存在性能问题，本文章不探讨性能，只学习记录shell 命令。一、下载 adbnpm i adb二、进入adb shelladb shell三、查看路由列表连接Android 手机ip rule list四、查看某一个表中的路由ip route show table 【表名】eg:ip route show table 1002五、查看所有的路由for i in `ip rule list | sed '
2021-07-29 18:18:36
4774
原创 Antd Design Pro中使用Echarts结合百度地图
React中使用echarts结合百度地图一、引入echarts注意：echarts、bmap都要引入，不引入bmap,不报错，但地图不会显示。import echarts from 'echarts';import 'echarts/extension/bmap/bmap';二、创建容器存放 <div id="main" style={{width: '85vw', height: '80vh'}}></div>三、确保百度地图加载进来注意：这里是关键代码
2021-07-28 19:05:09
1349
3
原创 中国各省会城市经纬度位置
项目中使用了地图做图表，特意查询了中国各省省会的位置，做一个记录。 var geoCoordMap = { '北京': [116.4, 39.9], '天津': [117.2, 39.12], '上海': [121.47, 31.23], '重庆': [106.55, 29.57], '河北': [114.52, 38.05], '河南': [113.62, 34.75], '云南': [102.72, 25.05],
2021-07-28 18:53:09
3328
1
原创 React中如何引入原生JS库
一、在js代码加载之前先引入需要的库创建一个 script 标签，加入到html 的head里面,用JS代码实现 let script = document.createElement('script') script.type = 'text/javascript' script.async = true script.src = '../../../../public/static/jtopo/js/jtopo-editor.js' document.head.ap
2021-07-23 15:18:00
6960
原创 Android存储方式SharedPreferences、ContentProvider分析
本文摘自《Android开发高手课》作者 张绍文前微信高级工程师，Tinker负责人一、SharedPreferencesSharedPreferences是 Android 中比较常用的存储方法，它可以用来存储一些比较小的键值对集合。问题：1、跨进程不安全。由于没有使用跨进程的锁，就算使用MODE_MULTI_PROCESS，SharedPreferences 在跨进程频繁读写有可能导致数据全部丢失。根据线上统计，SP 大约会有万分之一的损坏率。2、加载缓慢。SharedPreferen
2021-07-21 16:46:36
1003
原创 Canvas drawImage在高清屏幕下变模糊，解决方案
问题：在使用canvas 绘制图片时，发现图片有些模糊像这样但使用标签是不会出现这个问题的<img style={{width: '30px', height: '30px'}} src={require('../../../assets/icon/ic_cloud.png')}/>处理方法：核心代码如下 function setupCanvas(canvas) { // Get the device pixel ratio, falling back to 1.
2021-07-16 15:19:36
2732
原创 JS深拷贝、浅拷贝
一、 如何区分深拷贝、浅拷贝？假设B复制了A，当修改A时，B也跟着变了，说明这是浅拷贝；如果B没变，那就是深拷贝。深拷贝，B复制了A的值和内存地址；浅拷贝，B复制了A的值。基本数据类型有哪些，number，string，boolean，null，undefined，symbol.引用数据类型(Object类)有哪些常规名值对的无序对象{a:1}，数组[1,2,3]，以及函数等。a.基本类型–名值存储在栈内存中，例如let a=1;栈内存namevaluea1当
2021-07-12 17:57:36
55
原创 Canvas在Antd design Pro中使用（基于React)
问题1、canvas.drawImage(img, x,y);，canvas绘制的img没有出现在x、y值指定的位置。 ctx.drawImage(img, x,y);解决：canvas 除了在标签里面指定宽高，还必须在获取元素之后重新指定宽高值。 var canvas = document.getElementById('tutorial'); //如果不指定canvas宽度，高度，会出现drawimg的xy坐标跟值不对应的问题。 canvas.width = 1000; canvas.he
2021-07-09 10:21:09
862
原创 华为Mate30 Pro,HarmonyOS系统适配 ，
根据App功能，目前发现主要有2个方向：颜色、事件1、EditText 下划线颜色与光标颜色适配themes 中指定EditText光标下划线颜色，不指定的话，可能出现白色 <!--colorControlNormal 为没有获取焦点时候下划线的颜色--> <!--colorControlActivated 为获取焦点时候光标与下划线的颜色--> <item name="colorControlNormal">@color/gray_bfbfbf</ite
2021-07-06 17:58:15
301
2
原创 moveTaskToback退后台的用法及作用
1方法：public boolean moveTaskToBack(boolean nonRoot)activity里有这个方法，参数说明如下：nonRoot=false→ 仅当activity为task根（即首个activity例如启动activity之类的）时才生效nonRoot=true→ 忽略上面的限制这个方法不会改变task中的activity中的顺序，效果基本等同于home键应用场景：比如有些activity诸如引导图之类的，用户在按返回键的时候你并不希望退出（默认就finish了
2021-07-06 17:44:00
293
原创 JS的异步
JS的异步：一个同步任务队列，一个异步任务队列，同步任务队列中执行非耗时操作，异步任务中执行耗时操作，任务的执行是从上到下的，如果中间出现网络请求耗时操作，并不会等待请求结果返回再继续执行，而是讲耗时操作挂起，直接进行下一个任务。这样会出现接口未返回结果，而页面已经渲染的情况，如果想要保证数据返回之后再去渲染页面，需要根据需求决定使用Promise语法，或者async,await处理。JS异步其实并不是真的异步，某种意义上讲还是同步。因为异步任务在同步任务执行结束后才去执行，不同于JAVA的异步，是真
2021-07-06 17:40:07
272
原创 Canvas绘制饼图，不同区域填充不同颜色
Canvas绘制饼图，不同区域填充不同颜色一、核心代码，注意执行顺序：beginPath()、fillStyle = ‘色值’、fill()、closePath()，二、代码<!DOCTYPE html><html><head> <script type="application/javascript"> function draw() { let canvas = document.getElementById("canvas"
2021-06-18 14:05:16
1515
原创 jsplumb 系列（一）
jsplumb中文基础教程<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <title>Document</title> <style> #diagramContainer { padding: 20px; width: 80
2021-05-26 19:05:17
923
原创 jsplumb踩坑记录 删除连接线
删除单条连接线jsPlumb.bind("click", function(c) { if(confirm("你确定取消连接吗?")) jsPlumb.detach(c); });报错jsPlumb: fire failed for event click : TypeError:WEBPACK_IMPORTED_MODULE_2_jsplumb_.jsPlumb.detach is not a function 的错误改为：jsPlumb.bind('click'
2021-05-26 18:39:20
1522
原创 Antv X6系列 （三）锚点相关
Antv X6自定义锚点位置 ports: {//链接桩， groups: { top: {//位置上下左右 position: { name: 'absolute', args: { x: 44, y: 33 }, }, attrs: { circle: { r: 3, magnet: true, st
2021-05-25 11:48:17
3668
4
原创 Antv X6系列（一）启动官方Demo
学习运用Antv X6首先下载官方Demo,官方Demo地址步骤：下载解压打开参考git上关于：如何开发# 全局安装 yarn 和 lerna 工具$ npm install yarn -g$ npm install lerna -g# 安装项目依赖和初始化构建$ yarn bootstrap然后可以进入到指定项目开发和调试。如本地启动 examples/x6-example-features 示例：cd examples/x6-example-featuresyarn s
2021-05-25 10:20:20
1831
3
原创 Antv X6系列 (二) 自定义节点
最近在做数据可视化编辑功能，学习记录（一）自定义图片节点import { Graph, Dom, Node } from '@antv/x6'export const FlowChartImageRect1 = Graph.registerNode('flow-chart-image-rect1', { inherit: 'rect', width:60, height: 60, attrs: { image: { //远程图片 // 'xlink:href
2021-05-24 19:20:26
9896
12
原创 浏览器的本地存储理解
cookie、localStorage、sessionStorage对比名称存放数据大小过期时间与服务器通信可能存在的问题API用法cookie4k在cookie设置的过期时间之前一直有效，即使窗口或者浏览器关闭与服务器端通信，每次都会携带在HTTP头中，cookie存储数据过多会带来性能问题在url中localStorage5MB一直有效，除非客户清除不参与服务器通信，仅在本地存储未知localStorage.setItem(“key”,“value
2021-05-14 11:16:15
106
原创 JS this 指向
JS中 this指向理解（一 ）非箭头函数this就是函数运行时所在的环境对象，有多种情况1、作为函数调用，this指向全局对象var q = 'window'var func = function { console.log(this.q)}func() //window2、作为对象的方法调用，该对象即为调用上下文，this指向该对象。var q = 'window'var func = function() { console.log(this.q)}
2021-05-14 10:49:15
56
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人