构建基于Javascript的移动web CMS——加入jQuery插件

【构建基于Javascript的移动web CMS——加入jQuery插件】的更多相关文章

构建基于Javascript的移动web CMS——加入jQuery插件

当看到墨颀 CMS的菜单,变成一个工具栏的时候.变认为这一切有了意义.于是就继续看看这样一个CMS的边栏是怎么组成的. RequireJS与jQuery 插件演示样例一个简单的组合示比例如以下所看到的,在main.js中加入以下的内容 requirejs.config( { "shim": { "jquery-cookie" : ["jquery"] } } ); 接着在另外的文件里加入 define(["jquery"],…

构建基于Javascript的移动web CMS——Hello,World

在一篇构建基于Javascript的移动web CMS入门--简单介绍中简单的介绍了关于墨颀CMS的一些原理,其极框架组成.于是開始接着应该说明一下这个CMS是怎样一步步搭建起来. RequireJS 使用库及依赖这里用的是bower的JS来下载库.具体能够參考一下bower install js使用bower管理js 这篇文章. 须要下载的库有 RequireJS Backbone Underscore Mustache jQuery 使用RequireJS 引用官网的演示样例 <!DOC…

构建基于Javascript的移动web CMS——模板

在上一篇<构建基于Javascript的移动CMS--Hello,World>讲述了墨颀 CMS的大概组成,并进行了一个简单的演示样例,即Hello,World.这一次,我们将把CMS简单的放到一个能够执行的服务器环境中,也就是说我们须要一个简单的执行环境,以便于进行更有意思的东西--加入�模板. 開始之前环境准备类Unix系统由于电脑上已经装有python了,这里便用python起一个简单的server,对于GNU/Linux.Mac OS等类unix系统来说,都能够这样执行: pyt…

构建基于Javascript的移动web CMS入门——简单介绍

看到项目上的移动框架,网上寻找了一下,发现原来这些一開始都有. 于是,找了个演示样例開始构建一个移动平台的CMS--墨颀 CMS,方便项目深入理解的同一时候.也能够自己维护一个CMS系统. 构建框架尝试过用AngularJS和EmberJS.发现对于使用AngluarJS以及EmberJS来说,基本的问题是要使用自己熟悉的东西没那么easy引入.并且考虑到谷歌向来对自己的项目的支持不是非常好~~,所以便放弃了AngluarJS的想法. 于是開始寻找一些方案,可是最后还是选择了一个比較通用的方案…

javaScript学习总结（二）——jQuery插件的开发

概要 jQuery插件就是以jQuery库为基础衍生出来的库,jQuery插件的好处是封装功能,提高了代码的复用性,加快了开发速度,现在网络上开源的jQuery插件非常多,随着版本的不停迭代越来越稳定好用,在jQuery官网有许多插件:http://plugins.jquery.com/ 一.插件开发基础 1.1.$.extend 在jQuery根命名空间下直接调用的方法可以认为是jQuery的静态方法或属性,常常使用方法名来调用,使用.方法名来调用,使用.extend这个静态方法可以完成两个功…

构建基于Javascript的移动CMS——生成博客(二).路由

在有了上部分的基础之后.我们就能够生成一个博客的内容--BlogPosts Detail.这样就完毕了我们这个移动CMS的差点儿基本的功能了,有了上节想必对于我们来说要获取一个文章已经不是一件难的事情了. 获取每篇博客于是我们照猫画虎地写了一个BlogDetail.js define([ 'jquery', 'underscore', 'mustache', 'text!/blog_details.html' ],function($, _, Mustache, blogDetailsTemp…

构建基于Javascript的移动CMS——加入滑动

在和几个有兴趣做移动CMS的小伙伴讨论了一番之后,我们认为当前比較重要的便是统一一下RESTful API.然而近期持续断网中,又遭遇了一次停电,暂停了对API的思考.在周末无聊的时光了看了<人间失格>,又看了会<一个人流浪,不必去远方>.開始思考所谓的技术以外的事情,也许这将是下一篇讨论的话题. 正在我对这个移动CMS的功能一筹莫展的时候.帮小伙伴在做一个图片滑动的时候,便想着将这个功能加进去,非常顺利地找到了一个库. 移动CMS滑动我们所须要的两个功能非常easy 当用户向右…

JavaScript 一个进行枚举选择的jquery插件（仿easyui风格）

某次做项目要实现一个功能: 按星期选择一个连续的时间范围比如:周一到周五,周六到周日或周六到周三聪明的朋友马上想出办法:用两个选项为周一到周日的下拉列表实现,对那样可以,但是我觉得不够友好, 所以利用业余时间写下了这个jQuery小插件. 源码:http://files.cnblogs.com/dint/easyui.daybox.rar 用法: 鼠标点击开始/结束项(红色部分,可自定义)进行选择和取消选择效果图: 周一到周五周六到周日周日到周三 <html> <…

7 款基于 JavaScript/AJAX 的文件上传插件

本文整理了7款基于JavaScript和AJAX的文件上传插件,这些插件基本上都能实现以下功能: 多文件上传拖拽操作实时上传进度自定义上传限制希望能为你的开发工作带来帮助. 1. jQuery File Upload 具有多文件上传.拖拽.进度条和图像预览功能的文件上传插件,支持跨域.分块.暂停恢复和客户端图像缩放.可与任何服务端平台(如PHP.Python.Ruby on Rails.Java.Node.js.Go等)一起使用,支持标准的HTML表单文件上传. 2. Pixelco…

10个精选的颜色选择器Javascript脚本及其jQuery插件

Color picker即颜色选择器使我们在web开发中可能经常用到的组件,今天我们特意精选了10个超酷的颜色选择器实现,其中包括了javascript脚本实现及其传说中的jQuery插件实现的颜色选择器,希望对大家工作和项目中有帮助. jQuery插件类 1. Color Picker 2. Farbtasic 3. jQuery Colors Pickers HSL javascript脚本类 4. mooRainbow 5. ColorPicker 0.9 6. ExColor (…