03 2020 档案

Echarts案例：整一个炫酷一点的仪表盘
摘要：故事发生在几天前 公司要求做个仪表盘，大致UI是这样的 这不是为难我胖虎嘛，于是找遍整个全网也没找到相似的，只能自己手写一个。 然而，最开始是准备用极坐标写的 折腾了一上午发现极坐标做出的效果两头是360度的圆环，这使UI给的标注无法实现，于是我又开始研究仪表盘，官方给的实例倒是挺炫酷 当我感觉快找 阅读全文
posted @ 2020-03-23 14:08 阿宇的编程之旅 阅读(15188) 评论(0) 推荐(4) 编辑
Echarts案例：使用象形柱状图（PictorialBar）实现电池效果柱状图
摘要：分享一个公司项目案例 UI小姐姐给的图是这样的： 最终实现效果： 以下是所有代码 源码：https://gitee.com/DieHunter/myCode/tree/master/Echart/PictorialBar 首先引入Echarts，cdn或npm都行 HTML： <!DOCTYPE h 阅读全文
posted @ 2020-03-21 18:49 阿宇的编程之旅 阅读(8060) 评论(0) 推荐(0) 编辑
Echarts案例：使用极坐标加柱状图实现类似Apple Watch上的运动环形效果
摘要：分享自己公司项目类似的一个案例，用Echarts中的Polar（极坐标或称为平面直角坐标系）和Bar（柱状图）实现的 大致效果是这样的 参照的是AntV中的https://antv-f2.gitee.io/zh/examples/gallery/fitness-ring的效果，只不过我是用Echar 阅读全文
posted @ 2020-03-21 10:10 阿宇的编程之旅 阅读(2036) 评论(0) 推荐(0) 编辑
使用JS+socket.io+WebRTC+nodejs+express搭建一个简易版远程视频聊天
摘要：目录 WebRTC 代码原理及流程 前端 先附上HTML和CSS 完整的socket.js 完整的userList.js（创建用户在线列表，添加邀请事件，初始化聊天室） 遇到的问题 优化后完整的video.js 服务端 完整的server.js 实现效果 注意 WebRTC 网页即时通信，是Web 阅读全文
posted @ 2020-03-12 12:37 阿宇的编程之旅 阅读(2274) 评论(11) 推荐(0) 编辑
分享些自己收藏的书签，基础占多，大牛勿入
摘要：入坑前端3年，收藏了一些用得到或者可能会用到的书签 目录 基础知识类 视频教学类 框架文档类 UI组件类 求职面试类 案例实践类 博客文章类 工具插件类 基础知识类 菜鸟教程 - 学的不仅是技术，更是梦想！（教学齐全，陪伴三年之余，几乎啥都有） http://www.runoob.com/ w3sc 阅读全文
posted @ 2020-03-08 17:50 阿宇的编程之旅 阅读(643) 评论(0) 推荐(0) 编辑
JS案例：用购物车理解前端MVC架构
摘要：目录 什么是MVC： MVC的作用： 如何使用MVC架构： 效果： 以下是所有代码： 后端（nodejs）： server.js data.js(存放商品列表) 前端 shopCar.html（入口页面） shop.css JS文件夹： bussiness command components co 阅读全文
posted @ 2020-03-05 17:19 阿宇的编程之旅 阅读(273) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示