不同环境同一函数的加载优化
以前写了一个 h5 App ,要和原生 App 进行交互。 代码是这样的:
12345678910111213141516171819202122232425262728293031323334import type { IAppVersion, ICompany } from '@/models/My';import iosBridge from '../helpers/IosWebview.js';export function isIos() { const ua = navigator.userAgent; const isIOS = !!ua.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); return isIOS;}/** * 返回状态栏高度 */export function getStatusHeight() { return new Promise((resolve) => { if (isIo ...
为kindle 制作字帖
我的是IReader, 但是由于kindle的知名度比较高一点, 所以用kindle做标题, 不过流程都是一样的。
准备
TTF字体
需要制作的文字
字帖制作APP 妙笔钢笔字帖-书法练字
我这里贴一下常用的2500字, 下载链接https://wwm.lanzouw.com/iMLB80175dah 密码:29tq
1一乙二十丁厂七卜八人入儿九几了乃刀力又三干于亏士土工才下寸丈大与万上小口山巾千乞川亿个么久勺丸夕凡及广亡门义之尸已弓己卫子也女飞刃习叉马乡丰王井开夫天元无云专扎艺木五支厅不太犬区历友尤匹车巨牙屯比互切瓦止少日中贝内水冈见手午牛毛气升长仁什片仆化仇币仍仅斤爪反介父从今凶分乏公仓月氏勿风欠丹匀乌勾凤六文方火为斗忆计订户认心尺引丑巴孔队办以允予劝双书幻玉刊末未示击打巧正扑扒功扔去甘世古节本术可丙左厉石右布龙平灭轧东卡北占业旧帅归目旦且叮叶甲申号电田由只央史兄叼叫叨另叹四生失禾丘付仗代仙们仪白仔他斥瓜乎丛令用甩印乐句匆册犯外处冬鸟务包饥主市立闪兰半汁汇头汉宁穴它讨写让礼训必议讯记永司尼民出辽奶奴加召皮边孕发圣对台矛纠母幼丝式刑动扛寺吉扣考托老圾巩执扩扫地扬场耳共芒亚芝朽朴机 ...
使用云盾cdn
1. 注册账户https://www.yundun.com/
点击右上角用户中心– 菜单栏 –> 用户中心 –> 用户认证
等待认证完成(没有消息通知, 只能每天看一眼)
控制台, 左侧菜单–> WEB安全加速 –> 业务列表 –> 添加网站
添加后还是这个页面, 点击控制台, 点击新增, 设置回源地址, 就是你的服务器地址。
https 注意一定要在 左侧菜单–> WEB安全加速 –> 证书管理 里面上传你的证书
接入模式左侧菜单–> WEB安全加速 –> 业务列表 里面有个接入模式, 选择canme 还是 ns都可以
关于域名绑定不生效
以前服务器设置了七牛的加速,然后不知道怎么的设置了所有的缓存文件为1个月。在我搭建这个博客的时候一直显示“您的请求在Web服务器中没有找到对应的站点”解决办法: 进入七牛控制台, 找到cdn / 域名管理 往下滑,有个缓存配置,选择推荐配置就好。如果你又自己的想法,当然可以自己设定相关的时间
图片缩放预览
# 需求
点击图片可以全屏预览,再次点击可以退出预览。
效果预览图片预览 (codepen.io)
完整实现1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841 ...
宝塔部署react项目(vue也适用)
# 1. 服务器编译好项目文件
记住编译后的目录,比如www/project/build/
2. 宝塔创建项目网站 –》 创建站点 –》 根目录(你编译好的文件位置)www/project/build/. 点击提交就创建好了。
3. 配置后端代理打开宝塔里面的这个项目, 点击反向代理。
添加代理。那个代理目录就是你代码里面写的。比如我用的axios。 baseUrl 是/api/admin。 所以就填的/api/admin
配置history模式打开ngnix文件。我是直接在第三步的文件里面操作的。 这个文件按理只写proxy。 但是为了方便就没注意了。
宝塔 ngnix 存放目录 https://www.vpsss.net/24691.html
工具收集
手机 Aria2 下载工具
黄昏解析
搭建code server
简单的介绍一下code server吧
Run VS Code on any machine anywhere and access it in the browser.
在你的服务器或者机器上安装code server, 可以在浏览器上使用vscode。简单点来说就是一个web版的vscode。
这是项目地址github地址
在github中介绍了三种安装方式
使用安装脚本进行安装
手动安装
使用一键部署
宝塔 + docker这种方式比较简单,安装前提是你已经安装宝塔并在宝塔面板里面安装了docker管理器,首先是在docker管理器里面添加镜像codercom/code-server:latest。点击获取,(TIP: 文件较大)
下载完成后, 点击docker管理器的容器列表里面的添加容器,选择下载好的镜像,选择下载好的code server镜像,选择自己喜欢的端口(官方是8080端口)一定要选择环境变量, 也可以在容器中重新配置环境
使用安装包的方式比较麻烦, 不推荐先在服务器里面下载github上面的relase文件,然后解压到随意一个目录,我是放在 www ...
ElForm 里的 ElTree 校验流程
123456789101112<el-form-item prop="permissionIds"> <el-tree ref="treeRef" show-checkbox node-key="id" :default-expand-all="true" :default-checked-keys="detail.permissionIds" :data="permissionList" :props="treeProps" @check="onPermissionCheck" ></el-tree></el-form-item>
图片1
点击 tree 组件。触发了这些事件。 从 ElCheckBox 开始看起
CheckBox
v- ...
JS Date操作
12const weekDay = new Date(date.setDate(1)).getDay() // 这个月的第一天是星期几const monthLen = new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate() // 本月一共多少天
获取一周的日期1234567891011getDate(offset: number) { const current = new Date(); const weekDay = current.getDay(); const dayMilliseconds = 24 * 60 * 60 * 1000; // 一天多少毫秒 const flagTimestamp = current.setHours(0, 0, 0, 0) + offset * 7 * dayMilliseconds; const dateAry = [...new Array(7).keys()] .map((i: number) => new Date(flagTimesta ...