自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

原创 vue3利用渲染函数实现格子布局(九宫格)

前言因为工作中需要用到类似九宫格的布局,而element-plus里没有类似的组件,因此自己实现了一个格子布局的组件思路其实格子布局目前我更多的是在手机端使用,而目前手机端开发使用的是vant组件库,这个组件库本身就有九宫格布局组件,它大致是由一个父组件grid,若干子组件grid-item组成来实现,然后我的实现方式也是如此,一个父组件+若干子组件,利用渲染函数主要是可以过滤掉其他非子组件的内容,约束使用方式实现宫格布局核心在于限制每行的格子数量,实现方式有很多种,我这里使用的是无序列表,约束u

2022-01-05 15:10:00 3651

原创 javaScript数据结构与算法之双向链表的实现

javaScript数据结构与算法之双向链表的实现引言快捷通道原理完整javaScript代码完整typeScript代码结语引言这篇文章写之前其实双向链表的实现已经写了好几天了,期间反复修改过,最后感觉自己写的复杂了,又删除了很多方法,只保留了一些基本的方法,最终完成了双向链表的实现快捷通道上一篇:javaScript数据结构与算法之单向链表的实现.下一篇:暂无原理双向链表原理还是离散节点的连接,不同的是单向链表是有next指向下一个节点,而双向链表在有next的情况下,还有一个last指向

2021-06-04 14:01:05 147 1

原创 javaScript数据结构与算法之单向链表的实现

javaScript数据结构与算法之单向链表的实现引言希望实现的内容链表原理节点链表创建初始化方法(构造方法)push和pop查询和遍历插入、修改和删除javaScript完整代码typeScript完整代码结语引言最近在学习javaScript的数据结构,链表和javaScript中的数组可以说是起到互补关系,有些复杂的数据结构适合用数组实现(比如栈),而有些更适合用链表来实现(比如队列),今天就来研究在javaScript中实现单向链表希望实现的内容单向链表的创建,初始化,基本的增删改查。同时因

2021-05-31 17:00:18 182

原创 javascript两种方式实现自定义setInterval

两种方式实现setInterval(setTimeout和requestAnimationFrame)引言使用setTimeout方式实现setTimeout实现方式的缺点和改进使用requestAnimationFrame方式实现进一步改进结语引言最近在学习基础js时,突然想起了之前关于setInterval的问题,再有些时候并不可靠,所以有推荐使用setTimeout来实现setInterval,所以也想自己实现一个,关于setInterval的问题这里就不多讨论,已经有很多文章再说了,这里主要介绍

2021-05-27 11:07:16 882

原创 从零开始搭建自己的vue组件库——02测试发布

从零开始搭建自己的vue组件库——02测试发布引言历史导航本地测试本地打包发布官网查看代码库引言上一篇文章介绍了打造vue组件库的第一步创建项目,本章将继续介绍本地测试,以及发布到npm历史导航前一篇:从零开始搭建自己的vue组件库——01创建本地测试首先本地测试需要在examples里编写代码,可以按照正常的vue项目去写,唯一区别就是原来的src目录变成了examples目录,其他一切正常,在examples的main.js里引入packages的button,为了方便测试,直接添加成全局

2020-10-30 13:52:54 736

原创 从零开始搭建自己的vue组件库——01创建

从零开始搭建自己的vue组件库——01创建引言项目创建修改目录结构添加第一个组件以及样式文件夹引言因工作需要,要打造一套属于自己团队的组件库,本人也是第一次接到这种任务,虽然不着急,但是之前从来没做过,因此特意再此记录下过程,也希望自己能坚持下去,当然,过程中少不了查阅各种资料,也会再次记录下各种各样的问题,本组件库的开发基于vue2.0,主要用于pc端,会参考element-ui进行开发项目创建首先第一步是要创建一个vue工程vue create xxxx创建具体流程在这里不再详细说明,创建完

2020-10-29 20:06:44 1594

原创 从基础学起之domReady的实现

现代浏览器(chrome、360等)已经实现了对DOMContentLoaded事件的处理采用标准的事件绑定方式,直接实现即可,IE浏览器需要模拟DOMContentLoaded实现domReady,具体代码如下function domReady(callback) { // 现代浏览器(chrome、360等) // 对DOMContentLoaded事件的处理采用标准的事件绑定方式 if (document.addEventListener) { documen

2020-06-08 22:21:12 150

原创 go语言环境变量与vscode配置(Windows)

本文初衷是为记录个人学习记录而写,因此可能科学性和严谨性都不够高,如果有幸能帮助到其他人那在好不过了,因为买不起golang编辑器,所以本人选用了vscode

2019-12-16 16:13:52 2171 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除