我的心是看不见的快车,永远在路上

© 梦想家
Powered by LOFTER

用connect-mongo​将session储存

数据分析开发日志:

2014.5.19日

使用connect-mongo将session储存在数据库中

安装

$ npm install connect-mongo


因为我使用的是Express4.0 其中对去除了中间件支持。所以还需要安装express-session。


var session = require('express-session');

var MongoStore = require('connect-mongo')(session);

一开始看到案例是这样的

app.use(session({

    secret...

在NodeJS中使用mongoDB的group方法.

在NodeJS中使用mongoDB的group方法...


最近刚接触mongdoDB,遇到一个这样的问题:

背景是我需要在nodejs中操作数据库使用group分组数据。

  1.  已确认写的group代码可以在Mongo控制台中能执行成功。

  2. nodeJS使用自带mongoDB驱动

但是发现node-mongodb-native的文档里面对group的介绍太深,我根本找不到。以至于我一度以为nodejs不能使用mongdoDB的一些复杂的查询语句,只能使用find等一些简单的操作。

在Mongo中大概是这样

  1. var newUser = db.ana_usage...

查询json - jfunk

想查询json文件

用一中比较优雅的方式

junk.js

支持的语法

  *
    name[atr]
    name[atr=val]
    name:first
    name:last
    #id
    .class
    parent > child

范例

var Food={
   ...

替代text-indent:-9999px

隐藏文字喜欢用text-indent:-9999px

但是再移动端这会很影响性能(真的吗?)

小优化. 

.hide-text{

     white-space: nowrap;

     text-indent: 100%;

     overflow: hidden;

 }


Mac Countly体验记录

Mac Countly体验记录

Countly是一个很强大的实时移动APP数据统计....恨不得装来体验一下

安装教程 https://count.ly/resources/installation/countly-server-installation


1

第一步  sudo apt-get update

发现mac下无法使用apt-get

只好装Parallels Desktop虚拟机 下个 ubuntu Linux13.04

一切就绪

2.

再虚拟机中

按部就班的执行

到10步 sudo npm install time

root...

获得网页宽度高度

网页可见区域宽: document.body.clientWidth
网页可见区域高: document.body.clientHeight
网页可见区域宽: document.body.offsetWidth (包括边线的宽)
网页可见区域高: document.body.offsetHeight (包括边线的高)
网页正文全文宽: document.body.scrollWidth
网页正文全文高: document.body.scrollHeight
网页被卷去的高: document.body.scrollTop
网页被卷去的左: document.body.scrollLeft
网页正文部分上: window...

图片渐进式显示

  • JS延迟载入,原理是滚动条滚到的时候将图片地址填入。

  • 大图片切割成小图片,逐个载入。太土了,之前做采用了这种方法是因为看到了《剑灵》首页用了这种方法,但太浪费http连接。少量的背景大图是可以的。

  • 图片渐进显示。PS 保存成web格式选择jpg连续即可。


Illustrator + Fontlab 初尝 CSS icon

下面的三个小icon经过多次的修改再电脑上的效果勉强还好,但在手机上就有很大的毛边。看着着实不舒服。这让我打起了CSS font-face的算盘。


  1. 安装 Illustrator 和 Fontlab 各种渠道怎么获得我不知道

  2. 将psd文件导出成eps文件 并用ai打开。

  3. 在ai里尽量放大一下图标.太小下面导入的时候会变形。

  4. 打开FontLab,新建或者随便打开一款字体:

  5. 将ai的图标解开分组后一个一个复制粘贴进来.然后可以生成字体了。


使用方法:

声明

@font-face {...


CSS3属性:position: sticky;

  • 遇到问题

最近用想实现一个功能是类似与淘宝详情的 导航,在滚动到顶部的时候导航栏不消失,而是固定再顶部。


  • 方案一

最开始我直接使用js和css实现:

.fixed{position:fixed;top:0;}.


var header = document.querySelector('.header');

var origOffsetY = header.offsetTop; 

  function onScroll(e){ window.scrollY>= origOffsetY ? header

使用console.table()调试

天啊,我竟然没有发现这么个牛逼的调试函数

var languages = [    { name: "JavaScript", fileExtension: ".js" },    { name: "TypeScript", fileExtension: ".ts" },    { name: "CoffeeScript...

1/10