- 博客(94)
- 收藏
- 关注
RSS订阅
原创 JavaScript 的显式转换和隐式转换（超详）
1、js数据类型最新的ECMAScript 标准定义了8 种数据类型。7种基本类型（也就是原始值）：Undefined、Null、Boolean、Number、String、Symbol（es6）、BigInt（es10）（这里不讨论 Symbol、BigInt 两种类型。）Undefined、Null的特殊情况以及Boolean的转换都比较好记忆。剩下的只需要关注好 String、Number 这两种类型。1种对象类型:Object2、类型转换数据类型间的转换可分为：原始值间的转换
2020-12-24 16:02:39
5449
原创 Vue3 使用 render 渲染函数透传组件
我们透传组件的时候可能会用 slot，本文讲述的是另一种方式 props + render 函数方式。当然具体的看业务场景。
2024-12-13 16:47:23
356
原创 用 Termius 的 ssh key 登录远程服务器
2、创建远程连接 hosts ，填入 ip、port、name，选择 key。2、创建远程连接 hosts 时，选择 key。
2024-11-11 14:41:19
1029
原创 Dolphins 简介——一种新颖的多模态语言模型
Dolphins 作为一种基于视觉语言模型的对话式驾驶助手，成功缩小了现有自动驾驶和人类驾驶之间的差距。他在复杂驾驶场景的全面理解，人类般的能力和广泛的任务，适用性方面表现出色，为实现更接近人类驾驶的自动驾驶系统，提供了有力支持。题外话：很少有机会作为前端，可以去研究模型原理之类。这不机会来了吗。发现由浅入深的学习，能够让一个小白较快的了解一个模型原理，不至于一头雾水。我的学习路径是，先翻翻官方 github，找些通俗易懂的视频，对模型有个整体了解，以及应用场景的了解。
2024-10-29 21:30:29
1289
原创 iframe token 通信。iframe 子应用无法收到 message
父应用内嵌iframe子应用，需要在一开始传递token。这种情况下监听message的时机（代码放置的位置很重要），否则可能出现获取不到message的问题。如果采用等子应用加载完，再给父应用，父应用再传递token。这可能导致过多的双向，使得子应用服务器繁忙，接口无法发送消息。
2024-10-18 17:54:58
763
原创 代码发布后，线上页面没有变化——原来是 pod pending
当创建 pod 后，pod 会被快速分配给有足够资源来运行它的节点。而导致集群无法分配 pod 的其中一个原因是，Node 节点为不可调度状态，这可能是节点压力或人为节点封锁导致的。会阻止在节点上调度新的 pod，节点上现有的 pod 不受影响。当只有一个 Node 节点可用，且不可调度时，便会出现代码发布后，部署成功，但线上页面没有变化。需要 cue 运维人员。SchedulingDisabled 表示 Node 节点处于不可调度状态，此时 pod 为 pending 状态。
2024-10-18 14:11:48
306
原创 解决 go 引用私有包，安装失败
go mod tidy 或者 go run main.go 时，提示失败，例如 no such host（设置GOPRIVATE）或者 x509: certificate signed by unknown authority 之类的报错（设置GOINSECURE）
2024-07-17 10:55:26
1489
1
原创 下载后端返回的图片，而不是打开图片
使用 window.location.href 和 window.open 后都是打开图片，原因是，当浏览器发现是浏览器支持的文件类型，例如 jpg、png、svg 等，默认是浏览器打开。
2024-06-27 23:40:25
528
2
原创 Vue3 父事件覆盖子事件，Vue2 的 v-on=“$listeners“ 的替代方案
子组件代码，需要特别注意的是事件名为 on 开头，例如 onBack。不确定的可以通过给父组件传递 事件或属性，再打印子组件的 attrs = useAttrs()，来确定传值。在 Vue3 中，$listeners 被删除。
2024-01-11 17:12:26
1488
原创 如何跑AI模型—ultralytics
这里以跑 ultralytics 为示例，记录了如何从 0-1 跑个简单的模型，包括环境搭建。我的是 Window 系统，其他系统也类似。主要流程是环境搭建，找个官网的 demo，收集好所需素材（模型，图片等），跑脚本。
2023-12-08 15:00:17
869
原创 hosts 配置本地映射不生效
关闭所有科学上网工具！！刷新 DNS 解析缓存：ipconfig /flushdns关闭所有浏览器访问映射地址时，带上端口号
2023-11-21 23:10:26
1118
原创 sass mixin 结合伪元素 + vertical-align: middle 实现垂直居中的优雅写法
外面一层标签，附上伪元素。里面放入想垂直居中的元素。优化：封装为 mixin 在全局需要的地方直接引入（借鉴来自 ElementUI 源码）
2023-01-04 15:39:24
274
原创 Vue JSX 快速上手指南【语法篇】
在 Javascript 里写 XML，同时拥有 Javascript 的灵活性和 HTML 的语义化。
2022-12-30 14:51:09
2724
原创 函数式编程之 compose 实现
原打算研究下 compose 实现就好了，可是顺藤摸瓜，看到了一个更大的世界。先来看看函数式编程，再来学学compose的实现吧。
2022-07-16 19:48:37
417
原创 Vue Test Utils 【实战篇】
一、快照知识点补充快照介绍每当想要确保生成的 UI 不会有意外的改变时，快照测试时非常有用的工具第一次运行时，会生成快照文件第二次会比较不同，直接展示结果。更新快照 npm run test:unit – -u运行结果：第一次写入：第二次比较，不能有 stub，因为：修改组件后，快照报错，显示组件被修改。但前提是在同一个文件.vue下才能被监控到。而不是外部引入脚本。执行 npm run test:unit – -u 或 yarn test:unit -u 更新快照二、配置主
2022-01-16 15:28:56
4195
2
原创 Jest 组件库单元测试【基础语法篇】
一、介绍Jest 是 Facebook 出品的一个测试框架，相对其他测试框架，其一大特点就是就是内置了常用的测试工具，比如自带断言、测试覆盖率工具，实现了开箱即用。此外， Jest 的测试用例是并行执行的，而且只执行发生改变的文件所对应的测试，提升了测试速度。二、简单尝试 Jest启动一个项目：安装 Jest全局：npm install -g jest 或局部： npm install -D jest在 package.json 中指定 test 脚本：Jest 的测试脚本名形如*.t
2022-01-16 13:52:28
10846
1
原创 Javascript 的编译器和作用域查找规则
一、编译器介绍对于常见编译型语言（例如：Java）来说，编译步骤分为：词法分析->语法分析->语义检查->代码优化和字节码生成。对于解释型语言（例如 JavaScript）来说，通过词法分析 -> 语法分析 -> 语法树，就可以开始解释执行了。1 传统的编译步骤：1、分词/词法分析将字符组成的字符串分解成有意义的代码块（词法单元）例： var a = 2 => var、a、=、22、解析/语法分析将词法单元流（数组）转换成抽象语法树3、代码生成将 A
2022-01-16 13:36:37
518
原创 vue+element-ui 实现的假进度条
背景接口请求时，为了提高用户体验需要展示进度条，包括加载时间和进度。但有时候加载的接口不止一个，又无法得知具体的时间，这时候模拟一个假进度条更为方便。思路：参考的 nprogress 代码，将内部的进度暴露出来，便于模拟假的时间。 this.$emit(‘progress’, n)部分代码如下：<template> <el-progress :percentage="percentage" :show-text="false" :class="progressClass"
2022-01-03 12:23:53
4151
原创 对npm模块进行调试和测试——npm link
功能将本地开发的 npm 模块连接到本地项目中，方便调试和测试。使用在 npm 模块目录：npm link在本地项目目录：npm link 模块名会提示映射成功注意若无法生效，可能连接的还是线上的 npm 模块。则在本地项目 npm uninstall 本地需要调试的 npm 模块。在 npm 模块目录下打包该模块，例如 npm run dist。...
2022-01-03 11:22:28
1329
原创 安装最新 Jest 报错：TypeError: Cannot read property ‘instrument‘ of undefined
背景：为了在已有的项目中加入 Jest ，踩了不少坑，坑列举如下，采用过的解决方式，出现的新问题，最终的处理手段。首先，我的项目是 Vue2，package.json 的 babel 为 @babel，因此才会出现以下种种问题。若为 babel，正常 npm install -g jest 配置脚本即可，后面会有说明。Vue3 的 Jest 安装更为简单，本篇不涉及。坑1： 直接在 Vue 项目中运行，报错requires Babel "^7.0.0-0", but was loaded with
2021-11-11 21:23:59
3889
1
原创 ElementUI 多选框取值用 value，展示用 label
多选框：label 绑定选中值（返回值），value 绑定展示内容<el-checkbox-group v-model="status"> <el-checkbox v-for="(value, key) in checkData" :key="key" :label="key" > {{ value }} </el-checkbox></el-checkbox-grou
2021-11-08 16:32:27
3585
原创 ECharts 的 Tooltip 绑定点击事件
效果：关键代码：option 配置tooltip: { enterable: true, // 必须项 鼠标是否可进入提示框浮层中 trigger: 'item', // 触发类型 formatter: function(e) { return ( `<span onClick="goDetail(\'` + e.name + `\',\' ` + e.value + `\')">${e.name}<span id="detail">&
2021-10-12 11:23:15
1909
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人