上一页 1 ··· 6 7 8 9 10 11 12 13 14 下一页
摘要: 故事发生在几天前 公司要求做个仪表盘,大致UI是这样的 这不是为难我胖虎嘛,于是找遍整个全网也没找到相似的,只能自己手写一个。 然而,最开始是准备用极坐标写的 折腾了一上午发现极坐标做出的效果两头是360度的圆环,这使UI给的标注无法实现,于是我又开始研究仪表盘,官方给的实例倒是挺炫酷 当我感觉快找 阅读全文
posted @ 2020-03-23 14:08 阿宇的编程之旅 阅读(14761) 评论(0) 推荐(4) 编辑
摘要: 分享一个公司项目案例 UI小姐姐给的图是这样的: 最终实现效果: 以下是所有代码 源码:https://gitee.com/DieHunter/myCode/tree/master/Echart/PictorialBar 首先引入Echarts,cdn或npm都行 HTML: <!DOCTYPE h 阅读全文
posted @ 2020-03-21 18:49 阿宇的编程之旅 阅读(7826) 评论(0) 推荐(0) 编辑
摘要: 分享自己公司项目类似的一个案例,用Echarts中的Polar(极坐标或称为平面直角坐标系)和Bar(柱状图)实现的 大致效果是这样的 参照的是AntV中的https://antv-f2.gitee.io/zh/examples/gallery/fitness-ring的效果,只不过我是用Echar 阅读全文
posted @ 2020-03-21 10:10 阿宇的编程之旅 阅读(1952) 评论(0) 推荐(0) 编辑
摘要: 目录 WebRTC 代码原理及流程 前端 先附上HTML和CSS 完整的socket.js 完整的userList.js(创建用户在线列表,添加邀请事件,初始化聊天室) 遇到的问题 优化后完整的video.js 服务端 完整的server.js 实现效果 注意 WebRTC 网页即时通信,是Web 阅读全文
posted @ 2020-03-12 12:37 阿宇的编程之旅 阅读(2229) 评论(11) 推荐(0) 编辑
摘要: 入坑前端3年,收藏了一些用得到或者可能会用到的书签 目录 基础知识类 视频教学类 框架文档类 UI组件类 求职面试类 案例实践类 博客文章类 工具插件类 基础知识类 菜鸟教程 - 学的不仅是技术,更是梦想!(教学齐全,陪伴三年之余,几乎啥都有) http://www.runoob.com/ w3sc 阅读全文
posted @ 2020-03-08 17:50 阿宇的编程之旅 阅读(609) 评论(0) 推荐(0) 编辑
摘要: 目录 什么是MVC: MVC的作用: 如何使用MVC架构: 效果: 以下是所有代码: 后端(nodejs): server.js data.js(存放商品列表) 前端 shopCar.html(入口页面) shop.css JS文件夹: bussiness command components co 阅读全文
posted @ 2020-03-05 17:19 阿宇的编程之旅 阅读(248) 评论(0) 推荐(0) 编辑
摘要: 购物车可谓是js中十分经典的案例,很多电商平台都会用到,是一个十分考验综合性的案例 今天分享一个自己编写的购物车,采用的是原生面向对象实现,数据的传导通过事件代理进行,以下是源码文件夹 注释写的很详细 HTML: <!DOCTYPE html> <html lang="cn"> <head> <me 阅读全文
posted @ 2020-02-24 09:08 阿宇的编程之旅 阅读(670) 评论(0) 推荐(0) 编辑
摘要: 用原生js做了一个拖拽调节音量 效果是这样的:(拖动时音量随两个圆形交集面积增大而增大) html部分: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="wid 阅读全文
posted @ 2020-02-22 16:06 阿宇的编程之旅 阅读(744) 评论(0) 推荐(0) 编辑
摘要: 以下是自己一个项目的本地上传至线上的总结 新建服务器实例 首先,你需要在各大云服务器平台选购一台合适的服务器 这里我选用的是阿里云(window2008 server版) 为什么系统选2008而不是2012版? 因为2008相对于2012占用的资源较少,当然如果你服务器配置高的话,就不用担心了 关闭 阅读全文
posted @ 2020-02-22 12:45 阿宇的编程之旅 阅读(329) 评论(0) 推荐(0) 编辑
摘要: 对以前用过的方法做个整合 let Methods = (function () { return { // 随机颜色 randomColor: function () { var color = '#' for (let i = 0; i < 6; i++) { var num = parseInt 阅读全文
posted @ 2019-03-30 09:24 阿宇的编程之旅 阅读(131) 评论(0) 推荐(0) 编辑
上一页 1 ··· 6 7 8 9 10 11 12 13 14 下一页