基于 Vue 的 WebSocket 实时聊天实战项目
一个基于vue的,从前端到后端构建的项目。能让学到如何用,用到了vue全家桶,nodejs,通过webpack打包,图灵机器人,websocket等前沿知识进行构建。让你轻松学会搭建一个基于vue的全家桶项目。
一个前后端分离的简单案例
使用 vuejs 和 express 实现前后端分离.
Vue 近阶段学习总结
引言 随着学习vue2.0的脚步加快,突然之间感觉自己的知识点有一些遗漏,为了巩固所学知识,同时也为了查漏补缺, 以根据自己学习和做项目的情况整理了我个人的vue技术栈,知识点梳理如下: 开发环境搭建 老话说的好‘工欲善其事,必先利其器’,在我们程序员的世界里要想开发出一款优秀的…
浅谈前端线上部署与运维
说到前端部署,可能大多数前端工程师在工作中都是使用的公司现成的部署系统,与SRE对接、一起完成前端的部署操作。如果我现在给你一台新注册的云主机,那么你应该怎么做才能把一个前端工程部署到一台云主机上,成为一个可以访问的网页呢?今天我们就来聊聊前端的部署~ 首先,一个前端工程要变成…
基于 vue + nuxt 打造 o2o 教育商城系统(触屏版) 服务端渲染SSR
*本项目纯属个人练习项目,数据并非真实,如有雷同,纯属巧合。
本项目是公司项目,公司的技术实现是 cakephp php的mvc框架,由于cakephp view 模板ctp 和 html写在同一 文件,前端部分(view)页面惨不忍睹,难维护,效率低,沟通成本大,迫于无奈,奔着君子动手不动口的原则(所有的技术不是口头上的,需要自己动手,踩坑,你才可以成长),闲暇之余 利用 vue + srr + node + mysql nginx代理 重构本项目,这样既加强了对vue的学习认知,也很好的把vue和node结合,对于数据库的选型,mysql,比较稳定,更通用,老牌值得信赖 ~~由于时间并不充裕,功能实现可能的并不完美,我尽力按需求文档实现~~~现在的页面大概有20个左右,涉及注册、登录、课程列表、课程详情、购物车、提交订单、个人中心等等,
项目持续进行中~
学习设计模式之MVC、MVP、MVVM
认真学习了下广义MVC模式下前端怎么写,狭义的MVC其实是有一个变化过程:MVC MVP MVVM,网上看了很多的关于这方面的介绍,以前总是将视图数据逻辑写一个模块,最近尝试分开并用组件式的开发的方式…
基于 Vue.js 和 Node.js 支持服务端渲染的开源博客系统
支持服务端渲染,前后端分离,支持PWA,并且标题可以动态切换,支持markdown编辑器,github风格代码高亮,拥有归档和标签功能,不错的学习小案例
一步步带你做vue后台管理框架(二)——上手使用
闲扯再多不会用也没白搭,这节课我来带大家直接上手框架,体验到简单方便之后你就会爱上这个框架欲罢不能的。
首先跟所有的vue项目一样,两种方式,一种去项目github地址:vue-framework-wz上下载代码包到本地,或者使用 无论哪种方式,只要我们能够拿到整个代码包就…
mongodb+express+vue代码实现掘金最热文章收藏评论分析
刚把掘金最热文章收藏评论分析的思路发出去后,就收到很多掘金好友的喜欢和阅读,这也让我更有信心把整个实现过程一步一步记录下来,让有兴趣的前端童鞋也可以熟悉前后端。虽然整个功能简单,但也算实现了整个过程,希望能帮助前端的童鞋梳理一下自己的思路;以前也曾有过很多疑惑,数据库怎么和后端…
vue快速入门的三个小实例
用vue做项目也有一段时间了。但是关于vue入门基础的文章,我还没有写过,那么今天就写vue入门的三个小实例,这三个小实例是我刚接触vue的时候的练手作品,难度从很简单到简单,都是入门级的。希望能帮到大家更好的学习和了解vue,也是让自己能够复习一下vue。如果发现文章写得有什…
使用 NodeJS+Express 开发服务端
本文是利用 NodeJS+Express 开发一个服务器程序,Express 是一种保持最低程度规模的灵活 Node.js Web 应用程序框架,为 Web 和移动应用程序提供一组强大的功能。
推荐五个Vue2的免费教程
一步一步学习Vue 2 (Laracasts) Jeffrey Way一直都有发布他web开发的教程。他曾经在30天内教会了我使用jquery。在Laracasts上有他免费的VueJs教程,并且宣称是“世上最深入的vuejs系列”。在你学习完本课程后,你将不需要再去操作DOM…
基于Vue2的数据管理系统-DBM
使用DBM在每次导入表格成功后将生成对应表格的查看、编辑(包括添加)和删除三个权限项,在角色管理页面对指定角色授予某项权限,另外还包含十余项系统权限属于不可修改权限,只有最高级别管理员拥有。 进入指定表格后可以对其进行一些自定义的数据筛选、导入、导出等基本操作,采用后台分页与解…
基于Vue全家桶制作的的高仿美团APP
鸣谢:该项目核心部分参考了慕课网精英讲师ustbhuangyi的课程,其余部分高仿美团APP构建。 前端菜鸟项目,大佬们轻喷~ 美团外卖APP ? 项目演示地址:http://39.108.232.27:9000 ? GitHub:https://github.com/bx…
《HelloGitHub》第 16 期
分享、推荐 GitHub 上好玩、容易上手的项目,帮你找到编程的乐趣。随着推荐项目的小伙伴逐渐增多,月刊内容的丰富程度有所提升,欢迎更多的人加入本项目中,再次感谢大家的支持与鼓励 ? 。
BetterScroll:可能是目前最好用的移动端滚动插件
作者:滴滴webapp架构组-付楠 BetterScroll 是一款重点解决移动端各种滚动场景需求的开源插件(GitHub地址),适用于滚动列表、选择器、轮播图、索引列表、开屏引导等应用场景。 为了满足这些场景,它不仅支持惯性滚动、边界回弹、滚动条淡入淡出等效果的灵活配置,让滚动…
juggle是一个极简的、组件式的js框架。无依赖,完美闭包,灵活且适合渐进学习,可与任何框架整合。包含(支持冒泡的事件、Tween、MV框架、http、websocket、资源、模块)等组件,按需选择组件,不绑架开发者。
juggle是一个极简的、组件式的js框架。无依赖,完美闭包,灵活且适合渐进学习,可与任何框架整合。包含(支持冒泡的事件、Tween、MV框架、http、websocket、资源、模块)等组件,按需选择组件,不绑架开发者。
一次 H5 「保存页面为图片」 的踩坑之旅
- 需求 最近丁香医生的产品大佬又双叒叕搞事情,想要在 H5 中做一个医生邀请提问的功能,可以将医生的二维码名片分享出去,支持移动、PC 和微信。之前的图片是由后端生成的,并且会缓存三天,导致信息更新不及时。由前端来做就能避免这些问题。 2. 方案 html2canvas.j…
Express使用手记:核心入门
欢迎加群交流,群号 197339705。 入门简介 Express是基于nodejs的web开发框架。优点是易上手、高性能、扩展性强。 易上手:nodejs最初就是为了开发高性能web服务器而被设计出来的,然而相对底层的API会让不少新手望而却步。express对web开发相关…
[[译] 2017 年比较 Angular、React、Vue 三剑客 ](https://juejin.im/entry/5a0d5…
为 web 应用选择 JavaScript 开发框架是一件很费脑筋的事。现如今 Angular 和 React 非常流行,并且最近出现的新贵 VueJS 同样博得了很多人的关注。更重要的是,这只是一些新起之秀。 那么我们如何选择使用哪个框架呢?列出他们的优劣是极好的。我们将按照…
主题色提取
在做音乐webapp的时候,被腾讯的一款本地音乐播放器(轻听)的播放界面惊艳到了(如下图),于是决定‘复制’下来。 首先想到的是绘入canvas中利用getImageData提取数据然后分析得到主题色,因为用的qq音乐api遇到了跨域问题,在解决跨域问题后(具体方法看这里跨域那…
localStorage 还能这么用
只知道用 localStorage 存储键值对,那你就 out 了
移动 Web 开发问题和优化小结
到目前为止,互联网行业里,手机越来越智能化,移动端占有的比例越来越高,尤其实在电商,新闻,广告,游戏领域。用户要求越来越高,网站功能越来越好,效果越来越炫酷,这就要求我们产品质量越来越高,web前端开发而言是一个挑战,是一个难题,也是一个机遇。如何让我们所开发的手机页面能有更好…
Node.js 入门:Express + Mongoose 基础使用
详细的描述了从入门学习使用express+mongoose实现增删查改的知识点
HTML5+JS 拖拽与点击上传
目前 GET 到的 HTML5 文件上传