https://gravatar.cat.net/avatar/62d8c76b1fd8822cd95efe0abec26b70?s=96&d=mp&r=g

Heo-产品设计师知识博客

5.0

给Heo-产品设计师知识博客打分

start start start start start

感谢您打了2

1

5

5.0

1

详情

全站展示位

子级a标签href避免触发父级onclick的方法,子元素阻止冒泡 | 张洪Heo

因为点击超链接是个特别麻烦的事情,需要鼠标移动到指定的标题才可以(这真的是太累了)。所以博客的文章卡片、分类页面都是不需要鼠标移动到标题就可以点击进入跳转页面的。我是通过给父级元素添加onclick的方式来添加跳转。但是这就出现了一个问题,点击标签的时候会从子元素的事件触发一遍,然后再触发父元素事件。。。

推荐

子级a标签href避免触发父级onclick的方法,子元素阻止冒泡 | 张洪Heo

因为点击超链接是个特别麻烦的事情,需要鼠标移动到指定的标题才可以(这真的是太累了)。所以博客的文章卡片、分类页面都是不需要鼠标移动到标题就可以点击进入跳转页面的。我是通过给父级元素添加onclick的方式来添加跳转。但是这就出现了一个问题,点击标签的时候会从子元素的事件触发一遍,然后再触发父元素事件

如何下载微信视频号的视频,微信3.2.1版本安装包下载 | 张洪Heo

