03 2017 档案

纯css实现3D字体
摘要：下面分别是html，css和js代码： 阅读全文
posted @ 2017-03-30 22:25 RachelChen 阅读(3919) 评论(0) 推荐(0)
创建一个方便设计的自定义栅格布局
摘要：让我们看看如何使用css创建栅格覆盖（grid overlay），这是响应式的，且很容易用户自定义，使用的是css变量（和"css custom properties"相对应）。 grid overlay是开发者的工具，而不是对于用户而言的。所以我们不需要过多的担忧浏览器兼容问题。可以使用postC 阅读全文
posted @ 2017-03-30 22:14 RachelChen 阅读(2514) 评论(0) 推荐(0)
css3加载spinner
摘要：使用代码制作一个加载旋转器spinner 实现的原理是： 1.两个圆圈，其中一个圆圈是使用pseudo元素（：before）产生 2.由pseudo元素生成的圆通过负数的z-index而作用在下面 3.由pseudo元素生成的圆圈有内置的阴影inset box-shadow 4.普通的圆圈有普通的阴 阅读全文
posted @ 2017-03-30 21:14 RachelChen 阅读(1616) 评论(0) 推荐(0)
动画图片预加载
摘要：我们想要动画，但是在很多时候都是要先加载元素图片之后才能进行动画，有时候更惨的是图片加载一半或者一部分就进行了动画。如何解决？？ ##问题：平行事件（parallel Events） 当我们在加载一个网站的时候，浏览器为了提高速度，浏览器会在加载和渲染html以及css的同事加载起来的内容，例如图片 阅读全文
posted @ 2017-03-30 20:55 RachelChen 阅读(2046) 评论(0) 推荐(0)
Building Performant Expand & Collapse Animations
摘要：t's starting to be pretty common knowledge that there are only 2 things you can animate cheaply in CSS: opacity and transforms. Anything else, you run 阅读全文
posted @ 2017-03-30 14:17 RachelChen 阅读(214) 评论(0) 推荐(0)
选取图片上对应区域
摘要：设计给了效果图片 要实现的效果如下 鼠标hover在最后一个button出现一个 方法是 css: 做法是将包裹图片的div设置absolute的定位，图片的宽度设置成100%，高度根据原图片的宽高比来计算，js设置这个div的高度， 之后使用三个div分别布局到三个按钮上面。 也可使用map 阅读全文
posted @ 2017-03-30 13:58 RachelChen 阅读(353) 评论(0) 推荐(0)
css绝对对齐
摘要：方法1：使用text-align:justify 能够兼容所有的浏览器，但是一定要在模块和模块或者字之间存在空格，换行符或者制表符，这样才能起作用 因为text-align-last:justify暂时只是支持IE，故在谷歌等浏览器中最后一行不会justify，所以我们使用after创作一个伪类，充 阅读全文
posted @ 2017-03-29 21:40 RachelChen 阅读(462) 评论(0) 推荐(0)
如何在node.js中使用neo4j
摘要：本章中你将会学到如何在node.js中使用neo4j图形数据库。 当你想存储或者查询和数据紧密关联的数据的时候，图形数据库很有用。 neo4j是一个可有效存储，处理和查询你数据模型中紧密相连的元素的数据库。 neo4j有很强大且灵活的数据模型，你可以使用其来表示你真实的，易变结构的信息，且不失真。 阅读全文
posted @ 2017-03-28 12:09 RachelChen 阅读(6270) 评论(1) 推荐(1)
io.js的六大新特性
摘要：io.js是nodejs的友好版的分支（"friendly fork”）。它支持npm中所有的同样模块，且使用了v8最新版本的截取（v8是被node.js使用js解释器），且修复了很多的bug，下面我们将讨论这些新特性： 在运行程序之前的预加载模块 新的node/iojs二进制有一个新的CLI选项用 阅读全文
posted @ 2017-03-28 11:23 RachelChen 阅读(1620) 评论(0) 推荐(0)
npm-install once
摘要：Once 是我最习惯的模块，它展示了几乎所有的我书写的通过issac Schlueter创建的应用。 原理很简单，Once使用各类一个函数且返回了一个函数，你可以调用这个函数，但是只能调用一次。如果你想调用多次，子函数的调用将不会受理。 下面防止你错误毁掉两次，且允许你更加安全的将回调处理函数直接附 阅读全文
posted @ 2017-03-23 17:50 RachelChen 阅读(177) 评论(0) 推荐(0)
什么是Grunt
摘要：Grunt，简而言之，就是运行在Node.js上面的任务管理器（task runner），其可以在任何语言和项目中自动化指定的任务。我们可通过npm来安装Grunt和Grunt插件 为什么使用Grunt？ 一词概括：自动化。 Grunt帮助你提高重复项目的性能，比如： Minification Co 阅读全文
posted @ 2017-03-23 16:51 RachelChen 阅读(5256) 评论(0) 推荐(0)
npm-install camo
摘要：camo是针对Node.js和MongoDB的对象模型mapper（object document mapper）（ODM） 可以喝Mongoose ODM互换，但是和其有显著的不同 文章主要关注了Mongo ODMs新增的ES6特性，这些特性将不支持例如classes 和 schema 继承等特性 阅读全文
posted @ 2017-03-23 14:41 RachelChen 阅读(433) 评论(0) 推荐(0)
在node.js中建立你的第一个HTTp服务器
摘要：这一章节我们将从初学者的角度介绍如何建立一个简单的node.js HTTP 服务器 创建myFirstHTTPServer.js 使用node 运行文件 上述已经在浏览器上打开了 http://localhost:8080 分析： node.js有用于穿件http/https 的 核心模块，因此我们 阅读全文
posted @ 2017-03-23 11:53 RachelChen 阅读(1493) 评论(0) 推荐(0)
highChart数据动态更新
摘要：highChart官网上通过ajax加载数据的例子 上面是第一次生成图表的时候使用 我想动态更新，在已经生成的图表上动态更新 但是只是改变了数据，没有改变name，也就是对线的标注解释 上面就成功了，效果是点击左上角select动态改变name和data update官网上不太推荐使用，理由 但是功 阅读全文
posted @ 2017-03-17 10:23 RachelChen 阅读(2557) 评论(0) 推荐(0)