- 博客(89)
- 收藏
- 关注
RSS订阅原创 Idea清除 Background Image Plus 设置的背景图片
Idea 清除 Background Image Plus 设置的背景图片
2022-07-11 11:32:10
558
1
原创 记一次 springboot 应用在 k8s 上多环境配置文件不生效问题
springboot 版本为 2.6.3 配置 spring.profiles.active = dev 时，dev 的配置文件时，本地运行正常，但是在 k8s 上 dev 的配置文件并未加载解决方案： 在 dev 的配置文件上加上 spring.config.activate.on-profile = dev原因 springboot 2.4 之后多环境配置上有调整参考：https://zhuanlan.zhihu.com/p/363354421...
2022-01-25 09:27:04
1911
原创 Nodejs 开发学习路线
2021 的 Node.js 开发人员路线图1. JavaScript如果你是一名希望掌握一些后端技能的前端开发人员，那么在开始构建 Node.js 应用程序之前，将不必花费大量时间学习 JavaScript。但是，如果你是一个初学者，希望在尽可能短的时间内掌握 Node.js，那么在深入研究 Node.js 环境之前，必须学习以下概念。箭头函数数据类型表达式函数词法this循环和作用域数组模版字符串严格模式ES6/ES7在Node.js中，将面对大量的异步编程，为此，建议学
2021-11-15 10:14:53
705
原创 promise 理解
Promise 你需要知道的几点创建 Promise 时（即 new Promise…)，内部同步代码会立即执行，异步代码会在次轮事件循环执行try…catch 无法抓取 异步任务 错误， 因为 try…catch 代码在主线程，异步任务在工作线程，在执行异步任务时主代码同步任务try…catch 都已经执行完了Promise.reject(new Error(‘xxx’)) 或 Promise.reject(‘xxxx’) reject 其实是返回错误信息的回调方法，它并不是 thro
2021-11-15 10:13:40
429
原创 Chrome 安装有道画词取义插件
问题：一般来讲 chrome 可以识别英文网页并提供翻译成中文的功能，但是部分中英网页无法翻译过来，有页面画词翻译就方便不少了方案：安装有道画词取义插件，找半天没有找到，只能去下插件魔改版本地安装了https://github.com/cclient/chrome-extensions-youdaowithwordnode下载下来解压好chrome://extensions/ 开发者模式 -> 从本地解压包中安装 -> 选取插件位置安装即可...
2021-09-26 15:24:23
375
原创 IDEA Community找不到Spring Assistant解决方案
问题点： 下载玩 IDEA 后本创建一个 SpringBoot 项目，就去找 Spring Assistant 插件方便创建项目，结果搜索不到了处理方案：插件官网查找插件信息https://plugins.jetbrains.com/搜索: Spring Assistant查找到后拉到最下面 -> source code 下载下拉从本地安装插件即可...
2021-09-26 15:19:44
2470
原创 ionic 监听应用后台运行、前台运行、横竖屏切换事件
参考： https://ionicframework.com/docs/angular/platformconstructor(public platform: Platform) {this.platform.pause.subscribe(async () => { alert('Pause event detected'); // 前台 -> 后台});this.platform.resume.subscribe(async () => { alert('Resu
2021-09-16 13:37:21
394
原创 ionic 硬件回退事件
ionic 硬件回退https://ionicframework.com/docs/developing/hardware-back-buttonimport { IonRouterOutlet, Platform } from '@ionic/angular';import { Plugins } from '@capacitor/core';const { App } = Plugins;...constructor( private platform: Platform, pr
2021-09-15 16:10:49
145
原创 ionic capacitor 输入框获取焦点后隐藏键盘
问题点， ionic + capacitor 使用 keyboard 插件 cordova-plugin-ionic-keyboard 时，ionic cap sync 同步插件时提示 不兼容跳过安装问题ionic keyboard 插件： https://ionicframework.com/docs/native/keyboard方案： 得使用 capacitor 官方封装的 keyboard 插件capacitor V2 版本处理方案import { Plugins } from '
2021-09-15 16:08:09
246
原创 capacitorjs 访问不了解决方案
从 github 拉取 capacitor-site 源码本地部署，或是查看源码里面的 md 文件源码位置：http://github.com/ionic-team/capacitor-site
2021-09-15 15:53:50
437
原创 ionic4 + capacitor功能片段代码集合
退出 Appif (navigator['app']) { navigator['app'].exitApp(); }
2021-08-04 09:13:53
219
原创 ionic capacitor 开发APP问题集合
1. 闪屏页，启动图标生成（利用 cordova-res 制作）cordova-res android2. 闪屏页启动时 statusbar 为黑色配置 splashscren 参数"plugins": { "SplashScreen": { "launchShowDuration": 3000, "androidScaleType": "CENTER_CROP", "backgroundColor": "#ffffffff" // statusbar
2021-07-29 15:53:22
437
原创 js 中 对 this 指向的理解
js 中 this 理解普通函数 （function定义的函数）参考this指的是函数运行时所在的环境如果该函数是一个构造函数，this指针指向一个新的对象在严格模式下的函数调用下，this 指向undefined如果该函数是一个对象的方法，则它的this指针指向这个对象箭头函数 （() => {}）参考箭头函数 没有自己的 this箭头函数不会创建自己的this, 它只会从自己的作用域链的上一层继承thisobj 对象不构成单独的作用域不管在什么情况下,箭头函
2021-07-26 17:31:22
89
原创 ionic4 + angular + capacitor 创建 web app 项目命令
ionic4 + angular + capacitor 创建 web app 项目命令1. Install Ionic Toolingnpm install -g @ionic/cli native-run cordova-res2. Create an Appionic start demo --type=angular --capacitor3. Run the Appionic serve4.Deploying to Android or IOSionic build //
2021-07-20 17:43:42
318
原创 Window 10 护眼色设置
Window 10 护眼色设置：参考： https://jingyan.baidu.com/article/acf728fd8cec5af8e510a3c4.html将下面 bat 命令保存到文件 test.bat 使用管理员执行 test.bat 重新启动电脑即可。:: 还原 此处为注释内容，执行该处命令将还原设置reg add "HKCU\Control Panel\Colors" /v Window /t REG_SZ /d "202 234 206" /freg add "HKEY_L
2021-07-16 09:57:19
174
原创 NodeJs 自定义 node_cache、node_global 目录
node_cache 存放的是 npm 下载时的缓存文件node_global 存放的是 npm install -g 全局安装的指令模块自定两处目录位置npm config set prefix “D:\nodejs\node_global”npm config set cache “D:\nodejs\node_cache”注意：node_global 目录位置需要添加到环境变量 path 中，这样才能使用全局的 npm 命令其他问题处理:自定义目录后 npm install 时.
2021-07-15 10:30:12
2651
原创 PM2 负载均衡
const http = require('http');const server = http.createServer((req, res) => { console.log("url", req.url); res.writeHead(200, {'Content-Type': 'text/pain; Charset=utf-8'}); const pid = process.pid; res.end(`看看用哪个${pid}`);});server.li
2021-07-12 17:57:38
701
原创 axios 下载文件流
const axios = require('axios');const fs = require('fs');// axios.get('https://www.rejetto.com/hfs/hfs.exe')// .then((data) => {// fs.writeFileSync('./hfs.exe', data);// }).catch(console.log);axios({ method: 'get', url: 'https://www.rejetto
2021-07-12 11:37:59
466
原创 nginx 开启目录浏览功能，实现简单版文件服务器
nginx 搭建简单文件服务器，列出目录结构server { location / { # 文件目录 root E:\\test; # 列出目录 autoindex on; # 文件大小 autoindex_exact_size on; # 文件时间 autoindex_localtime on; # 中文乱码处理 chartset gbk,utf-8; }}重启 nginx : nginx -s reload效果：
2021-06-30 11:10:28
327
原创 更改 npm 全局 node_module目录
设置npm安装程序时的默认位置npm config set prefix “D:\nodejs\node_global”设置npm安装程序时的缓存位置npm config set cache “D:\nodejs\node_cache”把 D:\nodejs\node_global 加到 window s系统 PATH 下
2021-06-30 10:22:23
1958
原创 设置 Angular 包管理器为 cnpm
ng config -g cli.packageManager cnpm 设置 angular 包管理器为 cnpm
2021-06-30 09:58:41
189
原创 nodejs 下载 APK 类型文件
nodejs 下载 APK 文件返回头设置// 需要下载的 APK 文件, 可以边读取边下载节约服务器内存const apkbuffer = fs.readFileSync('./app-release.apk');// 设置 APK 文件大小，这样客户端可以获取到，从而显示下载进度res.setHeader("Content-Length", apkbuffer.length);// 下载 APK 文件所必须的 文件类型 设置res.setHeader("Content-Type", "app
2021-06-30 09:53:02
627
原创 Angular 自定义组件中实现 ngModel 双向绑定
1. 自定义组件属性实现值的双向绑定// 1. 自定义组件中定义需要双向绑定的值 @Input() userName: string; // Output中EventEmitter类型属性的名字必须为 Input属性对应名字+Change // 属性名 + Change 构成事件属性名，固定写法才能使用双向绑定 [(userName)] @Output() userNameChange = new EventEmitter<string>(); /** * chang
2021-06-29 16:04:42
789
原创 html 自定义 滚动条颜色 （chrome ）
针对webkit内核的浏览器，使用伪类来改变滚动条的默认样式::-webkit-scrollbar 滚动条整体部分::-webkit-scrollbar-thumb 滚动条里面的小方块，能向上向下移动（或向左向右移动）::-webkit-scrollbar-track 滚动条的轨道（里面装有Thumb）::-webkit-scrollbar-button 滚动条的轨道的两端按钮，由于通过点击微调小方块的- 位置。::-webkit-scrollbar-track-piece 内层轨道，滚动条.
2021-06-29 15:41:24
416
原创 html 自定义 radio 颜色
<style>input[type=radio] + label::before { content: ""; display: inline-block; vertical-align: middle; width: 16px; height: 16px; border-radius: 50%; border: 1px solid #489C9C; margin-right: 8px; box-sizing: borde
2021-06-29 15:31:02
800
原创 Angular 自定义全局loadding 或是任意弹框
服务的方式实现全局 loadding 弹框// LoaddingService.tsimport { LoaddingComponent } from './../components/loadding/loadding.component';import { NzModalRef, NzModalService } from 'ng-zorro-antd/modal';import { ComponentFactory, Injectable, ComponentFactoryResolver.
2021-05-31 15:27:04
319
原创 xlsx导出excel, 并且通过 xlsx-style 添加样式
const xlsxStyle = require("xlsx-style");const xlsx = require('xlsx');const wb = xlsx.utils.book_new();var ws_name = "SheetJS";/* make worksheet */var ws_data = [ [ "S", "h", "e", "e\ntest", "tteststesateafwefewffw", "J", "S" ], [ 1 , 2 , 3 ,
2021-05-31 11:18:15
1021
原创 纯 css js 实现 tab 切换底部滑块跟随滑动效果
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>tab 切换滑块跟随</title> <style> body { padding: 0; margin: 0; } .bar { width: 42px; border-bottom: 2px solid #489C9
2021-05-08 15:36:20
1191
原创 js css html 显示隐藏侧边菜单
<html><head> <style> body { margin: 0; padding: 0; } .header { border: 1px solid #AAAAAA; height: 100px; } .container { display: flex; height: calc(100% - 100px); width:
2021-04-30 14:03:32
245
原创 js 绘制日历之获取当前日期有哪些日期
// let moment = require('moment');let data = new Array(6);for (let i = 0; i < data.length; i++) { data[i] = new Array(7)}let now = new Date();let year = now.getFullYear();let month = now.getMonth();let afterDate = new Date(year, month, 1);.
2021-04-30 13:14:55
79
原创 Angular 多语言国际化配置
安装依赖npm install @ngx-translate/core –-savenpm install @ngx-translate/http-loader --save配置国际化// app.module.ts// 加载国际化资源文件export function HttpLoaderFactory(http: HttpClient) { return new TranslateHttpLoader(http, './assets/i18n/', '.json?nocach.
2021-03-31 14:15:43
242
原创 Angular 路由懒加载
version 7.x{ path: 'test', loadChildren: './test/test_ui.module#TestUIModules' },version 8.x{path: 'test',loadChildren:()=>import('./test_ui/test_ui.module').then(mod=>mod.TestUIModules)},
2021-03-31 11:28:01
300
原创 使用 nodejs electron 开发桌面应用
electron 官网：http://www.electronjs.org/docs/tutorial/quick-start1. 安装 electron 环境// 设置 electron 仓库地址为淘宝镜像（重要，否则可能安装失败）npm config set electron_mirror “https://npm.taobao.org/mirrors/electron/”npm i --save-dev electron// electron 打包, package.json .
2021-03-17 11:24:44
811
原创 nodejs 加密压缩文件，解密解压文件
话不多说，直接上代码// archiver, archiver-zip-encryptedconst archiver = require('archiver');const fs = require('fs');const output = fs.createWriteStream(__dirname + '/test.zip');archiver.registerFormat('zip-encrypted', require('archiver-zip-encrypted'));const
2021-02-26 10:28:03
1307
原创 nodejs 使用 nodemailer 来发送邮件
nodemailer 网址： https://nodemailer.com/about/const nodemailer = require('nodemailer');const fs = require('fs');async function main() { let transporter = nodemailer.createTransport({ host: 'smtp.test.com', // 邮件服务器 port: 587, secure: fals.
2021-02-24 14:19:43
132
原创 NodeJS 生成文件校验码 checksum (md5, sha1, sha256, sha512)
生成文件的校验码，验证文件的安全性和完整性代码：const crypto = require('crypto');const fs = require('fs');const fsStream = fs.createReadStream('./json-20201115.jar');const algo = 'md5'; // md5, sha1, sha256, sha512const fHash = crypto.createHash(algo);fsStream.on('data
2021-02-01 15:23:29
1437
1
原创 git 更新账号的密码
git 更新账号的密码管理员运行 cmd -> 下面的命令会提示输入账号密码git config --system --unset credential.helper然后 cmd -> git pull -> 根据提示输入账号密码即可
2021-01-05 11:01:33
2413
原创 http basic auth 实现请求网页时弹出账号密码输入框
http basic auth 是如何实现的 当请求一个url会弹出请输入账号密码即是通过该方式实现的. nodejs代码/** * Created by alex on 18-6-27. *//* https://blog.csdn.net/qq_15783243/article/details/78684423 https://blog.csdn.net/qq_157...
2020-12-16 14:07:01
1254
原创 字母序列号生成 A...Z..AA..ZZ....
A…Z…AA…ZZ… 字母序列生成与转换代码：'use strict';/** * A...Z..AA..ZZ.. 序列号生成与转换 */class VersionTool { /** * constructor */ constructor() { this.baseLetter = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'; } /** * 数字序列转字母序列 * 分析：ZZ * 达到 ZZ 需要 26*26, 两次循
2020-12-08 15:52:33
1808
原创 NodeJs 使用 Protocol Buffer 协议对数据进行序列化处理
Protocol Buffer 是什么Protocol Buffer 是 Google 提供的一种数据序列化协议，是一种轻便高效的结构化数据存储格式，可以用于结构化数据序列化，很适合做数据存储或 RPC 数据交换格式。它可用于通讯协议、数据存储等领域的语言无关、平台无关、可扩展的序列化结构数据格式。为何使用 Protocol BufferProtocol Buffer 属于二进制协议，解析处理更快1. 安装 js 包 google-protobufnpm i google-protobuf
2020-12-01 17:04:11
659
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人