- 博客(139)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 我转行程序员的那一年（一）
作曲分股双压至，果断离职求新生缘起在知乎上回答过一些转行前端的问题，提到我大龄转行，有些小伙伴比较感兴趣。我在决定学前端时已经31岁，到目前已经从事了好几年的专职前端开发，情况稳定，也算转行成功，现记录一下其中的曲折，希望对很多问类似“29岁还能转前端吗”的小伙伴们有点用处。这几篇文章以本人的经历为主线，但由于已经过去多年，一些具体情况无法记清，为了保持故事的完整，对部分内容进行了虚构。大家读读故事即可，若能从中得到一些经验或受到某些启发，我将倍感荣幸，切勿和现实情况对号入座！
2021-09-17 22:59:50
982
2
原创 前端ECharts图表可视化大屏开发案例
项目开源地址：码云：https://gitee.com/daoke0818/pro_bigScreenChartsGithub：https://github.com/daoke0818/pro_bigScreenCharts演示地址：http://e-art.top/projects/bigScreenCharts截图：大屏图表前端开发案例缘起笔者入行前端...
2019-06-20 17:03:10
37836
46
原创 一招将vscode自动补全的双引号改为单引号
打开设置，搜索quote，在结果的HTML选项下找到自动完成，折纸默认引号类型即可。vscode更新日期：2024-4-10。vscode版本：1.88.1，
2024-04-14 08:03:58
363
原创 域名无法访问了，如何找回浏览器的缓存
通常在周末，他有睡懒觉的习惯，但今天却早早地起来要打卡，结果我发现项目无法访问了。虽然迁移服务器是容易的，但由于这是一个纯前端项目，打卡数据存储在localstorage中。双十一即将来临，这意味着我购买了三年低配的阿里服务器，而它的服务期限也即将到期。为了提前做好准备，我在一周前对静态网站进行了备份，并成功地使用了Vercel进行部署（已经有了域名）。让事情更糟的是，我此刻正忙于其他事务，以至于忘记关注服务器到期的问题，直到今天（11月12日）早上孩子突然提醒我要打卡，我才突然意识到问题的严重性。
2023-11-12 14:50:28
234
原创 微信小程序或公众号音频下载保存
一些微信公众号的文章或小程序里会嵌入一些音频，有时我们需要把这些音频保存到手机或电脑里，在音频失效后或没有微信环境时也能随时听。下面就个人经验总结一下：
2023-06-10 20:58:56
8036
2
原创 rollup3 打包时报错 exports is not defined 或 Cannot use import statement outside a module
具体见：https://rollupjs.org/command-line-interface/#configuration-files。rollup2的配置文件是rollup.config.js，里面用es6写的导入导出没有问题，但升级到rollup3的时候报错。把配置文件的后缀改成.mjs，即明确的告诉rollup配置文件解析类型。貌似不识别es6的写法了。
2023-05-12 15:48:23
375
1
原创 react组件发布到npm
不识别jsx会报错：Unterminated regular expression. 无法识别JSX指令。回到测试项目中，停止服务器，安装这个包(注意包名如果重复需要修改才能发上去，安装时别忘了新包名)重新启动，可以看到页面已正常加载，此时引用的包就来自于npm服务器了。安装依赖包，其中rollup用3以上版本会报错，还没研究处理方法。在package.json中添加如下代码，可以简化执行指令。在/lib/bundle.js就可以看到打包后的输出文件。修改package.json中内容，作为外部引用入口。
2023-05-09 15:57:09
792
原创 antd-mobile中Form.Item下放入选择组Selector后无法实现单选
Selector组件中举例了只选一个的情况，在onChange事件中判断如果当前选中为空的时候不让操作即可实现单选。antd-mobile中Form.Item下放入选择组Selector之后，多选是没问题的，也可以不选；按需求将以上两种情况组合后，奇迹发生了：选中的按钮再次点击会被取消。在Form表单的Item中放入选择组，但实现的是单选的交互效果。请根据实际情况自己选择。
2023-03-22 17:04:33
440
原创 antd-mobile中Picker选项更新的问题
如图，Picker按钮上显示的数值是设备的设定温度，可以在点击后通过弹窗选项来修改这个设定温度。同时，设备端或其他手机端也可以修改这个温度，所以这个设定温度是随着设备的实际状态而实时变化的。每次打开弹窗时，选中项和当前显示的应该一致，即设备实际设定温度。
2023-02-10 16:10:36
830
原创 react+vite 不识别链式操作符?.报错Unexpected token .
如题，react项目，基于vite创建，在写?有另一个项目却能正常使用。对比两个项目的package.json和vite.config.js，更新了一些依赖，仍未解决。经网查，根目录下新建babel.config.js，内容为。但不知另一项目为何不需要此操作。
2023-01-30 15:18:52
818
原创 幽炫蓝牙耳机旗舰版评测
音量比较大时听低音非常重的歌曲，耳机会出现砰砰的电流声。对于大多数歌来说不会出现。音质在这个价位里也算不错了。耳机柄长，打电话时对方听得更清晰，而且拿耳机时不容易触发按键。之前试过几十块钱的其他牌子，均通话声音小。用电源给充电仓充电的同时也会给里面的耳机充电，以前用过一些其他厂家的，充电仓和耳机不能同时充电。续航时间短，耳机充满电后，连续听不太到2小时就没电了，充电仓充满电后能给耳机充个两三次吧。耳机入耳比较舒服，带两个小时耳朵也不疼。指示灯不够亮，也许是设计的原因。性价比高，要求不高可入手。
2023-01-19 21:54:07
708
原创 振荡中医学习感悟——姥姥的咳嗽
这个说法我在家说过多次，平时大家不在乎，现在是摆明态度不相信了，后来姥姥主动说，她听说甘草止咳，就问我要了甘草粉说半夜她咳得厉害了就吃。软磨硬泡几个月后，有一次碰上宝妈左寸低，这个用柴胡的脉象非常明显，我使尽解数的忽悠，她终于答应吃最少量的，我还给配了点人参补气，结果吃完几分钟左寸脉就出来了，她自己也觉得有点神奇，最见效的是两天后他说含服了小药粉后，原本口疮要一周才能恢复这次两天就好了，又说晚上出去走了很多路脚也没肿，有点点认可小药粉起的作用了，也说可能是我用气血疏通按摩起作用了。结果是现在咳得非常剧烈。.
2022-08-05 23:59:01
480
原创 react项目升级报错、babel报错，.babelrc配置兼容等问题
由于开发环境和项目版本的兼容问题，尝试升级了react-scripts后，一大堆问题接踵而至，翻遍了百度和csdn，往往解决了旧的又出现新的，或者开发没问题而打包时报错，现罗列一下遇到的主要问题和最终解决方案，以供参考。...
2022-08-02 13:31:32
1962
原创 使用useImperativeHandle时父组件第一次没拿到子组件方法
一个tab两个按钮A、B，默认选中的A，当点击到B时需要显示B对应的图表。考虑到B的图表在页面加载时已经初始化完成，所以点击B时再调用图表的resize方法。由于tab中的图表是写在子组件里，所以通过useImperativeHandle实现父组件调用子组件方法，React版本,代码如下子组件：问题这样写在本地开发模式中正常运行，但生产环境中父组件首次加载不能拿到子组件的方法，需tab切换到A再次且到B才行。猜想原因，大概在生产环境中，父组件把子组件暴露出来的方法绑定到UI中的点击事件中，而子组
2022-06-30 06:35:43
614
原创 javascript大写数字转换
const inputNum = 100456789; const num = Array.from(inputNum+''); const strArr = '零壹贰叁肆伍陆柒捌玖' const unit = Array.from('仟佰拾亿仟佰拾万仟佰拾 ') let result = '元整' while (num.length) { const n = num.pop() result = strArr[n] + unit.pop() + result }..
2022-05-11 22:31:43
462
原创 我转行程序员的那一年（八）
历经求职风雨路，海阔天空任我行。丁酉大吉我在火车上时，凌霄的问题就没断，老板也着急说年前他要和清虚去搞定验收的问题。后来还是仁田聪明，他们怕我们赶着弄也不一定弄成什么样子，就要求把现有进度写邮件报告一下就行了！但邮件发出后凌霄又提了很多我们做的不到位的地方，还怀疑我把要求没有完全传达给清虚，实际上我每天测试完都更新表格，只是清虚太忙，改动比较慢。仁田要过年，不催进度了，老板也终于放弃了年前搞定的计划，我继续跟着清虚的开发进度更新日志——年底这两天有进展了，大概是清虚倒出时间来了。在家干活一个最大的好处
2022-01-08 23:15:52
4493
3
原创 我转行程序员的那一年（七）
公司盈利皆欢喜，一人多用力不济飘摇轻风吹过，当皮肤不再觉得那么湿涩时，发现岛城的秋天已经不知不觉得到来。公司处在市郊，天高云淡，早上下了班车后需要走一段路，过一座桥，看着清清河水波光粼粼，我就想一直沉浸在这大自然的静谧中。然而欣赏不了几分钟，脑子里就会自动释放出今天、最近以及长期目标要做的事情。我还是压力很大，公司不盈利，个人前途难保，我仍然对不断更换的技术方向感到吃力。8月底时，我的jfinal的教程还没看几天，纳米防伪项目的具体内容还在完善着，老板突然说让赶快准备sportfire，他要去北京谈
2022-01-06 07:12:42
1906
2
原创 我转行程序员的那一年（六）
公司仁义供培训，发展方向仍踌躇短暂的web学习从西安回来时即将立夏，但岛城的气候比内地晚，正值春天，路边百花齐放，然而我没有多少闲工夫去欣赏风景。公司里平时是伞晴财务和豆蔻同学、青橙同学，青橙也是老板的学生，来这做毕业设计，大概以后可以在公司干点活。但呆了一段时间，我感觉这两位同学对自己的毕业设计一点也不着急，她们想玩乐器却不会弄，我给接上让过了过瘾，也没感觉出来哪位真正的有兴趣。万里鲲在我去西安之前曾说有不得已的原因要去韩国，回来的日期不确定，有感于公司当时状况，我们电话聊了很久，但我从西安回来后听
2022-01-04 06:51:44
1850
原创 我转行程序员的那一年（五）
前端方向初定成，奔赴西安求前程春节坐在火车上，我给老板发了一段内容比较长的微信，分析了我认为App发展到这个地步的原因，也很希望以后能力达到的时候能把App做下去。尽管我这时已经开始学前端，但对未来做IT只是个保底的考虑，我还是想把App搞出来。老板很快回复说又认识了几个搞音乐的人，可能会有一些IT团队的成员来协助我们。旅途依旧，下车时爸妈依然在车站等我，可惜没带老婆回来。结婚快一年，按说该回我们家了，但老婆从小在温室长大，冬天不是暖气就是空调，她娘家这边亲戚们对我老家那冬天的寒冷心生畏惧，都不支持
2022-01-02 06:06:26
1067
2
原创 我转行程序员的那一年（四）
App终乐队成，昙花显后再编程App的终点岛城的冬季不光空气湿冷，风刮起来也特别狂，尤其是高层楼。这天我到公司后，外面狂风的啸叫似乎更猛烈了，我甚至感到楼房都跟着晃动。突然，啪的一声，窗子被吹开撞在墙上，还好玻璃没有碎。我顶着风关上窗子，身后突然响起老板的声音：“给大家说一下，咱们APP项目的投资人撤资了，100万到不了了！”老板看起来好像没特别的悲伤，大概早已经预料到了，但这个消息还是明显的影响了大家的动力。泊露同学迟迟不能改进App，观石同学说以前做过安卓但时间久了拿不起来了，老板发了智联招聘，让
2022-01-01 07:24:41
949
原创 我转行程序员的那一年（三）
众人助力事将成，股份一分各自愁转机这一天，老板突然从隔壁一个大公司找来两位开发人员：听海同学(男)和观石同学(女)。经交流，感觉他们对产品的兴趣比寻明博士要大，而且逻辑清晰，我感到App的实现有希望了。老板安排他们先接起音频提取这块，问到弟弟情况，我说音频处理这块暂时没突破性进展，老板就说让我和弟弟继续做和弦算法。不到一周，听海就把提取的人声转成了音频发到群里，老板一听跟人声旋律一样，就说到时候把这个声音换成乐器和人声混合后输出。我说估计不会好听，而且现在需要的是midi(相当于电子乐谱)，目前转的音
2021-12-26 07:16:35
563
原创 我转行程序员的那一年（二）
逻辑艺术一相逢，从此代码伴余生面试在跟老板提离职时，我也开始了找下家。音乐制作这个行业太冷门，我当时打算如果没找到合适的，就把淘宝继续干起来。我在淘宝上做音视频服务，经过去年的尝试，只要全精力投入，收益还很可观。我的收费不是很低，但会尽最大努力保证效果，很多消音伴奏的买家说，对比了多家店，只有我这里调的效果最好。其他降噪混音升降调变速，我也一直找最好的工具，记得曾找到一款做和声自动分析的工具，其升降调变速处理后的音质完胜当时主流的Au和Cubase插件等，我也一直在学习相关的原理方法，力争做到行业中软
2021-12-25 06:43:55
788
原创 css实现文本超过指定行数显示省略不生效的问题
css实现文本超过指定行数显示省略不生效的问题要用css实现文本超过指定行数显示三个点的效果，正常样式写法如下：/*超过2行隐藏，并以三个点结尾*/.limit2line { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}但react项目中使用时遇到问题了。一共用了两处，一处起作用，一处不起作用，其中不起作用的元素在控制台中把样式前面的勾打掉
2021-10-22 18:49:20
1145
原创 css中:not()选择器同时排除多个的写法
css中:not()选择器同时排除多个的写法举例：[class^=p-]:not(.p-home):not(.p-powerOff) { .m-navBar { .r { font-size: .875rem; color: $c_primary; } }}
2021-10-22 18:27:57
1749
原创 css3滤镜投影filter: drop-shadow在IOS上不更新的问题
需求一个滑竿，上面的滑标是个盾牌形不规则形状，需要添加投影。滑标可通过点击或拖动而移动位置，看了之前的项目，使用了一张带投影的png透明图片实现。但本次尺寸调整，设计图上取到的尺寸和位置是滑标不带投影的部分，目测不准，设计要给出精确的位置也比较困难，我说可以用css3中的滤镜投影功能（filter: drop-shadow(rgba(x, x, x, 0.2) 2px 0px 6px)）试一下。开发框架是react，UI库antd-mobile，滑竿使用其中组件问题先用设计给的盾牌图片替换滑标。
2021-09-03 19:24:16
1726
原创 码农卖药记
缘起兼职卖药三个礼拜，写此文祭奠一下。大约一个月前，一位可靠的朋友Judy说公司想在淘宝上促销产品——一款儿童可用的蚊虫叮咬药。这个药膏我用过，是中药合成的，没什么明显的味道，但止痒消肿挺快，除了蚊子咬，对于一些皮肤问题也有效果。以前大腿上有块皮肤干痒，总被抓破，我用皮炎平一抹就见效，但过后就复发，后来抹这个药膏却根治了。我还见过Judy用来抹风湿关节痛，据说效果不错。他们公司曾用这个药把带状疱疹也抹好过，这大概就是和激素药的不同之处——中药只要对症就会有效。我查过带状疱疹，在中医辨证里有肝胆湿热证、脾
2021-08-12 21:40:00
193
原创 我为什么放弃用了近10年的金山
我为什么放弃用了近10年的金山早上一同事电脑卡死，我给处理时看到出问题的时机是杀软刚好发现了一条威胁，我说是不是杀软被新病毒干死了。下午又发现一篇讲瑞星辉煌史的文章，想起了我一直想写的一篇名为《我为什么放弃了金山毒霸》的文章，今晚就落个笔吧。2006年，我们在实验室勤工助学的小伙伴跟着老师学给电脑装系统，这是一台当时也比较老的方正电脑，一共2个光盘：windows2000系统盘、驱动盘。装完后找各种免费或试用版的杀毒软件安装，有江民、金山、诺顿、小红伞等，不久后学校进了一批新联想电脑，价值6K+，装系统
2021-07-13 07:12:02
663
原创 react优化——在写useMemo之前
如果state更新缓慢确保程序运行在生产环境中确保state没有放在比实际需要更高的位置通过react开发工具等方法检测导致二次渲染的原因在高开销的子树上或其他需要的地方包裹useMemo可以不用useMemo的情况如下例，当App中的color变化时，我们会重新渲染一次被我们手动大幅延缓渲染的组件。import { useState } from 'react';export default function App() { let [color, setColor] = use
2021-07-03 15:24:29
127
原创 我为什么从chrome转到edge？
几年前在上家单位，只因为前端调试工具强大，开发时一直用chrome。到这家单位后因为平时工作多为移动端H5开发，需要安卓真机调试，所以必须用chrome。但因为墙的问题，inspect几乎不能用，我只好安装一个比公司App中chrome环境稍低的chrome版本，这样设备列表下就会出现一个使用低版本进行调试的按钮，点击就可打开真机调试窗口。在不翻墙的情况下，没找到更合适的方法。中间偶用高版本进行翻墙尝试，总觉得不方便。但好景不长，App中换容器后，chrome版本从70+一下子回到了59，当时最新版已
2021-06-18 14:39:09
424
原创 文本超过指定行数显示折叠、展开按钮并以三个点结束
需求一段从接口获取到的文本，要求显示时，如果长度超过指定行数，则以三个点省略后面内容，并出现“全文”按钮，点击后显示全文，“全文”按钮变成“收起”，再点恢复最初状态。问题如果等文本加载完后获取了内容高度，发现高度超过指定行数，这时再折叠就会看到页面在极短时间内闪烁一下。解决引入一个state变量cloak,先将内容区域隐藏，当内容加载并计算完后再显示出来。参考代码...
2021-06-08 17:09:26
1726
1
原创 CSS3实现像marquee的文字走跑马灯(滚动字幕)组件
为什么要自己写组件html中的标签可实现文字跑马灯效果，但这个标签在H5标准中已经被废弃，未来可能不受支持。自定义的组件调整动画效果、性能方面更灵活，可以实现更多需求。组件说明组件可实现模拟标签的效果，也可使用css3动画获得更流畅的体验参数说明：v - 速度，每秒移动多少个像素，默认100t - 刷新一次的时长(ms)，默认50，只在frameWise为true时有效frameWise - 为true即表示使用逐帧动画效果，内容运动过程中有振动的感觉；为false则使用css3的过
2021-05-26 18:32:23
895
原创 前端图片显示问题——css背景图不显示
背景图片不出来问题正常图片的链接地址在浏览器即可访问，但有的图片的链接地址在浏览器打开后变成一个下载地址，会自动下载了这个图片。使用css3的背景图引入后，后者不显示，查看DOM会发现丢失了图片地址。解决方案在引用时给地址两端加上引号，即由style={{backgroundImage:`url(${recipe.menuImage})`}}改为style={{backgroundImage:`url("${recipe.menuImage}")`}}...
2021-05-26 18:17:23
1854
原创 React运行时——React as a UI Runtime
本篇是笔记，原文地址： https://overreacted.io/zh-hans/react-as-a-ui-runtime/在本篇文章中，我会从最佳原则的角度尽可能地阐述 React 编程模型。我不会解释如何使用它 — 而是讲解它的原理。宿主更新React 元素并不是永远存在的 。它们总是在重建和删除之间不断循环着。React 元素具有不可变性。例如，你不能改变 React 元素中的子元素或者属性。如果你想要在稍后渲染一些不同的东西，你需要从头创建新的 React 元素树来描述它。条件渲.
2021-04-29 15:49:52
1044
4
原创 《useEffect完全指南》笔记
原文地址：https://overreacted.io/zh-hans/a-complete-guide-to-useeffect/作者简介：https://overreacted.io/zh-hans/my-decade-in-review/useEffect(fn, [])和componentDidMount的区别前者会捕获props和state，所以在回调函数中不管等多久后，拿到的props和state依旧是初始值(定时器例子)。如果需要拿到实时数据，则可使用ref或后文提到的其它方式。函.
2021-04-21 07:22:33
441
1
原创 如何使用React Hooks优雅的获取数据？
原文链接：https://www.robinwieruch.de/react-hooks-fetch-data作者简介：https://overreacted.io/zh-hans/my-decade-in-review/如果我们要请求一个接口获得数据，并要遍历到当前页面中渲染出来，可能会这么写import React, { useState, useEffect } from 'react';import axios from 'axios'; function App() { con.
2021-04-20 18:56:04
777
原创 程序员一天的作息
起床和早饭大约六点前后自己醒来，有时感觉浑身困就多眯一会。最近感觉阴虚(手脚心热，咽干口干，心悸心动过速)的情况比较明显时，早上起来气虚(神疲乏力)的情况也会明显。一般六点半前会洗刷完毕，这时如果想起来或听到手机有动静，就打开公司通信工具上报健康并在微信群打卡。想起来的话喝点温开水，然后开始按计划学习，偶尔会看个感兴趣的新闻，大约快到7点时，如果姥姥(孩子的姥姥)还没出来，我就烧上水准备煮面条或者腾馒头。这时姥姥如果出来，看一眼窗外，会说“哇，今天天气不错，能看到那么远”。如果厨房没鸡蛋了，我拿下鸡蛋筐，
2021-04-16 22:39:30
1569
4
echarts树图tree制作家谱源码.zip
2022-06-22
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人