- 博客(200)
- 资源 (7)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 近期工作感想：职业规划篇
前言 起初，选择前端开发工程师这个职业的时候，是感觉它在开发行业里算一股清流。我给自己当初的定位就是网页设计师， 换言之就是进行艺术创作的设计师，是一位艺术家! 所以，我对CSS3和HTML技术当时抱有很浓厚的兴趣，相反对JS的各种框架以及库都是敬而远之。这种做法也就造成了我今天的困扰…工作初始 从大学毕业，到现在已经快有5个月了。当时满腔热情学习各种技术，一门心思的想要扩充自己的实力，正
2025-07-20 22:48:10
491
原创 Gerrit VS Gitlab
一、Gerrit 简介第一次入职的时候，看到 Gerrit 的我是一脸懵逼，这是个什么上古的玩意，界面交互这么丑…因为，在之前公司都是使用类似GitLab 这种版本控制平台，初次使用或多或少有些抵触，后面几天通过了解其工作流程，大概对它有了个基本的认识。引用 wiki 百科的介绍 Gerrit 和 GitLabGerrit，一种开放源代码的代码审查软件，使用网页界面。利用网页浏览器，同一个团队的软件开发者，可以相互审阅彼此修改后的代码，决定是否能够提交，回退或是继续修改。它使用版本控制系统Git作
2021-09-23 17:24:00
12710
1
原创 CSS3（三）Animation 入门详解
Animation前言 好的前端工程师，会更注重用户的体验和交互。那么动画就是将我们的静态页面，变成具有灵动性，为我们的界面添加个性的一种方式。下面是七喜的官方主页，它就是很好的富交互样例。鼠标移动到导航栏，就会播放多种动效，给用户一种酷炫的体验。我觉得用户体验，才是前端工程师更加关注的问题，而不是一味追求Javascript的编码技能。 七喜官方网站A...
2018-04-17 16:07:44
78789
9
原创 【Unity 入门教程】四、如何制作一个 Perfab
本文介绍了如何制作一个卡牌游戏的基础Prefab组件。首先定义了卡牌数据结构(CardData)存储名称、攻击力、血量等属性；然后创建了UI原型，包括背景图、名称文本、攻击/血量显示等元素；接着编写了CardUI脚本来绑定数据和UI显示；最后将完整的卡牌UI保存为Prefab资源。制作过程详细说明了每个步骤的具体操作和注意事项，包括UI布局、组件绑定等关键点，最终实现了一个可复用的基础卡牌组件模板。
2025-09-25 22:27:32
950
原创 【Unity 入门教程】三、如何设置自定义字体（解决中文乱码问题）
如果你第一次使用 Unity 进行游戏开发时，遇到了中文乱码。恭喜你，遇到了开发时的第一个坑，本文将你解决如何设置自定义字体。Unity TextMeshPro 默认字体不支持中文，如果你想让整个项目的 TMP Text / TextMeshProUGUI 对象都使用你自定义的中文字体，需要设置 默认 Font Asset。
2025-09-24 21:39:33
1023
原创 【Unity 入门教程】二、核心概念
本文概括了Unity游戏开发的核心概念，通过类比前端技术帮助理解。主要内容包括：场景（Scene）作为游戏空间；游戏对象（GameObject）作为基础容器；组件（Component）赋予对象功能；C#脚本控制逻辑；物理系统模拟现实；摄像机（Camera）决定视角；光照（Lighting）营造氛围；预制体（Prefab）实现复用；资源（Assets）管理素材；以及游戏循环（Game Loop）的运行机制。文章以简洁表格和类比方式呈现关键概念，适合快速掌握Unity开发框架。
2025-09-23 20:37:12
887
原创 【Unity 入门教程】一、前置工作
Unity引擎选择与安装指南 本文分析了制作卡牌类游戏时Unity、Cocos Creator和UE5三大引擎的优劣势，推荐Unity为首选方案，并提供了详细的安装步骤。Unity因其成熟的UI系统、跨平台能力和C#语言优势，特别适合2D卡牌游戏开发。文章还对比了Cocos Creator的前端友好性和UE5的3D性能优势，最后给出从下载Unity Hub到创建新项目的完整安装流程，包括版本选择、许可证申请等关键步骤。
2025-09-23 17:10:57
1035
原创 playwright 最佳实践
Playwright是微软开发的现代化E2E测试框架，支持多浏览器（Chromium/Firefox/WebKit）和多语言（Node.js/Python/Java/C#）。Playwright是功能强大且易用的自动化测试工具。
2025-07-20 22:29:56
787
原创 【bash】将本地未合入 master 的分支，生成对应 patche 文件
【代码】【bash】将本地未合入 master 的分支，生成对应 patche 文件。
2024-09-29 14:56:50
584
原创 【nuxt3】cannot read preperties of null (reading ‘$nuxt‘)
vue3 中，通过 createVNode 创建子组件实例时，发现子组件无法获取到父组件中的 router、store 信息，一旦子组件使用就会报错。通过控制台断点调试，发现时 appContext 值为空导致的。怀疑是创建子组件的时候，没有将父组件中的上下文传递过去。,需要将父组件中的context，传递给子组件中。
2023-12-09 19:59:23
967
原创 使用 js 动态修改在线 svg 背景色
由于网上搜了很多相关资料，都是介绍如何通过 js 修改本地 svg 资源。不过我们要求是要修改在线 svg 资源，因此，在一顿研究之后，封装了如下组件。
2023-09-19 16:23:04
1233
原创 flex 弹性盒子子元素宽度被压缩
flex-shrink 属性定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小，它还有另外一个值，就是0.
2022-06-14 14:34:00
3135
原创 CSS: 使用 svg 实现圆形进度条
使用 Vue 框架进行实现<template> <div class="mhy-audio-player" @click="onClickAudio"> <div class="mhy-audio-player__svg"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" w.
2022-05-19 18:53:58
595
2
原创 css 文本只显示两行，超出部分用省略号表示
代码块如下: overflow: hidden; overflow-wrap: break-word; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
2022-01-07 15:10:36
1264
原创 git push github失败，提示：SSL_connect: SSL_ERROR_SYSCALL in connection to github.com:443
git push github失败，提示：SSL_connect: SSL_ERROR_SYSCALL in connection to github.com:443问题描述当在 VScode 中，执行 push 操作时，出现如下报错：$ git pushfatal: unable to access 'https://github.com/robbiemie/vue-sourcecode-analyze/': LibreSSL SSL_connect: SSL_ERROR_SYSCALL in c
2021-10-03 13:44:33
810
原创 git merge branch 没有产生新的提交信息
1. 问题git merge branch 没有产生新的提交信息，而是直接将 dev branch 的提交信息直接迁移过去。如何才能 merge branch 的时候，产生一次新的提交呢？2. 原因为什么直接 merge 没有产生一次新的提交呢？如果我们的祖先分支以 master 为例，再 checkout 一个新的分支（bugfix）后，产生了新的提交，与此同时，其他的开发分支没有往 master 合并新的提交。这样，新的分支与 master 分支的最新提交历史是共同的祖先。此时，merge
2021-07-09 11:15:04
5909
原创 安卓手机：无法安装该证书 因为无法读取该证书文件
IOS：设置 —> 通用 —> 关于本机 —> 受信任证书存储区找到需要安装的证书，安装即可。ANDROID：设置 — 安全 — 从手机存储安装设置 — 其他设置 — 设备与隐私 — 从存储设备安装证书设置 — 更多设置 — 系统安全 — 从 SD 卡安装找到需要安装的证书，安装即可。...
2021-05-19 11:58:03
10637
4
原创 【解决方案】tar: Error opening archive: Unrecognized archive format
tar: Error opening archive: Unrecognized archive format这个报错原因是由于当前环境无法解析该文件导致。可能由于文件本身损坏导致报错。tar 指令使用将文件全部打包成tar包$ tar -cvf log.tar log2012.log解包$ tar -zxvf /opt/soft/test/log30.tar.gz log2013.log...
2021-03-02 11:13:27
31917
原创 【解决方案】VSCode remote ssh 连接远程机器，报错：remote host key has changed port forwarding is disabled
问题描述使用 remote-ssh 链接远程机器，发现控制台会报如下错误:$ ssh ec2-user@ec2-192-168-1-1.compute-1.amazonaws.com@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED! @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
2021-01-26 14:38:28
11854
4
原创 【解决方案】git clone 报错: Peer‘s Certificate issuer is not recognized.
问题描述在linux 机器上，拉取远程git 仓库时，会报如下错误信息:Peer’s Certificate issuer is not recognized.[centos ~]$ git clone https://git.code.com/web/downloaderCloning into 'downloader'...fatal: unable to access 'https://git.code.com/web/downloader': Peer's Certificate is
2021-01-26 11:28:10
6961
原创 Docker 基础概念
DockerfileImage 文件，都是通过 Dockerfile 文件生成的。1.dockerfile 语法dockerfile文件格式:FROM node:8.4: COPY . /appWORKDIR /appRUN npm install --registry=https://registry.npm.taobao.orgEXPOSE 3000CMD node index.jsFROM: 表示引用的image名称以及版本号COPY: 第一个参数表示当前的文件路径，第二参数
2021-01-15 18:19:15
203
原创 Docker 架构设计
Docker vs 虚拟机Docker 和 虚拟机的区别 https://blog.fundebug.com/2017/05/31/docker-and-vm/Linux 操作系统内核层(Kernel Layer) 主要进程调度、文件系统、IO、内存管理用户层 主要与系统内核进行交互一般不同的linux版本，使用的是同一套内核代码，不同的是用户层的差异。Docker 特点容器环境配置，无需再关心操作系统层多个容器之间相互隔离，可以共享宿主环境轻量级，可以快速启动支持自动缩扩容，可以
2021-01-15 18:18:29
323
1
原创 【解决方案】TS2300: Duplicate identifier
问题描述在编译执行 ts文件时，出现这个问题:$ tsc -p tsconfig-build.jsonnode_modules/react-scripts/lib/react-app.d.ts:55:18 - error TS2300: Duplicate identifier 'src'.55 export default src; ~~~ src/custom.d.ts:3:18 3 export default content;
2020-12-17 21:31:08
5627
原创 Javascript 内存（三）：内存泄漏常见场景及分析
前言内存泄漏问题，对于 Web H5 开发者来说，因为每次刷新页面，浏览器就会将当前页面的内存进行释放，影响较小。但是，对于持续不间断执行的程序，比如Nodejs。如果存在内存泄漏问题，那么内存占用会随着时间影响越来越大，直至达到内存限制，进程崩溃。常见的内存泄漏场景内存泄漏问题，一般是因为 GC 导致未使用的内存，没有及时被释放造成的。而容易导致内存泄漏的也主要指堆内存。1、循环引用var div;window.onload = function () { div = documen
2020-12-01 17:56:50
1384
原创 Vysor 最新安装使用教程
前言Vysor 是一款 Chrome 应用，能够在 Chrome 里通过 USB 直接控制 Android 设备，无需 root。安装步骤官方网站1 桌面端环境配置1.1 进入官网，准备下载安装包 1.2 下载chorme 插件 注意 软件的类型不要选错，因为后面会针对Chorme版本进行破解。 1.3 在chorme应用商店下载 注意 需...
2020-11-30 16:11:05
50544
3
原创 Javascript 内存（二）：垃圾回收机制
一、前言当内存不再占用，此时需要内存管理对不使用的内存区域进行清空操作，这就是所谓的垃圾回收机制。高级语言解释器内嵌了垃圾回收器，主要是跟踪内存的分配和使用状况，以便当分配的内存不再使用时，自动释放。二、垃圾回收策略在内存管理中，垃圾回收策略常用的有引用计数清除和标记-清除。1、引用计数清除引用： 在内存管理的环境中，如果一个对象可以有能力访问另一个对象的属性方法，这就叫做这个对象引用另一个对象。（此处对象不仅仅指Object对象，还可表示函数作用域）引用计数清除： 如果一个对象
2020-11-27 11:02:48
310
gulp种子项目
2018-03-08
gulp-plugins
2018-03-08
js如何实现登录第三方网站
2016-05-10
TA创建的收藏夹 TA关注的收藏夹
TA关注的人