基于Vue的二进制时钟组件 -- fx67llBinaryClock

【基于Vue的二进制时钟组件 -- fx67llBinaryClock】的更多相关文章

jq动画插件，自制基于vue的圆形时钟

首先附上jq插件库,里面的东西太炫了,建议学前端的可以看看学习下:http://www.jq22.com/ 里面有个“超个性动画版本的个人简历”,通过屏幕上不断打印内容,改变相应样式来实现动画简历,我从来没想到过还有这种操作: 再附上一个比较有趣的基于vue的圆形时钟: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <…

一款基于Vue的扩展性组件库 VV-UI

github: https://github.com/VV-UI/VV-UI 演示地址: https://vv-ui.github.io/VV-UI/#/meta-info 1. LoadingBar 当我们访问知乎或者Github的时候,会经常看到这样的加载进度条: 这种交互对于单页面应用来说,也是可以极大地增强用户体验,那么我们基于Vue 该如何实现这样的加载进度条呢?其实很简单,目前我做了一套基于Vue的开源组件库,里面完善和补充了其他组件库不存在的一些组件.比如我们的LoadingBar…

Vue项目中使用基于Vue.js的移动组件库cube-ui

cube-ui 是滴滴公司的技术团队基于 Vue.js 实现的精致移动端组件库.很赞,基本场景是够用了,感谢开源!感谢默默奉献的你们. 刚爬完坑,就来总结啦!!希望对需要的朋友有小小的帮助. (一)创建一个vue项目 (1) (安装全局vue-cli,通过vue -V查看版本) npm install -g vue-cli (2)vue init 你用的模板工具项目名称 (这里采用webpack作为模板工具) vue init webpack cubeUiPro (根据选项填写或者选择,可以按…

GearCase UI - 自己构建一套基于 Vue 的简易开源组件库

最近 1 ~ 2 月除了开发小程序之外,还一直在继续深入的学习 Vuejs.利用零碎.闲暇的时间整合了一套基于 Vue 的 UI 组件库.命名为 GearCase UI,意为齿轮盒.现在把该项目进行开源分享,希望能和更多的人一起交流学习. 在构建该项目的过程中我也收获颇丰.除单纯的造轮子之外,还学习了单元测试.持续集成,更加熟悉工程化.并了解 TDD.BDD等. GearCase UI 组件库 0.1.2 版本已经完成,本篇文章简要讲解安装.引入.注册使用 GearCase 的方法.各组件的具体…

基于Vue的数字输入框组件开发

1.概述 Vue组件开发的API:props.events和slots 2.组件代码 github地址:https://github.com/MengFangui/VueInputNumber 效果: (1)index.html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <title>基于Vue开发的数字输入框组件<…

基于Vue搭建自己的组件库（1）

本项目演示地址:https://husilang.github.io/zm-ui 项目参考文章:从零开始搭建Vue组件库 VV-UI 项目的初衷是学习怎么封装一个基于Vue的UI组件库,顺便记录每个步骤,以及在此过程中遇到的难点及体会. 下面是我个人的一个项目搭建流程,希望能帮助大家. ①脚手架初始化项目使用 vue cli 3.0.0版本以上,在node或cmd中输入以下命令创建项目 vue create project-name 选择 Manually select features选择B…

基于Vue的前端UI组件库的比对和选型

大家好,我是张飞洪,感谢您的阅读,我会不定期和你分享学习心得,希望我的文章能成为你成长路上的垫脚石,让我们一起精进. 由于录制视频的需要,要做前端UI组件库的选型.平时国内外也见了不少基于Vue的UI组件,积累了一些素材,现在分享给大家. 本文讨论的主题包括: 为什么使用第三方组件库第三方UI库比对选型的依据我选的选型为什么使用第三方组件库现在这个年代,好像问这么一个问题很傻,谁会自己造轮子呢?确实是这样.但是对于刚毕业的同学,或者从Ext.js年代过来的同学可能不会觉得奇怪.因为在前…

基于vue的无缝滚动组件

vue-seamless-scroll A simple, Seamless scrolling for Vue.js 在awesome上一直没有发现vue的无缝滚动组件,在工作之余写了个组件,分享出来希望大家一起学习进步. Demo https://github.com/chenxuan0000/vue-seamless-scroll/index.html Installation NPM npm install vue-seamless-scroll --save Usage ES6 以下e…

vue-waterfall2 基于Vue.js 瀑布流组件

vue-waterfall2 1.宽度自适应,数据绑定特效(适用于上拉加载更多) 2.自定义程度高 3.使用极为简便,适用于PC/移动端 4.提供resize(强制刷新布局-适用于下拉刷新)/mix(扰乱布局) API,一般情况下不需要用到 5.后期将持续更新,提供animation(过渡动画) Demo DEMOGITHUB Installation npm install --save vue-waterfall2 Usage 注意: 1.itemWidth需要与gutterWidth一起使…

基于Vue的简单日历组件

日历组件由于移动端项目中需要用到日历组件,网上找了下,没看到几个合适的,就尝试着自己写一个.然后发现也不是很复杂,目前只做了最基本的功能,大家也可以拿去做做二次开发. 如何写一个日历组件基础效果如下图: 然后可以接受一个起始日期参数start-date,设置日历当前显示的年月.可以监听一个点击事件click-event,回调参数为当前点击的年月日. <calendar @click-event="getDate" :start-date="new Date(2015…