Echarts案例:使用极坐标加柱状图实现类似Apple Watch上的运动环形效果 分享自己公司项目类似的一个案例,用Echarts中的Polar(极坐标或称为平面直角坐标系)和Bar(柱状图)实现的 大致效果是这样的 参照的是AntV中的https://antv-f2.gitee.io/zh/examples/gallery/fitness-ring的效果,只不过我是用Echarts实现的首先需要引入Echarts.js,推荐用npm下载:npm install echart 2020-03-21 Echarts JavaScript javascript
使用JS+socket.io+WebRTC+nodejs+express搭建一个简易版远程视频聊天 目录 WebRTC 代码原理及流程 源码:git@gitee.com:DieHunter/myCode.git仓库:myCode/videoSteam 前端 先附上HTML和CSS 完整的socket.js 完整的userList.js(创建用户在线列表,添加邀请事件,初始化聊天室) 遇到的问题 优化后完整的video.js 服务端 完整的server.js 实现效果 注意: WebRTC网页即 2020-03-12 JavaScript Node.js javascript node.js socket
分享些自己收藏的书签,基础占多,大牛勿入 入坑前端3年,收藏了一些用得到或者可能会用到的书签 目录 基础知识类 视频教学类 框架文档类 UI组件类 求职面试类 案例实践类 博客文章类 工具插件类 基础知识类菜鸟教程 - 学的不仅是技术,更是梦想!(教学齐全,陪伴三年之余,几乎啥都有)http://www.runoob.com/ w3school 在线教程(前端官方文档,不解释)http://www.w3school.com.cn/ind 2020-03-08 操作方式 前端 后端
JS案例:用购物车理解前端MVC架构 目录 什么是MVC: MVC的作用: 如何使用MVC架构: 效果: 以下是所有代码: 源码地址:https://gitee.com/DieHunter/myCode/tree/master/shopCarMVC 后端(nodejs): server.js data.js(存放商品列表) 前端 shopCar.html(入口页面) shop.css JS文件夹: bussiness command 2020-03-05 JavaScript Node.js javascript 前端
JS案例:如何用300行原生js代码写出高大上的购物车 目录 注释写的很详细 源码:https://gitee.com/DieHunter/myCode/tree/master/shopCar HTML: CSS:(不做过多注释) JSON(用于存放商品信息): JS文件(第一个是自定义方法集合,第二个是购物车的全部逻辑) methods.js: shop.js 购物车可谓是js中十分经典的案例,很多电商平台都会用到,是一个十分考验综合性的案例 今天 2020-02-24 JavaScript javascript 前端
JS案例:拖拽音量调节效果 用原生js做了一个拖拽调节音量 效果是这样的:(拖动时音量随两个圆形交集面积增大而增大) 源码:https://gitee.com/DieHunter/myCode/tree/master/music html部分: <!DOCTYPE html> <html lang="en"> <head> <meta cha 2020-02-22 JavaScript javascript
本地项目上线流程 以下是自己一个项目的本地上传至线上的总结 新建服务器实例首先,你需要在各大云服务器平台选购一台合适的服务器 这里我选用的是阿里云(window2008 server版) 为什么系统选2008而不是2012版? 因为2008相对于2012占用的资源较少,当然如果你服务器配置高的话,就不用担心了 关闭服务器实例后,在服务器选项更多中选择更换系统 配置服务器账号密码并等待安装系统 启动服务器点击启动 2020-02-22 操作方式 前端 后端
JS案例:常用工具 对以前用过的方法做个整合let Methods = (function () { return { // 随机颜色 randomColor: function () { var color = '#' for (let i & 2019-03-30 JavaScript
小程序入坑记:TodoList 小程序数据绑定渲染视图使数据与视图的关系显得很清晰wxml: <!--pages/todoList/toduList.wxml--> <input class='addItem' placeholder-style='font-size:16px;' placeholder='输入事项 2019-03-07 小程序
小程序入坑记:懒加载 小程序可以说是非常火热了,开发周期短,页面简洁,数据控制方便,可以说结合了三大框架的特点 小程序的目录结构:页面以index为例 utils:工具类目录,供全局调用。在utils中封装一个tools工具类(axios获取请求) class Tools { constructor() { } axios(method, url, data) { 2019-03-06 小程序