12 2014 档案
摘要：摘要： 段落首字母放大是指放大段落开头的字母或者汉字，主要使用了css的first-letter伪类选择器。单行放大： 在第一行内放大，效果如下： Document This is a test article. This is a test arti...
阅读全文
摘要：摘要： 标签是 HTML 5 中的新标签，用来定义嵌入的内容，比如插件。类似于HTML 4.01 中的object和applet标签。我们要在网页中正常显示flash内容，那么页面中必须要有指定flash路径的标签，也就是OBJECT、APPLET和EMBED标签。applet适用于外网访问，用...
阅读全文
摘要：摘要： 最近在开发项目使用了数据库MongoDB，我将它的使用方法整理下分享给大家。至于mongoDB有什么优点，大家可以到官网去看。安装： 首先我们需要到官网下载适合自己系统的mongodb。windows： 你可以在命令窗口中输入下面命令来查看自己的系统参数，选择对应的版本wmic os ...
阅读全文
摘要：摘要： 下面所有的插件有很大的功能,我相信大多数会帮助你即将到来的项目。借助他们可以使你的网站更加绚丽多彩。Lens Flare in JavaScript 这个jQuery插件可以帮助你处理图片，比如你可以在图片上添加一束光。下面这个图，可以控制太阳绕着地球旋转How to Create Aj...
阅读全文
摘要：摘要： MVVM(ModelViewViewModel)是一种帮助开发者将数据从模型分离的设计模式。MVVM的ViewModel负责将数据对象从模型中分离出来，通过这种方式数据就很容易控制数据如何显示在视图上。创建View-Model对象： 首先我们需要创建一个View-Model对象，他是控制...
阅读全文
摘要：摘要： 表单验证是每一个项目必不可少的，他能够帮助我们过滤不正确的用户输入，保证系统数据正确。例如下面这样：kendo-ui也有自己的表单验证方法，下面就分享下kendo-ui的表单验证方式。基本方法：var validatable = $("#myform").kendoValidator()....
阅读全文
摘要：摘要： 最近项目中有一个特殊的需求，下拉选择部门，但是部门的层级关系要在下来框中体现出来，如下图下面我就把实现的过程分享给大家，代码如下：dropdowntreeview.js/* * * DropDownTreeView * https://github.com/jsExtensions/ken...
阅读全文
摘要：摘要： 前面介绍了less的变量和extend语法，今天在研究下混合属性(Mixin)。混合可以说是less的另一个特征，你可以将通用属性定义在一块，然后使用时直接调用此混合属性。混合： 在LESS中我们可以定义一些通用的属性集为一个选择器，然后在另一个选择器中去调用这些属性. 例如：.a, #...
阅读全文
摘要：摘要： 作为CSS的一种扩展，Less不仅完全兼容CSS语法，而且连新增的特性也是使用CSS语法。这样的设计使得学习Less很轻松，而且你可以在任何时候回退到CSS。less文件是以less作为文件后缀名，HTML引用时可以像css那样引用，如下：注意：本文描述的一切都是基于1.4.0版本，除非...
阅读全文
摘要：摘要： 前面介绍了使用javascript生成二维码，但是这样并不能满足我们的需求，我们有时也会看到带有logo的二维码，本文就介绍如何生成带有logo的二维码。简介： 主要使用了svg的文本和图像，我这里也有介绍的，可以先了解这个再来看。二维码使用qrcode.js生成首先分享下在二维码中插入...
阅读全文
摘要：摘要： svg与canvas一样都可以将文本和图像放在画布中，制作出不一样的效果。下面是如何使用svg来渲染文本与图像。简介： SVG的强大能力之一是它可以将文本控制到标准HTML页面不可能有的程度，而无须求助图像或其它插件。任何可以在形状或路径上执行的操作（如绘制或滤镜）都可以在文本上执行。尽...
阅读全文
摘要：摘要： 百度百科上是这样介绍二维码的：二维码（Quick Response Code），又称二维条码，它是用特定的几何图形按一定规律在平面（二维方向）上分布的黑白相间的图形，是所有信息数据的一把钥匙。在现代商业活动中，可实现的应用十分广泛，如：产品防伪/溯源、广告推送、网站链接、数据下载、商品交易...
阅读全文
摘要：摘要： 前面分享了一些less的是用方法，包括在grunt中，今天在分享下使用gulp来编译less文件。首先需要安装gulp，如何安装请看文章。安装插件： gulp编译less使用了gulp-less模块，所以package.json如下：{ "name": "gulp-less", ...
阅读全文
摘要：摘要： gulp与grunt一样，都是自动构建工具。和grunt相比它更突出一个流的概念，任务是一个接一个执行的。今天就分享如何用gulp做自动化。安装： gulp也是基于node环境，所以安装gulp之前你需要安装node.js。 npminstall-ggulp只要在命令窗口中执行上面一行...
阅读全文
摘要：摘要： 最近项目中出现上传文件返回的json数据会被提示下载，只有在ie10+中才会出现这个问题。前端使用jQuery的插件ajaxForm提交表单，后台返回的数据格式为json。代码如下：后端Python：def jsonp(func): """Wraps JSONified output...
阅读全文
摘要：摘要： 之前介绍了canvas制作图像，今天再分享svg制作图像。简介： SVG意为可缩放矢量图形（ScalableVectorGraphics）。SVG使用XML格式定义图像。svg具有以下优势：SVG可被非常多的工具读取和修改（比如记事本）SVG与JPEG和GIF图像比起来，尺寸更小，且可压...
阅读全文
摘要：摘要： 之前项目用过Less，现在负责的项目也要使用，所以就总结下Less，也方便以后查看。本文主要是讲浏览器端如何使用Less。简介： LESS是一种由AlexisSellier设计的动态层叠样式表语言。LESS 是开源的，其第一个版本由Ruby写成，但在后续的版本当中，Ruby逐渐被替换为J...
阅读全文
摘要：摘要： 现在已经有许多站点使用Node.js，所以在Node.js上配置Less环境也是很重要的，下面分享下如何在Node上使用Less开发，前提是你电脑上已经安装node。安装： 只需要执行下面一句就完成全局安装Less编译模块npm install -g less命令行中调用： 全局安装完...
阅读全文
摘要：摘要： 之前介绍了自动构建工具Grunt，其中有一个模块是"grunt-contrib-less"，下面是配置Grunt自动编译less文件。安装： Grunt是基于node，功能模块化。你可以将grunt-contrib-less配置在package.json中然后npm install就完成...
阅读全文
