jQuery
miyacnn
专
展开
-
ajax应用
前端与后台合作过程中,提供接口,请求参数,返回参数等,这些在项目合作中是必不可少的。这样就要用到ajax来请求。下面做一个简单例子来说明这些,同时作为记录。A项目接口A项目设置是否同步B项目接口接口的作用:A项目设置是否同步B项目接口联系人:XXX@163.com接口的完整链接:http://HTTP请求的方式:POST请求参数的含义:userid:XX用户...2014-04-30 16:25:35 · 81 阅读 · 0 评论 -
仿支付宝首页效果图(较完整)
这个主要是做的项目中用的效果图,奉献出来 主要的代码其实在上一篇博文中也都有体现。、<!DOCTYPE html><html><head><meta charset="gbk" /><title>大金融</title><link rel="stylesheet&quo2014-04-17 14:17:47 · 1191 阅读 · 0 评论 -
仿支付宝首页效果图
下面提供仿支付宝首页的效果图,淡入淡出的,直接上代码 <!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>仿支付宝首页效果图</title2014-04-17 11:36:00 · 525 阅读 · 0 评论 -
瀑布流的实现原理(不固定列)
OK,我们接到上一篇瀑布流的实现,下面我们来讲讲不固定列的实现瀑布流像花瓣网,百度图片的实现方式一样。根据调整窗口也就是可视区的大小来改变显示图片的列数。同时也有个运动的效果。实现原理:布局:有一个容器,为相对定位,里面的img为绝对定位。数据添加:因为每张图片的宽度是固定的,高度是不固定的。所以我们先要算出可视区的宽度能放下几列图片,然后在算出每列图片的高度,由高度最低...2014-04-03 11:28:12 · 490 阅读 · 0 评论 -
jQuery实现星级评分
前面有一篇原生js实现星级评分 。可能覆盖面不是很广,现在给出一个jquery实现的星级评分<div class="star"><span>jQuery星级评论打分</span><ul><li><a href="javascript:;">1</a>&2014-03-24 16:40:48 · 318 阅读 · 0 评论 -
入门级seajs
13年在部门做了一个简单的分享seajs,温故一下。 js模块化我们看一下问题 1,当你的网站开发越来越复杂的时候,会经常遇到这些问题吗? 比如说冲突,比如说性能,比如说依赖这些问题用模块化开发都可以解决。 那么我们先看一下这些问题怎么产生的。多人开发。如:问题1,A:写的js,common.js有:function tab(){}f...2014-03-21 10:36:08 · 122 阅读 · 0 评论 -
仿win8的磁铁效果
最近做了一个仿win8的磁铁效果使用seajs封装模块,,并且通过传参做到通用。js代码如下://@charset "utf-8"define(function(require,exports,module){function initCt(wrapSelectStr,wrapInner,topValue,into){$(wrapInner).mouseover(f...原创 2014-03-14 16:16:10 · 345 阅读 · 0 评论 -
grunt 单独压缩多个js和css文件
使用grunt来压缩前端js,css文件因为最近做的客户端本地项目有用到十几个js,js提交之前都需要压缩。用grunt压缩已经不是什么新鲜事了,,之前的项目用的是别人给我配置好的。所以也没有去深究。这次类型不同了不需要去上传只需文件压缩。所以下午自己去研究了下grunt确实很好用。 我们这里需要对js和css单独压缩。网上很多都是合并压缩。本人觉得多个js合并之后会存在隐形问题。还...2015-01-21 09:41:53 · 145 阅读 · 0 评论 -
把textarea内容中回车转<br/>传给后台 显示的时候把<br />转成换行显示到textarea中...
1,把textarea内输入的内容中有回车换行的转成<br />传给后台, var content = $("#text").val().replace(/\n/g,"<br />"); 2,把请求下来的数据在显示到textarea中的时候把<br />的在统一转为换行显示 var news = $(dat...2014-07-03 18:18:31 · 1917 阅读 · 0 评论 -
逐行分析jQuery源码奥秘-2
接上一篇的。(4300,5128) on() trigger() 事件操作的相关方法(5140,6057) DOM操作 添加,删除,获取,包装,(6058,6620) css() 样式的操作,如:兼容性,像素,百分比等等都有处理(6621,7854) 提交的数据和ajax()的操作。如:ajax(),load(),getJson()等等方法(7855,8584)animate() 运动的...原创 2014-01-16 17:02:17 · 149 阅读 · 0 评论 -
逐行分析jQuery源码奥秘-1
逐行分析jQuery源码奥秘-1 我们要把jquery先从整个大局的分析,在从大的模块分析,最后在逐行分析。()()把匿名函数放到小括号里,,匿名函数自执行,好处(就是在这个匿名函数里面写的都是局部,防止冲突)。全部 是局部的那也不行,我们也要在外面找到一些方法 如:$(),所以要对外提供接口。(8826)window下挂载$()与JQuery(...原创 2014-01-16 14:47:53 · 397 阅读 · 0 评论 -
jquery 实现文字闪动效果
有个项目,之前添加记事成功是弹出一个提示框提示,添加成功,产品经理觉得这样不是很友好,但是不提示又不知道是不是添加成功,又不知道明确知道当前添加的是哪一条,所以:想让添加的当条信息闪动几下,然后停止。就OK下面就来说说实现的原理:1,先要获取到最新一条记事的pid,这个pid可以是后台给你接口中返回的值。2,在添加成功后来闪动这条记事,3,闪动的方法可以写到函数里,直接调用。...2014-06-05 10:09:10 · 621 阅读 · 0 评论 -
jquery中each和push详细介绍以及ajax的简单实例
1,js中push()的用法:2,jquery中each()遍历方法3,结合使用实例 一,push()定义和用法push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。语法arrayObject.push(newelement1,newelement2,....,newelementX) 参数 描述newelement1 必需。要添加到数组...2014-05-29 18:54:07 · 931 阅读 · 0 评论 -
查看HTML,CSS,JS,等属性方法对浏览器或者其他设备的支持情况
近期发现一个网站很好用了,可以查看HTML,CSS,JS,等属性方法对浏览器或者其他设备的支持情况。里面有,IE(4-11)版本,Firefox各版本,Chorme,Safari,Opera,ios opera, Opera Mini,Android Browser,Blackberry Browser,IE Mobile,输入你不确定的属性就可以查到改属性是不是对他们支持。htt...2014-05-03 16:59:13 · 320 阅读 · 0 评论 -
requirejs模块化开发后的合并压缩
requireJs 项目压缩合并必要性 requireJs好处无需过多介绍,为了应对日益复杂,大规模的Javascript开发,我们一般将复杂的逻辑划分成一个个小单元模块,化整为零。这个时候一个项目要引用几十个单元也是有可能的,每个单元都是一个js文件,如果上线的都是这些小的文件,每次加载页面都要向服务器发起这么多请求,将对性能造成一定影响。所以现在就需要一个工具可以将这些文件在不影...2015-10-22 16:34:19 · 220 阅读 · 0 评论