微信视频号没有常见的url分享链接,没有办法通过控制台或者常见的下载软件downie或者chrome插件进行下载。只能通过抓包、读取本地缓存文件的方式才能搞定。近期在网上搜罗半天,终于找到一个相对可用的视频号下载流程。 环境要求Windows7及以上系统计算机或虚拟机 微信3.2.1版本(立即下载

SwiftUI 学习笔记 07:闭包(下) | 张洪Heo

这几天都没睡好,前天电脑黑屏开不开机了,工作内容都在上面。都快疯了。熬夜也没修复上,硬盘插在主板上也不好使,抱着试试看的态度买了根SATA转USB的线,没想到竟然读盘了,感动。(我曾一度以为我要一朝回到解放前了)。 “能量和毅力征服了一切” 尾随闭包语法接受参数上一次我们使用了一个闭包语法: 123

Hexo魔改:Codepen项目组件移植教程,将Codepen项目移植到博客 | 张洪Heo

本文以butterfly主题举例,其他主题自行适配 好久都没写魔改教程了,上次写的时候还是在上次。有一说一,近期的魔改基本上都是针对页面的变化。最近刚适配的1500px宽度,大宽度带来的视觉沉浸感非常棒,但是会带来很多问题,例如之前的主题横向元素过少,以至于在横屏比较宽的场景下元素都会被拉伸得很

心灵鸡汤

泪洒通知书

文/赵同胜

我的录取通知书比别人迟发了一个多月,得到消息时,我已在补习班上了两周的课。

我的高考发生在38年前。于我这个“泥娃”而言,高考是通往“外界”唯一的一条出路,我很清楚高考对我意味着什么。

那年的高考说不上圆满,但也没糟糕到哪儿去。天生好理科,对文科没有丁点的感觉,结果也在意料之中,数理化科科优秀,而语文和政治果然不及格。无奈与大学失之交臂,好歹上了中专线,跳出农门也算有了指望。

娘一脸欢喜,我也如释重负。可天意弄人,当别人拿着录取通知书兴高采烈去学校报到时,我的通知书却迟迟不见踪影。娘急得整宿睡不着觉,脸上写满了焦躁。当过村干部的娘不甘心儿子就这么不明不白落榜,生性好强的她要去寻个究竟。可是,这对于一个没怎么见过世面的农家妇女来说,谈何容易?娘拖着一双残腿到了县上,县上的人一句话就把娘支走了,无奈,娘倒了几次车,几经辗转,到了市里,得到的答复是:压根就没有这个学生的档案。娘一惊,感到了事态的严重。娘瞪着眼睛,哆嗦着嘴唇,连一句完整的话都说不出来了。娘马不停蹄回到县里,接待她的人依旧是一副麻木的面孔,娘急了,怒了,言称卖房子卖地,也要弄个水落石出。再到市里,依然无果,娘很失落地坐在院子里,仰天长叹,伤心落泪。突然,一个领导模样的人和娘打招呼,娘认出来了,是曾在村里下过乡的老李。问明了情况,老李领着娘折回招生办,简单了解了一下情况后,老李对招生办的人说了一番言辞强硬的话,然后让娘回家等消息。

几天后,通知书终于到了,我和娘将它捧在手里,相拥而泣,泪水不小心滴落在通知书上。娘慌了,赶紧掏出手绢,轻轻地将泪水拭去,可还是留下了淡淡的印痕。

原来,是村里的对立面使了手段,在神不知鬼不觉中托人扣押了我的档案。若不是娘的坚持,若不是巧遇老李,我的第一次高考注定会成为一个“谜案”。

列表展示

主站展示位

设计书籍推荐:AboutFace4交互设计精髓4中文版彩版下载 | 张洪Heo

《About Face 4: 交互设计精髓》是一本数字产品和系统的交互设计指南,全面系统地讲述了交互设计的过程、原理和方法,涉及的产品和系统有个人计算机上的个人和商务软件、Web 应用、手持设备、信息亭、数字医疗系统、数字工业系统等。 运用《About Face 4: 交互设计精髓》的交互设计过程和方法,有助于了解使用者和产品之间的交互行为,进而更好地设计出更具吸引力和更具市场竞争力的产品。 这本

新配了一个专门玩英雄联盟的台式机主机,分享下配置和过程 | 张洪Heo

我只玩英雄联盟这一个网游,之前一直在用我淘汰下来的MacBook Pro 2019 intel i7 版本刷windows系统来玩英雄联盟,但是因为夏天温度比较高,所以经常1080p60帧都跑不上,无奈只能被迫更新一下机器了。买一个便宜的主机来玩。 英雄联盟是吃CPU的游戏,所以我的装机思路就是够用的CPU和能亮的显卡即可。 配置单拼夕夕买的无显卡整机。本来想着用我上古时代的宝贝主机拆下来GTX1

高考报考安全值计算工具V4.0 | 张洪Heo

报考志愿至关重要,还在花上千元听讲座?NO!线差计算极速便捷! 使用软件输入你想要报考的专业最高分数线和最低分数线、该分数线所对应当年批次线即可计算出当年该专业的线差 当你的高考分数大于今年批次线+线差你就可以报考本专业了!~ 如此简单,赶快一试! 分数与线差+批次线差太多不建议报考 双版本齐发 超好用的高考线差计算工具更名为高考安全值计算工具开始正式发布了!~ 高考报考安全值计算工具可以完全替

让网页支持iOS添加到主屏幕全屏应用,webapp启动图生成 | 张洪Heo

好久没有写魔改了,这次写一个提升网页体验的魔改教程吧!因为比较喜欢打开APP的感觉,但是为了博客做一个app显然是大材小用了。毕竟也不是社交媒体社区之类的。所以一个简单的类似应用内一样的app是最好的。看到了爱发电的iOS版本用的就是添加网页到桌面的方式,但是没开启pwa,所以我就尝试一下复刻。 这里展示的是Hexo的Butterfly主题的修改方法。其他网页的修改方法大同小异,无非是head标

Mac如何连接不同WiFi使用不同的网络位置,自动切换网络位置教程 | 张洪Heo

因为不同的Wi-Fi打算用不同的dns,mac提供了「网络位置」的功能来让我们可以对不同的wifi进行不同的代理设置和dns等等。但是这个功能切换的方法无非是进偏好设置面板或者在左上角菜单中切换。 但是这个操作太容易忘记了,怎么才能自动切换呢? ControlPlane这个免费开源软件可以根据不同的规则执行不同的自动化操作。 下载地址: 引用站外地址,不保证站点的可用性和安全性

如何只使用switch...case来实现一个简单的数值范围划分 | 张洪Heo

原文是java的内容,正好用在了Swift上,Good Job! 本文为转载文章,以下内容来源于 如何只使用switch...case来实现一个简单的数值范围划分 csdn 12345678910111213141516171819202

PM-AI上手体验:产品经理的PRD需求文档生成器,在线AI写和优化PRD | 张洪Heo

很多时候一些基础功能每一个产品都有,例如一个登录需求,一个下拉刷新需求,一个分享需求等等。但是这些功能写PRD很多都是套话,发现一个PM-AI工具,可以非常方便的生成一个功能的需求文档,帮助大家在平常写需求文档时做一个辅助。避免一些产品经理考虑不是很全面,漏掉一些内容。通过AI生成的话可以帮助产品经理提升点灵感。 产品截图 例如功能为网站登录注册模块,需求为通过登录注册模块,建立账户体系,沉淀用户

如何用一张图片生成说话视频 | 张洪Heo

看到b站Al赵大师兄的视频感觉非常有趣,通过对话的方式来进行作品和人生的介绍。 这个视频的制作流程首先可以拆分成两个人物说话的视频拼接,那么我们来分析一下。 文本我愿称之为整个流程最简单的部分,基本大多数AI模型都能做,比如“请你扮演XXX”然后自己说一些话来提问。文案部分就不再赘述。 声音目前看来通过VALL-E X生成声音会比较容易一些。如果你不喜欢自己部署,也可以进入下面任选一个地址访问

免费商用字体:阿里巴巴普惠体下载 | 张洪Heo

字体名称阿里巴巴普惠体 字体样式 下载地址官方下载地址(推荐): 引用站外地址,不保证站点的可用性和安全性 阿里巴巴字体素材平台 taobao 蓝奏云备份: 引用站外地址,不保证站点的可用性和安全性

潘通2024年度色发布:PANTONE 13-1023 Peach Fuzz 柔和桃 | 张洪Heo

少废话,先用上柔和桃 1234柔和桃SRGB 255 190 152柔和桃HEX #FFBE98柔和桃Lab 84 22 30柔和桃CMYK 0%, 26%, 40%, 0% 什么是柔和桃PANTONE 13-1023 Peach Fuzz (柔和桃) 表现出我们对照顾自我与他人的渴望,这是柔软温和的蜜桃色色调,以极具包容力的精神丰富了身心灵。 在寻找能触动我们对亲密与连结渴望的色调过程中,

Photoshop计算功能用法,如何给照片去油光,去除脸部反光 | 张洪Heo

自拍照或者给人拍照最难以避免的就是人脸的高强度反光了。有反光和无反光会非常大幅度影响照片颜值,反光让人感觉比较油腻。那么如何去除反光呢?通过去除反光来介绍一下Photoshop的计算功能。 Photoshop的计算主要是用于通道的混合模式,因为我们知道图层是可以通过上下层来建立混合模式关系的,但是通道没有上下层的概念,所以我们就需要通过「计算」功能来创建通道的混合模式的结果。 准备我们先准备一个需

UI设计人机界面准则:交互 | 张洪Heo

作为UI设计师,最重要的就是接触iOS的设计规范。苹果拥有引领世界的设计能力,iOS影响着一代又一代的设计师,所以这篇文章主要是来翻译和解析一下iOS的设计规范。这个规范算是所有移动设计师必看的内容了。 本文为翻译内容,来自苹果官方人机界面准则推荐访问英文原文地址:人机界面准则翻译: 张洪Heo(转载注明出处)非原创内容须知 该文章为系列内容:查看系列全部文章 交互3DTouch在支持的设备上

原创mac搜狗输入法皮肤:深黑滑稽皮肤,简约风格 | 张洪Heo

最近换到了搜狗输入法,瞬间感觉输入的准确率、输入法的性能上了一个台阶。但是单是从外观样式来说真的很拉胯。感觉没有像苹果那种非常简洁的皮肤。看了一下搜狗是提供了皮肤的编辑工具的,那还不如自己去做一个皮肤来的实在。正好用了Sticker-Heo项目中的滑稽表情,也算是一个比较有代表性的表情了,制作了这个皮肤。 皮肤预览 皮肤下载蓝奏云下载 海鸥云下载 本皮肤仅适用于mac版本的搜狗输入法,请设置

Drawthings AI绘画基础教程2:念出我们的咒语 | 张洪Heo

在第一章我们成功的树立了AI绘画的信心,并且成功使用了AI绘画在极短的时间输出了一个AI绘画图片,这是一个重大的开始和突破,我们通过drawthings已经领先了非常多的人了。现在我们来进行一些配置,让drawthings更好的工作。 一些简单的设置左侧的界面滚动到最底部,然后点击芯片按钮。 我们可以按照我的这个进行配置。 提示词还记得我们最开始说的四个基础知识吗,模型、lora、提示词、负面

高考线差工具使用教程 | 张洪Heo

本文来自旧博客转载而来,因为新浪微博停止运行,所以转载到现在在用的博客上。 此工具可能已经过时,本文仅作为备份使用。 首先,查询中意的相关高校分数线 例如(以v2.0版本为例,其他版本差别不大):二本大连大学2014年软件工程专业辽宁省考生 最高分520最低分510 2014辽宁二本批次线450 由图输入 点击查看该校专业线差按钮,在线差处就有结果 结果是63.75 你算对了么? 赶快拿起你

GitHub成就获取,如何快速获得GitHub成就勋章 | 张洪Heo

GitHub在9号推出了全新的成就勋章,多了很多比较好看的成就勋章,快来获得他们吧! 当然,恶意的刷GitHub成就并不能满足你的虚荣心,请勿恶意刷成就! 大家找朋友帮忙获取最低级别的成就就好了,来装饰你的GitHub主页,更高等级的大家要通过自己的努力获取才能让自己更有成就感。 成就勋章预览 Galaxy Brain 需要被认可的回答达到2次。 你可以在已有的项目的Discussions中找个好

新版sketch mirror无法使用,找不到设备怎么办?如何实时预览sketch文档? | 张洪Heo

sketch为了让更多的用户使用sketch的云服务,所以将局域网浏览设计稿的功能给移除了。所以说只要是使用sketch今年4月以后推出的新版本,你将无法使用mirror。 sketch近期更新的特性还都挺好用的,那就只能二选一了吗? 我这里尝试了Skala Preview,但是效果很差,一方面是对最新版兼容性不好,一方面是不能改配置,该配置就直接无法运行。 找了半天发现一个国产软件解决了这个问题

SwiftUI 学习笔记 56:项目7 消费记录app 复习 | 张洪Heo

今天将内容完善。 使用Userdefault12345678910111213141516171819202122class Expenses: ObservableObject { @Published var consumptionList: [Action]{ didSet { let encoder = JSONEnc

用AI一张图片生成跳舞视频 | 张洪Heo

阿里的通义千问憋了一个大活,在手机端输入“全民舞王”,就可以一张图生成跳舞视频了。生成时间在10-15分钟左右。效果很是炸裂: 我只用了一张图,效果真的炸裂了属于是。 主界面 有非常多的舞蹈。 上传的图片有一定要求,需要全身照以及正脸。手里最好不要拿东西。不过我生成的发现拿东西更有趣,我就留着了。 废话不多说,赶紧去让你的亲朋好友都来跳科目三试试吧。 限制目前仅支持手机客户端。

Sketch教程:如何制作绘制断点,绘制MBE图标基本操作 | 张洪Heo

从统计里看到有人在找Sketch绘制断点的问题,其实Sketch完成这些矢量编辑问题非常容易。你可以非常方便去编辑他们。这个时候就要派出断点神器——「剪刀工具」。 找到剪刀工具剪刀工具还算一个比较常用的工具,我们可以给他放在工具栏上 绘制形状我这里绘制一个胶囊形状 编辑形状双击形状进入锚点编辑模式 然后在需要打断点的位置添加两个锚点,两个锚点之间的空隙就是空白区域 断点使用剪刀工具,点击

博客寄语:

    创建这个站的时候,想要就是能够有一个自己能够积累知识、积累兴趣的地方。在一个人探索世界,研究和学习的旅途中会比较孤独。和他人分享一点点进步和努力会让我有一种积累和沉淀。如果能够帮助到更多的人,帮助更多人解决问题,那一定是非常棒的事情。分享这件事我从大学就开始做起了,因为我比较喜欢研究各个领域的电子产品和各个软件,想要探究在互联网上的事物是如何被人们制作出来的。网络给我带来了非常多的知识和眼界,我也想力所能及的分享一些我所知道的。这些就是创造这个小站的本意,一个是积累和沉淀,一个是帮助和贡献。

实时播报:

博客号-学习成长

相信每一分耕耘都有每一分收获,致力帮助博客主所创作的博客能更快的被收录! 如果有其它需求,可联系下方邮箱。