- 博客(13)
- 收藏
- 关注
RSS订阅原创 摸鱼时间少? 是时候学会用Vue自定义指令进行业务开发了
祝各位码农新年快乐头发越来越多(狗头)兔年的第一篇博客是以业务为主,主要介绍Vue自定义指令的各种特性以及博主如何使用这个特性在业务中一分钟实现一个需求的(节省时间用来划水)以下内容是博主半年前实现,可能有些地方会遗漏,所以最后会放出源码,欢迎同志们指正截止到Vue3.2一共有16个自带指令,用起来让人直呼过瘾,在封装自定义指令之前,让我们来概览一下所有指令并了解其特性v-text(用于更新dom元素的 textContent)v-html(用于更新dom元素的 innerHTML)
2023-02-01 16:43:57
864
2
原创 进击3D游戏界!Cocos Creator快速实现骨骼动画交互!
最近公司需要转型,方向为元宇宙,AI,数字人,区块链等方向,博主为了跟上时代的步伐为我们伟大的公司献出我的能力(广告费5毛一条,公司财务看到麻烦转我一下)便对Web3.0以及3D可视化这些前沿技术进行了研究,主要的研究方向为VR(已概览技术栈有three.js,thing.js,Cocos Creator)在此把的学习路线及心得感悟记录一下,方便以后温习。CoCos有等不同版本本文主人公为,以下我来简要描述一下各个版本的特性Cocos2d是Object-C语言写的,而Cocos2dx。
2022-12-19 18:59:21
2203
2
原创 无所谓,策略模式会出手——策略模式的世界里为什么可以没有if和else?
最近偶然间看到部分框架的源码(名字已经记不清了),加上最近抖音老是给我推策略模式相关视频,结合自己的学习后,发现自己很多的代码其实可以写的更加优雅在此整理为一篇对业务中实际常见业务场景有帮助的博客,自己也在慢慢学习把这种思路结合到自己的业务代码中,当然,更重要的是思路,写下此篇博客,希望以后回头看的时候会有所感悟。策略模式是设计模式中一种设计方案,对应的设计模式一共有23种,又分为三大类创建型模式(工厂方法模式、抽象工厂模式、单例模式、建造者模式、原型模式)
2022-11-23 11:59:30
228
原创 套壳方式三百万,遇我也需尽低眉(用uni-app五分钟实现H5转App)
2022年9月28日 晴。在公司敲代码,随着每个字符敲下去。我似乎已经能看到界面上我预计的结果。这种一切都在预料中的感觉使我觉得有些枯燥。我在vscode上敲了几十万行代码,以为我的心已经和键盘一样冰冷。直到那个男人的到来。好记性不如烂笔头随时随地给自己对项目的状态进行实时的记录,想来以后回忆起来也是极美的明天,又是充满希望的一天!最后放上一张镇楼图明天,又是充满希望的一天!
2022-09-28 11:57:50
4655
1
原创 梦回2008样式原子化:Tailwind是如何让Facebook拜倒在她的石榴裙下？
近些年前端掀起了一股“诡异风气”,即CSS原子化相关类库,如Tailwind CSS，Windi CSS ，Tachyons等原子化组件库层出不穷,甚至作为本篇文章主人公的Tailwind在GitHub上已经有58K这等如此恐怖的星数,刚好博主在近期在开发一款轻量级项目,于是便选用了此框架作为UI类库,在此记录一下使用心得,方便给后继的码农们选用技术框架时能更好的分析。一种 CSS 的架构方式，它会更加倾向于小巧且用途单一的类名，并且会以视觉效果进行命名。如Bootstrap以及Jquery中都存在对应的
2022-06-21 17:42:02
497
1
原创 经久不衰的话题:Js的宏任务(marcroTask)和微任务(microTask)
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、什么是宏任务和微任务?1. 宏任务2. 微任务前言最近工作量比较少,闲暇时间看相关技术博客,一篇关于JS语言设计跟任务机制的博客读起来让我受益匪浅。温故而知新，决定本月博客主题为宏任务(marcroTask)和微任务(microTask)一、什么是宏任务和微任务?首先让我们看一下JS的编译模式相关解释:注意其中的一句话如果一条运行不了,那么下面的语言也无法运行,显而易见说明JS为单线程语言但是随着计算机性.
2022-04-02 17:01:17
1288
原创 Vue进阶-异步动态加载组件
文章目录前言一、为什么会出现这种情况?二、常用解决办法1.使用v-if来判断是否有数据来展示dom结构(一般般)2.通过$set来触发Vue的数据重新渲染机制(鸡肋)3.通过监听子组件数据源来实现子组件数据动态改变(基本完美)前后变化前言此篇文章缘起于在业务开发中需要使用父子组件嵌套,子组件的数据源来自于父级的一个接口请求,虽然这个我们的后端同学接口有redis缓存,但是身为一个前端码农,本着挖掘的思想,开始了父子组件能之间如何优化,避免由于数据延迟导致子组件数据为空的情况(虽然v-if判断DO
2022-03-01 17:06:36
4936
3
原创 vue如何对接网易云信IM即时聊天
vue如何对接网易云信IM即时聊天？示例：官方Demo跑不通且API看起来太复杂,这里直接提取直接能跑通的代码,拿去即可使用使用步骤1.引入库首先引入网易云信的Web API：2.全局引入代码如下（示例）：其它的代码不用看,只看引入的部分就可以了直接能拿来跑通的页面代码:<template> <div class="hello">2111111111111111111111111 <button @click="sendMsga">发送给
2021-10-23 14:53:41
2273
原创 一个如黑丝般丝滑的原生侧边栏
简言:自己项目中用到的,全自定义tabbar,如同黑丝一样丝滑文章目录简言:一个正常的tabbar应当有哪些流程？一、官方关于拖拽方法和属性有哪些？1.可拖拽属性 draggable2.开始拖拽操作 dragstart3.拖拽数据 dataTransfer4.设置拖拽反馈图像 setDragImage5.拖拽效果 effectAllowed6.指定放
2021-07-07 16:27:47
554
1
原创 10分钟实现简易Vue拖拽排序
10分钟实现简易Vue拖拽排序依然是业务需要,本王需要实现一个拖拽排序功能提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录10分钟实现简易Vue拖拽排序前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：p
2021-06-07 11:16:37
1249
9
原创 如何只用CSS写一个购买记录公告组件
起因项目即将上线的重要时刻,老板突然说让加一些功能,其中一个就是类似于网络游戏里面的大喇叭功能，每有一个用户购买,便昭告天下。想想我就觉得刺激。提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录起因前言一、需求是什么？二、然后?1.雏形已经有了,现在要做的就是让每个子元素往上滚动,再写一个ovflow的盒子就可以初步实现,走起~2.大功告成!总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学
2021-05-15 16:48:31
357
原创 你真的了解数组吗?(交集差集并集补集在项目中的使用)
何为交集/差集/并集/补集?我们项目中大多数是在与数组斗智斗勇,由于之前项目有使用到类似于差集这种思路，便一发不可收拾入了这个坑,在认真思考之后,发现实战项目中很多地方都可以用到这个知识点,于是便写个博客以记录心得感悟首先要介绍一下何为交集/差集/并集/补集PS:已经了解的同志们可以从目录直接跳转过去进行阅读文章目录何为交集/差集/并集/补集?一、数组的交集1.何为数组的交集？2.如何用代码实现数组的交集？3.实际项目中哪些地方可以使用到此技能？二、数组的差集1.何为数组的交集？2.如何用代码实现
2021-04-15 11:29:13
1752
20
原创 前端项目性能优化记录~
最近花了一些时间和精力在项目的性能优化上,做了很多工作虽然最后结果不是特别理想,但还是想记录一下自己所使用过的优化方案,避免以后踩坑。总结：简单的说了一下前端一些对于性能优化比较大的点，给自己长个记性，便于以后应用这些技术点。明天,又是充满希望的一天!明天,又是充满希望的一天!
2021-04-08 17:31:22
2836
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人