Flydoing

理性地过,感性地活


  • 首页

  • 归档

  • 标签

  • 关于

  • 搜索

vue+socket.io+express+mongodb 实现简易多房间在线群聊

发表于 2017-10-17   |   分类于 vue,node,socket,mongodb   |     |   阅读次数
项目简介 主要是通过做一个多人在线多房间群聊的小项目、来练手全栈技术的结合运用。 项目源码:chat-vue-node 主要技术: vue2全家桶 + socket.io + node(express) + mongodb(mongoose) 环境配置: 需安装配置好 node,mongodb环境([参考:http://flydoing.github.io/categories/mongodb/); 建议安装 Robomogo 客户端来管理mongodb数据。 编译运行: 1.开启MongoD ...
阅读全文 »

express+mongoose 实现简易后台数据接口

发表于 2017-07-26   |   分类于 mongodb,node   |     |   阅读次数
之前刚入门vue并做好了一个简而全的纯vue2全家桶的项目,数据都是本地 json 模拟请求的;详情请移步这里:vue-proj-demo 为了真正做到数据库的真实存取,于是又开始入门了 node+express+mongoose 、并以此来为之前的vue页面写后台数据接口。 本文涉及的源码: vue-node-proj 基本数据模型 schema 以下涉及到mongodb操作的前提,是要配置好mongodb环境的;mongodb 的安装配置、mongoose 的基本使用,请参考 http:// ...
阅读全文 »

mongoose的基本使用

发表于 2017-06-19   |   分类于 mongodb   |     |   阅读次数
开始之前,没什么比过一遍官方文档更有必要的了:http://mongoosejs.com/ mongoose 是啥?有啥用?mongoose 是操作 MongoDB 的一个对象模型库;它封装了MongoDB对文档操作的常用处理方法(增删改查),让 NodeJS 操作 Mongodb 数据库变得快捷灵活。 本文所用到的完整代码:源码 安装 mongoose新建目录 s4_mongoose 和 test.js 文件: 123mkdir s4_mongoosecd s4_mongoosetouch ...
阅读全文 »

mac下mongodb的安装与配置

发表于 2017-06-18   |   分类于 mongodb   |     |   阅读次数
mac mongodb config 安装 mongodbinstall 之前,iTerm2 下用 brew 查看已安装软件、搜索 mongodb: 12brew listbrew search mongodb 安装 mongodb : 1brew install mongodb 此处需要稍等一段时间,成功后会输出以下即说明安装成功: 123456789101112$ brew install mongodbUpdating Homebrew...==> Downloading https ...
阅读全文 »

vue全家桶上手小项目

发表于 2017-06-17   |   分类于 vue   |     |   阅读次数
本文源码 实现功能主要用到的技术:vue-cli + vue2 + vue-router2 + vuex2 + axios + es6 + sass + eslint 主要实现的功能:页面的数据通过 axios 模拟请求本地的 json 文件获得;vue-router2 实现各页面的相互跳转;vuex2 全局状态的管理,如头部导航的标题内容,侧栏的显示状态;简易购物车功能,详情页加入购物车的商品,随机生成单价、商品名字;购物车的信息通过localstorage存储在本地;注册登录的信息也是通过l ...
阅读全文 »

子页面iframe跨域执行父页面定义的JS方法

发表于 2017-05-22   |   分类于 javascript   |     |   阅读次数
问题需求:父页面与子页面iframe跨域嵌套,子页面要触发父页面所定义的js方法、父子页面的数据传递。 下文中会用到一些文件:父页面: parent.html嵌在父页面的子iframe页面:child.html 同域时 iframe 调用父页面的JS方法在同域的情况下,子iframe页面可以很方便地直接调用父页面定义的JS方法:window.parent.fn(); 或者 window.top.fn();window.self: 当前窗口自身的引用window.parent: 上一级父窗口的 ...
阅读全文 »

pushState模拟页面后退触发自定义弹窗

发表于 2017-05-19   |   分类于 javascript   |     |   阅读次数
需求:在h5游戏页面,当用户首次点击后退按钮、退出当前页面之前,弹出自定义的弹窗提示。 beforeunload/unloadbeforeunload/unload 的触发当离开当前页面时,会触发 beforeunload;比如以下操作: 关闭浏览器窗口 点击返回、前进、主页,刷新页面 window.open(),location.href=’’,submit提交表单,等 beforeunload 与 unload 触发时间的区别:beforeunload 是在没新页面跳转之前触发,此时 ...
阅读全文 »

hexo 从 windows 转移至 Mac

发表于 2017-01-13   |   分类于 hexo   |     |   阅读次数
2016的年初新入手一个联想笔记本的时候,个人博客就由 wordpress 转向了 hexo ;2016的年末刚入手了一个 mac ,于是乎各种东西都得由 windows 转移到 mac;hexo 的搬家路: windows -> mac 。 总体思路真不难,基本思路就这样: 首先在新电脑上安装好 hexo,初始化根目录; 然后生成新的 SSH key,并将其添加到 github; 将旧电脑的文件、配置复制、直接粘贴覆盖在新电脑对应的目录。 具体实现安装 node/githomeb ...
阅读全文 »

wap手机小站开发总结

发表于 2017-01-11   |   分类于 项目   |     |   阅读次数
近期完成的一个 wap手机小站 ,过后稍微总结一下。 思考如今,angular/react/vue 的大热,使得 jquery 即将退去的形势变得更为明朗。思考一番,倘若如今摒弃了 jquery 、哪个框架会更合适自己目前的项目呢?当下的这个wap手机小站,大量的ajax数据进行前后交互,这不就是 SPA 单页面应用的趋势么?结合近期正在学到的 react-router ,觉得到时有必要将该 wap手机小站 用react来重构一下,为学习探索之用。 在这之前,还是先对当下这个刚完成的wap ...
阅读全文 »
12…4
Flydoing

Flydoing

Front-End

35 日志
18 分类
28 标签
GitHub Weibo
© 2016 - 2017 Flydoing
由 Hexo 强力驱动
主题 - NexT.Pisces