难度系数：简单关键词：css print 实践 处理前截图：处理后截图： 实践小结 第一次接到网页要提供打印，可能会有些不知所措，我这里只说下遇到表格、图像、列表项内容在尾部被断开的问题处理。 方案选用的是直接调用window.print()方法; 本次用到的只是处理固定块内容不被截断，对于不想被断开的元素设置css值page-break...

看到species网站做的很炫，想要借鉴，发现主要是用css3的clip-path实现的，兼容不好，因此想着用js实现下。下面作简单介绍，需要详细代码见github库。

难度系数：简单关键词：length outerHeight position 前言 案例很简单，但是对于初学者可以延伸学习下jquery的相关知识点： 判断选择的元素是否存在用length; 获取元素的高度height()与outerHeight()的异同； 判断元素位置position()与offset()的异同。 应用场景： 在做动态创建目录的时候，选择的条目不在可视区域，如...

思路一是用png，优点是简单直接，缺点就是非矢量，可能有锯齿，多端需要多张图；思路二是用svg，优点是矢量，可以直接用svg标签也可以像图片一样单独引用，缺点就是需要一点学习成本。

上一篇讲了JS动画定时器相关知识，这一篇介绍下缓动函数及流行的动画库。 熟悉的图 实际使用 jquery animate()+jquery.easing插件的使用： {代码...} 原生js使用：张鑫旭同学的文章 缓动函数知识 什么是缓动函数？我的理解是动画参数与数学公式结合的函数。 各流行库缓动函数对比，以easeInQuad为例，如图： Tween.js jQ...

广义说：一切通过js改变的视觉呈现都叫动画；例如，按钮，链接等元素交互反馈。狭义说：通过定时器连续调用js函数进行元素属性改变产生的视觉动画效果。

一般情况下，我们给块状元素（四边形）添加阴影样式，直接用css box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);就可以了，但是总有一些需求是那么的特别，例如下图：

前两篇介绍了入门相关知识及对keystonejs整体可用性评估，这篇介绍下开始实际运用中的页头页脚部分，因为马上项目忙了，这个先匆匆的作个收尾。

1，HTMLImageElement.width是一个unsigned long 类型反映了 width HTML 属性, 说明图像在CSS像素中渲染的宽度。

上一篇讲了keystonejs的环境搭建，helloworld跑起来之后，实际运用中会发现各种问题，今天就说下富文本编辑器的问题（针对后端不熟的同学）。

基础环境 Node.js 0.10+ 和MongoDB v2.4+； 基础知识 javascript，nodejs，npm，数据库，cms； 执行命令 安装脚手架 {代码...} 创建项目并进入目录 {代码...} 安装Yeoman（脚手架是用Yeoman制作的） {代码...} 运行脚手架 {代码...} 环境搭建完成 启动 {代码...} 访问 前台页面[链接]:3000后台页面[链接]:3000/keystone ...