Fork me on GitHub

2022年11月8日

记录下给video.js 提交pr遇到的git问题

摘要: https://github.com/videojs/video.js/pull/7990 我从main分支checkout的分支,修改完代码后合并到main,管理员提示我把这次迭代放到下一个版本的next新分支中,咨询了同事后记录下git操作。收获满满!首先,把next分支拉取到本地,然后切换到自 阅读全文

posted @ 2022-11-08 11:23 康心志 阅读(24) 评论(0) 推荐(0) 编辑

2022年7月4日

用filter: drop-shadow()给透明图片添加阴影

摘要: 在项目中遇到一个需求给透明的图标添加阴影 #####未添加阴影遇到的问题:盒子和透明图标背景色重叠 #####使用box-shadow的效果,box-shadow顾名思义盒子阴影,它是给整个盒子添加上了阴影 box-shadow: 0 0 2px rgb(31, 62, 219); #####偶然发 阅读全文

posted @ 2022-07-04 11:00 康心志 阅读(91) 评论(0) 推荐(0) 编辑

2022年6月29日

巧用reduce 实现 checkbox 选中勾选联动

摘要: 在使用checkbox组件时经常遇到需要关联checkbox选中状态的需求 例如 A B C 三个checkbox 中,需要选中c时自动勾选上 A B,而取消A时需要取消B C的选中状态 思路: 添加时,每一项新建一个数组,通过reduce从前到后遍历每一个checkbox的value,数组中添加上 阅读全文

posted @ 2022-06-29 14:27 康心志 阅读(131) 评论(0) 推荐(0) 编辑

2022年6月10日

圆环组件的实现

摘要: 在项目中需要实现圆环组件的百分比展示效果 设计稿如图: 需求:通过输入数字可以控制圆环进度条 通过看网上的一些资料,我有了三种方案实现思路 方案一:通过两个div拼接成一个圆环,通过border属性来模拟圆环。经过实践发现了它的缺点:显示不完整,放大之后两个盒子边界有缝隙。 方案二:通过模拟圆锥来实 阅读全文

posted @ 2022-06-10 18:10 康心志 阅读(65) 评论(0) 推荐(0) 编辑

2022年5月16日

会议分享:用React+lingo3d开发一款游戏

摘要: 一. 基础准备 开发语言选择react+lingo3d 模型,动画,音效 模型:Blender软件,模型素材网站:https://sketchfab.com/feed 动画:https://www.mixamo.com/#/ 音效:https://sc.chinaz.com/tag_yinxiao/ 阅读全文

posted @ 2022-05-16 21:26 康心志 阅读(539) 评论(0) 推荐(0) 编辑

2022年4月14日

react拖拽第三方库的学习(react-dnd,react-beautiful-dnd,react-sortable-hoc)

摘要: 在项目中遇到了拖拽需求,看了一些流行的拖拽库,最终使用了react-beautiful-dnd react-dnd star17.4K react-beautiful-dnd star26.7K react-sortable-hoc star9.9k 三者都在项目中测试了下, reat-dnd 在项 阅读全文

posted @ 2022-04-14 16:14 康心志 阅读(1252) 评论(0) 推荐(0) 编辑

2022年3月23日

手写的一个兼容到ie6的提示更换浏览器的提示框

摘要: const content = ` var isIE = !!window.ActiveXObject || "ActiveXObject" in window function isWeiXin(){ var ua = window.navigator.userAgent.toLowerCase( 阅读全文

posted @ 2022-03-23 14:06 康心志 阅读(42) 评论(0) 推荐(0) 编辑

ie低版本的一些兼容性问题

摘要: 1.ie8以下不支持doucment.getElementByClassName的方式获取dom元素解决方案:使用doucument.getElementById来替代 2.ie6不支持position:fixed 解决方案:使用absolute或者relative定位3.垂直居中不支持 不支持es 阅读全文

posted @ 2022-03-23 12:57 康心志 阅读(69) 评论(0) 推荐(0) 编辑

2022年3月17日

lodash 一些常用方法学习

摘要: 1.chain() 创建一个lodash包装实例,包装value以启用显式链模式。要解除链必须使用 _#value 方法。 自己的理解:结合groupBy可以用于多数据,遍历排序的场景,对于性能方面有很好的提升 例: chain( [ {age:1,name:'test1'}, {age:3,nam 阅读全文

posted @ 2022-03-17 16:48 康心志 阅读(119) 评论(0) 推荐(0) 编辑

2021年10月18日

项目展示

摘要: (以下数据均为测试数据,仅供个人展示。) 展示部分页面: 1.用户权限页面,可通过点击交互或视频按钮来控制用户权限进度。 2.系统公告栏编辑页面 3.交互体验页面(多语言支持中文简体,中文繁体,英文) 4.评论管理页面 查看详情: 5.权限管理 阅读全文

posted @ 2021-10-18 17:54 康心志 阅读(131) 评论(0) 推荐(0) 编辑

导航