• BLOG
  • ARCHIVE
  • GITHUB
  • RESUME
  • RSS
  • 一个Flex布局的实例

    Jul 3, 2016

    Flex布局是一种更有效,更灵活布局方式,主要思想就是赋予容器(container)改变内部子项目(items)的宽度、高度或次序,通过子项目的扩展/收缩,以达到最好的利用可用空间的目的。

    Flex还有一个更重要的特点,它是无方向性的(block是垂直向布局,inline是水平向布局),也因而更灵活。

    ...more
  • SHSubway项目笔记4-mongoDB+JavaScript

    Jun 20, 2016

    目录结构

    • 1.mongoDB执行js脚本
    • 2.mongoDB大量删除数据空间释放问题
    • 3.JavaScript中深复制和浅复制
    ...more
  • 小tips-CSS篇1

    Jun 16, 2016

    1.block vs inline vs inline-block

    常用的inline元素有:a span img input br select small strong等

    常用的block元素有:div p h1-h6 form table ul ol等

    ...more
  • SHSubway项目笔记3-D3+LeafLet绘图

    May 27, 2016

    最近又把之前读的论文找出来重读,寄希望在反复阅读中能找到灵感,这个过程有点难过,就像刚刚接触一样东西,盲人摸象一样,好像知道它大概是个什么,又深觉不得要领。

    而读论文又不像写代码,可以明确的知道写了多少行,做了什么效果。成果很难衡量,所以最近常常苦恼。

    下面继续整理最近解决的问题,结构目录如下:

    • 1.在leaflet绘制的地图上,用D3添加元素
    • 2.JavaScript的Date对象,加上一段时间
    • 3.line chart的转折点的光滑处理
    • 4.D3坐标轴样式
    ...more
  • SHSubway项目笔记2-mongoDB+node.js边用边学

    May 20, 2016

    从五一假期回来到今天5月20号,从node.js和mongoDB的小白,到现在基本完成了第一步的目标。截图留念。

    ...more
  • SHSubway项目笔记-mongoDB+node.js边用边学

    May 17, 2016

    最近在用mongoDB搭建可视化系统的数据库,记录一下使用过程中解决的问题

    目录结构:

    • 1.将csv文件导入到mongoDB
    • 2.使用mongoose建Model时,集合名称自动加s变复数的问题
    • 3.mongoDB数据库中将时间从字符串格式转换成Date日期格式
    • 4.循环集合更新文档中的某些字段**
    • 5.node.js+mongoDB教程**
    ...more
  • Cookie简介及相关操作

    May 15, 2016

    今天来介绍下Cookie的相关知识及操作,包括设置Cookie的设置,读取和删除等。

    什么是Cookie
    由于HTTP是一种无状态的协议,服务器单从网络连接上无从知道客户身份。怎么办呢?就给客户端们颁发一个通行证吧,每人一个,无论谁访问都必须携带自己通行证。这样服务器就能从通行证上确认客户身份了。这就是Cookie的工作原理。
    Cookie实际上是一小段的文本信息。客户端请求服务器,如果服务器需要记录该用户状态,就使用response向客户端浏览器颁发一个Cookie。客户端浏览器会把Cookie保存起来。当浏览器再请求该网站时,浏览器把请求的网址连同该Cookie一同提交给服务器。服务器检查该Cookie,以此来辨认用户状态。服务器还可以根据需要修改Cookie的内容。

    ...more
  • 地图坐标体系介绍及其互转工具

    May 14, 2016

    今天在用leaflet的时候发现,手头数据的经纬度坐标是基于百度地图体系的,在leaflet中用openstreetmap会有很大的偏移,解决了偏移问题,顺便了解了一下不同地图使用的坐标体系,整理如下:

    先说一说现有的坐标体系:

    ...more
  • JavaScript中的正则表达式

    May 8, 2016

    最近一直用到正则表达式,今天跟着教程系统学习了一下,整理笔记如下:

    1.字符串操作函数

    • search
    • substring
    • charAt
    • split

    1.1 search

    1
    2
    var str='abcdef';
    alert(str.search('b'));//1, 找到则返回所在位置
    ...more
  • addEventListener vs onclick

    Mar 28, 2016

    今天来说一说addEventListener来添加事件和直接添加的区别,下面用“onclick”事件作说明。

    形式1:element.onclick = function () { }; //等价于内联的事件
    形式2:element.addEventListener(‘click’, function () { } , false); //最后一个参数控制冒泡事件,为false则阻止事件冒泡。

    ...more
NEXT

© 2015 - 2016 Mia Wang