vue3|大数据量专用的tree组件

2021-04-01
阅读 1 分钟
6.3k
vue生态虽好,但大多是重复轮子,工作中碰到大数据量tree的场景,竟然找不到一个现成的虚拟树组件,只能自己手写封装,所以我将工作中的虚拟树拿出来开源共享,该插件只创作vue3的版本

angular_教程_angular_视频教程

2020-10-07
阅读 1 分钟
3.2k
各位同学大家好,2020 angular10语法 + 实战课已完成很荣幸有许多朋友支持我2019年的ng8教程(‾◡◝)这次的教程将会把我所知道的ng语法全部教给大家,外加一个精心准备的实战,带你领略angular的编程艺术试看地址:Angular完全解读新增ngrx章节

【免费】angular8高级实战教程—网易云音乐pc端

2019-10-08
阅读 2 分钟
9.2k
angular是我的第一个框架,所谓先入为主,即使工作中怕是再难用上,也不会把它丢掉,而且angular用户是痛苦的,至少在国内,不论是文档、生态、百度、教程等都全面被vue和react压制,并非angular技不如人,只因google太任性。本教程也算是为推进angular做点贡献吧,这应该是前端框架中,最给力的免费教程了。

用原生TypeScript造轮子(六) Tree

2019-06-30
阅读 2 分钟
2.4k
ui参考primeNG: [链接]ts开发环境:[链接]目录 简介 本节demo和源码参考ivew tree的内部实现,完成其部分功能已实现的功能: 默认展开 默认选中 单/多选 基本思路 用户需要传入一个相对固定的数据结构,比如: {代码...} 然后根据这个data, 用递归函数渲染出dom,每个children都对应一个ul: 所以最重要的就是写出递归函...

用原生TypeScript造轮子(六) 取色器

2019-06-29
阅读 1 分钟
1.7k
ui参考primeNG: [链接]ts开发环境:[链接]目录 简介 参考primeNG的实现,可以hex,rgh,hsb三种颜色模式互相转换本节demo和源码 基本思路 dom分成两部分,左边的面板有一块黑白底图作为背景,右边长条也有张彩色底图作为背景 右边长条选中的颜色,设为左面板的背景色,这样左面板可跟随右侧变色 其中最重要的就算3种颜色的...

用原生TypeScript造轮子(五) 滑块Slider

2019-06-29
阅读 1 分钟
2.7k
ui参考primeNG: [链接]ts开发环境:[链接]目录 简介 仿造我之前用vue封装的iv-slider, 实现了其横向的一些功能:本节demo和源码已实现的功能: 支持移动端 单/双滑块 设置步长 显示断点 自定义事件 基本思路 先看dom,在鼠标滑动时,单滑块只要不断改变left值和蓝色条的width即可,双滑块还需要另外设置蓝色调的left 滑...

用原生TypeScript造轮子(四) 轮播

2019-06-25
阅读 1 分钟
3.1k
ui参考primeNG: [链接]ts开发环境:[链接]目录 说明 轮播应该是初期最锻炼基础的组件,难度适中,所以也把它加到本系列已实现的功能: 自动轮播 自定义事件 无缝滚动 控制速度 demo和源码 思路 轮播最常见的思路,就是最外层dom设置overflow:hidden; 然后动态计算内层元素(slide-wrap)的width,改变其left值 这里重点说...

用原生TypeScript造轮子(三) tooltip

2019-06-14
阅读 1 分钟
2.3k
ui参考primeNG: [链接]ts开发环境:[链接]目录 说明 ui参考primeNG已实现的功能: 4个方向 可以hover或click触发 延迟显示或消失 demo和源码 思路 先把4个方向的tooltip样式都写好,方向用class控制,如果是hover触发,mouseenter的时候创建tooltip元素,mouseleave的时候销毁,在显示前先定好位置,我这只做了4个方向居...

用原生TypeScript造轮子(二) 自定义滚动条scrollPanel

2019-06-09
阅读 1 分钟
4.1k
ui参考primeNG: [链接]ts开发环境:[链接]目录 说明 ui参考primeNG已实现的功能: 双向滑动 禁止某条边滑动 同时支持移动、pc 支持自定义事件 其实自定义的滚动条,四个方向都能做,只是多写两个dom而已。demo和源码 思路 dom部分很简单:一个外层wrap容器包裹内容,在写两个滚动条,只要内容的宽高超过wrap写死的尺寸,...

用原生TypeScript造轮子(序) 关于本教程

2019-06-08
阅读 1 分钟
3.7k
关于typescript,本来打算写语法相关的,但发现很难写的比官网文档好,所以还是直接用吧~~教程目标: 完全掌握ts语法,熟练到足以取缔js(响应下ts刚出道的口号) 了解一些常见的,较复杂的轮子实现原理,摆脱插件的束缚

用原生TypeScript造轮子(一) 日历

2019-06-08
阅读 2 分钟
3.3k
ui参考primeNG: [链接]ts开发环境:[链接]目录 简介 日历插件有很多,形态各异,但不管什么插件,只要掌握其基本实现原理,就能写出通用性很强的轮子。本节日历demo和源码已实现的功能: 不可选日期 默认选中日期 多面板 范围选择 自定义事件 基本思路 可以先把一个日历面板的静态布局写好,包括选中,非当月日期,禁止...