javascript面向对象编程
javascript面向对象编程,JavaScript 的演化是渐进而稳固的。历经过去十年的进程,JavaScript 在人们的认知里
已经从一门简单的玩物式的语言逐渐发展成为一门倍受推崇的编程语言,被全世界的公司和
开发者用来构造种种精彩的应用。现代 JavaScript 编程语言一如既往地可靠、健壮,强大得
令人难以置信。
从零开始,搭建一个简单的购物平台
这个项目是我利用空余的时间写的,商城App界面主要模仿零食商贩小程序写的,其余都是自己写的
项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping
使用到的技术:
后端:node+express+MongoDB
管理界面:react+antd
商城界面(移动端):Vue+Mint UI
开发工具:npm
打包工具:webpack
代码管理:git
技术栈:
后端(express,mongoose,cors,body-parser,multer,jsonwebtoken,crypto-js,bcrypt
一些用jq和原生实现的案例
案例是几年前在学校的时候做的,一些学习过程,案例
主要包括:轮播图,弹出框效果,下拉菜单,动画函数,全选框等等
Echarts案例:整一个炫酷一点的仪表盘
使用Echarts仪表盘加极坐标实现一个炫酷的仪表盘,表盘渐变,边缘圆角,(备份的案例)
源码:https://gitee.com/DieHunter/myCode/tree/master/Echart/PolarGauge
Echarts案例:使用象形柱状图(PictorialBar)实现电池效果柱状图
Echarts案例:使用象形柱状图(PictorialBar)实现电池效果柱状图,数据驱动更新charts
(备份的案例) 源码:https://gitee.com/DieHunter/myCode/tree/master/Echart/PictorialBar
Echarts案例:使用极坐标加柱状图实现类似Apple Watch上的运动环形效果
分享自己公司项目类似的一个案例,用Echarts中的Polar(极坐标或称为平面直角坐标系)和Bar(柱状图)实现的
源码:https://gitee.com/DieHunter/myCode/tree/master/Echart/AppleWatch
使用JS+socket.io+WebRTC+nodejs+express搭建一个简易版远程视频聊天
使用到JS+socket.io+WebRTC+nodejs+express构建远程实时视频聊天功能,实现浏览器对浏览器之间通过socket建立连接,再通过WebRTC进行流式传输
用购物车理解前端MVC架构
购物车整体流程:
目录结构将model view controller剥离开
Modedl层:存储数据,显示数据
View:根据Model数据渲染页面
Controller:传递数据
Command:操作数据,获取数据
Event:事件总线,注册事件
商品列表:
初始化View层,建立Ajax获取数据,之后由controller触发事件至事件总线,然后再由注册的事件将ajax数据传至Model中完成商品列表初始化
当model获取到商品列表数据时,通过代理set() 触发新建商品列表事件,通过command操作view达到新建列表目的
购物车表格:
当用户对view进行操作时,触发注册的事件,通过command修改Model中的数据(购物车列表)从而再由command驱动view中的刷新表格进行渲染
原生JS实现高大上的购物车
购物车可谓是js中十分经典的案例,很多电商网站都会用到,是一个十分考验综合性的案例
今天分享一个自己编写的购物车,采用的是原生面向对象实现,数据的传导通过事件代理进行。
前端XMind汇总
除了小部分别人分享的,其他全是自己总结的,主要是原生的,nodejs,Vue,React等等也有,没原生详细
前端面试题
自己收集的一些前端面试题以及解答,希望会派上用场,原生JS,Vue,React居多,非常全面,物超所值
JavaScript面试题集锦
JavaScript常见面试题,特别不错,强烈推荐
JavaScript案例
自己写的一些JS案例备份,博客里的有注释,资源不提供注释
收集前端常用框架包,及UI库
该资源包括前端常用的组件库和js框架库,由于react太多,所以没有加入TAT,其中包括Vue(vue大法好,可能不全),angular(据说用的不多了),animate(一款css的动态库,用animation做的),core.js(用的比较少,貌似是jQ的包),H-ui(比较不错的组件库),jQuery(这个不用说了吧),layui(也挺好用的UI组件),less(sass,scss,less一起的),swiper(一个挺好用的轮播图的库,强烈推荐),Tween(运动函数库),sport.js万能运动公式