• Stars
    star
    410
  • Rank 105,468 (Top 3 %)
  • Language Vue
  • Created over 7 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

🍰 想用vue把我现在的个人网站重新写一下,新的风格,新的技术,什么都是新的!

网站版本更新

   

演示地址   https://v2.daiwei.site

网页截图

首页

状态  

音乐

设置  

News

作品信息

标签信息

浮层类型

版本记录

等等...

执行方法

# install dependencies   安装依赖
npm install

# serve with hot reload at localhost:8081   启动项目
npm run dev

# build for production with minification    打包项目
npm run build

描述

这是关于网站版本的一次更新,网站采用当前比较热门的前端框架vue编写,目的也是通过开发提升自己

使用到的技术 & 插件

vuex axios swiper vue-router lazyload better-scorll 等

网站特点

  • 同步bing主题  并且可以自定义壁纸(个人状态中的壁纸 或者我个人自定义的默认壁纸信息)
  • 自定义壁纸可添加音频
  • 可自定义遮罩的显示模式
  • 兼容移动端
  • 海量音乐播放,api来自网易云音乐,听歌我就用网易云
  • 时实用户ip显示地址,并显示当地的天气情况
  • 实时新闻信息
  • 每日一笑
  • 个人动态展示,可发表文字,图片信息
  • 网站设置同步本地存储,包括音乐收藏列表
  • 用户登陆以及打通用户听歌以及用户评价的接口

More Repositories

1

vue-music

基于vue2.0的网易云音乐播放器,api来自于NeteaseCloudMusicApi,v2.0为最新版本
Vue
854
star
2

wx-cropper

✂️ 微信小程序 图片裁剪工具,简单易用
JavaScript
334
star
3

d-audio

🎵 简洁的音乐播放器插件,重写了代码更方便使用
JavaScript
104
star
4

wx-audio

🌲 原生js实现微信公众号音乐播放器 A WeChat music player component
JavaScript
68
star
5

vue-message

A prompt component based on vue2.0
Vue
38
star
6

d-video

🎥 原生的VIdeo插件
JavaScript
32
star
7

d-utils

📝 通用js收集 https://d-utils.daiwei.site
TypeScript
30
star
8

toast

一个简单的提示插件 适合移动端
CSS
26
star
9

loading

一个兼容移动端pc以及ie10以上的loading插件
JavaScript
22
star
10

react-code-diff-lite

基于react-hook的代码比对组件
Less
22
star
11

dialog

A compact and simple pop-up plugin 一个小巧简约的弹窗插件
JavaScript
13
star
12

react-website

🌱 第三版个人网站 基于react + react hook + mobx-lite
TypeScript
13
star
13

scrollmenu

这是关于弹出关闭可滚动的菜单效果 兼容pc、移动端
JavaScript
9
star
14

jquery-slider

一款基于jquery的幻灯片组件
CSS
3
star
15

webpack-tpl

🐝 webpack-template
CSS
2
star
16

components

components
JavaScript
2
star
17

ppt.js

基于jquery的图片显示效果,可翻页全屏显示自定义宽高
HTML
2
star
18

tiga-cli

🎨 react 项目的小型脚手架
TypeScript
1
star
19

simple-marquee

marquee component for react
TypeScript
1
star
20

ripple-button

react ripple button
JavaScript
1
star
21

webpack-prompt-plugin

Used to prompt ip link and some other information when webpack-dev-server Successfully started
TypeScript
1
star