mongodb数据丢失及问题分析

前言

大家新年好!祝大家2017年万事如意!从2016年12月30号~2017年元旦,haorooms官方博客数据库,数据二度丢失。怀疑被别人删除!在此声明:亲爱的黑客们,谢谢你们对我博客安全性的提醒,我已经升级mongodb数据库,增加了auth权限,希望不要再对我的博客进行攻击了,作为一名前端开发人员,对这些知识了解的还不够深入,希望您今后不要再攻击我的博客。

mongo数据丢失

mongo数据丢失,辛亏我有自动化脚本,每个周会自动备份数据,12月30号数据丢失之后,我恢复了12月24号的数据,但是最近两篇文章丢失了,因为博客文章和github上面文章同步的,我把github上面的最后2篇数据同步到现在博客,并进行了一次数据备份。由于12月30号晚上就要有事外出,12月30号还有工作上的事情,因此,简单的恢复了一下数据,就没有然后给博客增加了auth权限,但是发现nodejs启动不起来了,没有办法,我又取消了auth权限!

mongodb查询当前记录的上一条和下一条

前言

本博客是很久之前搭建的。前台模板也是很久之前写的,技术方面难免有些过时。代码书写的也比较乱。博客能保持到现在,还多谢各位同学不断的提意见和建议!前几天有同学提出,看博客比较费劲,能否新增上一篇文章和下一篇文章?因此,在原来基础上稍加一些改动,实现了上一页和下一页。因为本博客是nodejs+mongodb书写的,那么,mongodb如何实现查询当前记录的上一条记录和下一条记录呢?

mysql实现方法

mysql查询,网上有很多方法,通常我们用如下方法:

SPA单页面web应用的一些简介

SPA单页面应用

单页面web应用,在目前市面上应用越来越广泛,当然,实现方式也是有很多。有些单页面开发是通过React、Vue、Node、Web Components、Webpack等来实现。 当然也有一些其他的实现方式。但是大多数是通过hash或者pushsate来实现的。关于pushsate,我之前的一篇文章:ajax无刷新页面切换,历史记录后退前进解决方案,已经做了介绍。感兴趣的可以去看一下!为什么很多网站都在用单页面web?那是因为主要看中的是单页面web应用,无刷新界面,给用户体验原生的应用感觉。但是也有其缺点和不足。今天主要介绍一下简单的单页面web应用。

最简答的实现

最简答的实现方式是我们结合hash,采用的是div切换显示和隐藏,来实现。

html5图片随手机重力感应而移动效果

前言

昨天晚上,朋友分享了几个用ih5做的效果,感觉还不错!因此我用手机搜了了一下ih5的官网,发现首页就是一个还不错的效果,貌似是用重力感应来做的!感兴趣的同学可以手机搜索一下看一下这个效果!我今天稍微看了一下他们的代码,发现是用类似我之前分享的360看房这样的插件来做的!我之前的360全景看房地址http://www.haorooms.com/post/html5_360qj 只不过他们开启了重力感应,这个效果确实不错!因此,展开脑动,看看能不能用一张全景图,配合重力感应来简单的模仿一下这个效果呢?

实现方法一:重力感应

关于重力感应 ,我之前的一篇文章也写过,不清楚的可以去补习一下:http://www.haorooms.com/post/html5_DeviceMotionEvent

今天就简单运用这个知识来写一下:

js实现input中输入数字,控制每四位加一个空格(银行卡号格式)

前言

今天来讲讲js中实现input中输入数字,控制每四位加一个空格的方法!这个主要是应用于我们在填写表单的时候,填写银行卡信息,要求我们输入的数字是四位一个空格!今天主要介绍两种方式来实现这个方法!但是都运用到了键盘码。下面我就列举一下键盘码,以备后面查阅!

键盘各按键对应的数字

keycode 8 = BackSpace      |     keycode 9 = Tab              |   keycode 12 = Clear  
keycode 13 = Enter            |      keycode 16 = Shift           |   keycode 17 = Control 
keycode 18 = Alt               |      keycode 19 = Pause         |  keycode 20 = CapsLock
keycode 27 = Escape        |      keycode 32 = Space         |   keycode 33 = Prior