- 博客(39)
- 收藏
- 关注
RSS订阅转载 图片左右滑动整理为插件
在做web前端开发中，图片左右滑动的功能非常常用。在自己的改进下，这款插件支持1.滑动方向的控制，上下滑动，左右滑动。2.可随意改变滑动的区域大小3.滑动中的样式都可以自定义。4.兼容性良好，moz，ie，webkit5.对滑动加入延迟加载6.支持页面中的多处调用以下是代码解析：下看html结构： /*参数horizontal为1，水...
2014-04-21 00:10:00
192
转载 artDialog中的time参数，ajax请求中的异步与同步
一artDialog中的time参数，是用来表示几秒钟之后关闭对话框。但是在用的时候发现一个问题<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xml...
2014-03-30 15:43:00
230
转载 简单的图片放大镜效果插件
记录下html代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">...
2014-03-13 10:51:00
173
转载 3月份学习安排
1重新梳理自己所做的webapp2重点温习总结CSS3.0和HTML53当然不忘记，追剧《神盾局特工》转载于:https://www.cnblogs.com/huanhuan8808/p/3591228.html
2014-03-10 10:14:00
128
转载 前端好的网站
一：知名博客：1腾讯web前端博客 http://www.alloyteam.com/ 2http://www.zhangxinxu.com/wordpress/?p=518二、响应式开发：1响应式 http://mp.weixin.qq.com/s?__biz=MjM5NjA3ODI3Ng==&mid=200038720&idx=1&sn=...
2014-03-10 09:59:00
70
转载 web app开发中遇到的问题
1适应IOS，安卓，IOS的字体调整-webkit-text-size-adjust:none; 禁止在旋转的时候调节字体大小转载于:https://www.cnblogs.com/huanhuan8808/p/3570944.html
2014-02-27 10:41:00
106
转载 抢购商品的业务逻辑
抢购商品的业务逻辑转载于:https://www.cnblogs.com/huanhuan8808/p/3566276.html
2014-02-25 11:14:00
247
转载 写一个图片放大的效果，图片放大的插件
好好总结下前端页面中经常会用到的一些效果，到时候用的时候就省事很多的。现在弄一个图片放大的效果，在展示产品的时候经常用到。就算是展示自己的图片，也能展示的完美，这叫合理利用空间。思想内容是：当鼠标移动到小图片的列表区域中，将选中的图片克隆，然后将克隆的图片变大,鼠标移开，去掉克隆的html结构。<!DOCTYPE html PUBLIC "-//W3C//DTD...
2014-01-15 14:38:00
89
转载 移动站的产品交互
自己做公司产品的移动站已经有好几个月，在做前端开发中，遇到的点，整理如下。开发前：1，需要知道页面的宽度的适应范围，这个涉及到你的测试结果。首先你要明确产品的定位，是适应绝大多数手机，平板，还是全部适应。这个可以借鉴几大电商网站的移动产品，例如淘宝的http://m.taobao.com/,易讯的http://m.51buy.com/，这些都是适应320px-960px范围内...
2014-01-15 12:01:00
53
转载 label标签的for属性
在完成工作中，遇到了一个问题，就是一个div上面再放一个div（绝对定位），但是对下面div使用focus，没有任何反应。刚开始的代码是这样的：<div class="lm_public_box"> <label class="tips">所有会员都可以免费申请，无需支付邮费；每位会员共有3次提交申请机会，每次申请字数限制200字内；...
2013-12-29 23:29:00
250
转载 Axure高级教程--在原型中插入视频
因为只做web端的产品，网页中难免会有插入视频，在网页上插入视频。极为简单，直接将视频放上优酷，使用优酷生成的html代码，嵌入网页就可以了。但是axure本身不支持插入本地多媒体文件的功能。我在网上看到了一个极好的，简单的方法；1，找好音频、视频的链接及文件你可以使用本地文件，但是推荐你最好将其放上网络，一般放在优酷上面都是免费的。看下面图，找到对应的文件的链接。复...
2013-12-15 22:15:00
1474
转载 Axure制作iphone手机交互模型—覆盖切换
覆盖切换常用于需要用户输入内容或者选择操作的情况，具体效果为屏幕下方弹出界面将原有界面覆盖，完成操作后向下收回，显示原有界面。此操作一般表示界面之间没有层级性关联，弹出界面更像是一个临时界面，用完即关闭。步骤1：打开Axure软件从部件库中建立一个iphone的外壳模型作为模拟界面。2．为了方便区分，在界面加入图片，在屏幕上建立一个按钮“看cindy另一张“。3...
2013-12-08 22:35:00
517
转载 对产品的一些总结
入手产品工作也有接近一个多月，看过苏杰的《人人都是产品经理》，印象很深，产品经理把好需求这一关。现在正在进行自己人生中第一个产品。从产品搜集需求到产品成型以及后期的维护。我渐渐明白了自己工作的范畴和工作的中心。归纳为以下几点：1.产品需求文档看不看当我辛辛苦苦写出来一堆需求文档，跟UED的同学定好交互、视觉、重构；满以为技术会认真对待，但是你会发现，技术同学基本不会看你准备的...
2013-12-01 23:15:00
128
转载 详解Axure的Masters功能
masters的英文直译是主人或雇主，但是我认为这里可以叫做模板，或者复用模块。masters的文件，是页面中重复的模块，由于在不同页面中这些模块是一样的，所以拿出来作为一个模块编辑，然后在不同页面中进行调用。 这个功能类似于网页程序开发中的程序复用，不同页面中调用同一段程序，一般把这段程序单独做成一段页面程序，然后用include命令进行调用。master的文件就相当于这段被调...
2013-11-28 11:35:00
475
转载 详解使用Axure 制作Tab切换功能
我也是刚刚接触Axure，这个工具和HTML+CSS+JS作出的东西，在功能上基本在表面上没啥区别。对于不懂得技术的童鞋，简直就是福音。楼主，也是看了，英文版的教程，一步一步去做。这个是英文版的地址http://www.axure.com/learn/dynamic-panels/basic/tab-control-tutorial开始了1下载安装Axure进入A...
2013-11-10 17:09:00
265
转载 产品经理的初识
想转“产品”也不是一天两天的事情了，但是我一直对“产品经理”这个名词在内心没有确切的定义。最近，看看苏杰的《人人都是产品经理》，以及和公司从事“产品”的同事的交流。自己内心对产品已经有个大致的定义。“产品”：“为解决问题而存在的一种有形或者无形的一种载体”，无形可以说是一种服务，比如说：你使用的电话套餐。有形，你可以拿到一个具体的实物。比如说我今天买了一个笔记本。“产品经理”第一...
2013-11-03 15:56:00
125
转载 作为产品经理--如何写好PRD文档
PRD是每个产品人员最经常看到的文档，还是有很多产品的朋友问我PRD怎么写，如何才能表达清楚意思。其实PRD并没有规定的格式，每个公司都可以根据自己公司的实际需要来写适合自己产品团队的PRD。PRD（Product Requirement Document，产品需求文档），这对于任何一个产品经理来说都不会陌生的一个文档，一个PRD是衡量一个产品经理整体思维的标准，一个PRD可以看出 ...
2013-10-20 22:23:00
153
转载 HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth
最近在做一个简单的js效果，就是页面有个小车跟随滚动条的滚动而移动。但是发现问题的是，取滚动条距离文档上方的偏移量。scrollTop,和小车的offset().Top,的量有偏差。仔细研究下，HTML的精确定位，scrollLeft,scrollWidth,clientWidth,offsetWidth1.先解释几个概念：scrollHeight: 获取对象的滚动高度。...
2013-10-07 18:44:00
81
转载 HTTP基础知识
1.MIME1.1MIME（Multipurpose Internet Mail Extension多用途因特网邮件扩展），用来标记多媒体内容，说明白点，就是用来描述消息内容类型的因特网标准。MIME 消息能包含文本、图像、音频、视频以及其他应用程序专用的数据。1.2web服务器会为所有的HTTP对象附加一个MIME类型（见图）1.3MIME类型是一种文本标记，表示...
2013-09-23 17:52:00
88
转载 类似“一战到底”的答题程序
相信很多人都看过“一战到底”。现在，基于它的答题模式使用jquery写一个类似“一战到底”的中秋猜谜的程序；功能阐述：1.每个用户有五次猜谜机会，一次财迷机会中有五组题目（总共25道题目）；2.答题开始，倒计时开始；3.答题时间到没有答出问题，答案错误机会将减少一次；4.用户对每道题目可以去掉一个错误答案的权利；5.在答题时间到或者是答错答案后，可以返回重新猜题；...
2013-09-15 20:35:00
165
转载 用户登录后，对其基本信息的校验
在上一篇中，总结了如何在页面中弹出登录框。这篇中总结，用户登录后，对其基本信息的校验。功能阐述：1. 用户登录成功后，判断用户是否完善基本信息的；2.用户提交完善的信息后，对信息进行校验。具体的实例，参考这个专题 http://stopic.okhqb.com/kaixueji.html?preview=1因为上次已经讲解过如何在页面中弹出登录框，在此，不在赘...
2013-09-04 15:04:00
485
转载 页面弹出登录框的功能整理
功能阐述:1. 点击某个按钮，校验是否登录；2.未登录，页面弹出登录框；3.登录后，校验是否完善个人信息（手机号码，邮箱）；4.未完善信息，弹出完善信息框，完善之后保存；第一步，加载弹出框的样式文件<link rel="stylesheet" type="text/css" href="http://s.hqbcdn.com/??assets/v1/...
2013-08-23 16:16:00
210
转载 网页常用的jquery效果的整理
1 倒计时、$(function(){ var tYear = ""; //输入的年份 var tMonth = ""; //输入的月份 var tDate = ""; //输入的日期 var iRemain = ""; //开始和结束之间相差的毫秒数 var sDate = ""; ...
2013-08-18 21:26:00
58
转载 jquery实现图片左右滑动。
看看线上效果http://stopic.okhqb.com/guohuo.html?ad=gcsj使用jquery去做一个图片左右滑动的效果，首先，我们要考虑一下几点：1.处理向前的按钮；2.处理向后的按钮；3.处理，向前和向后出现临界值的情况；4.处理每次滑动的width;5.滑动的时候鼠标效果的切换;6.页面中有多个滑动效果怎么办？实现第一步，写好...
2013-08-09 18:07:00
868
转载 详解css属性 position
css属性 position:规定元素的定位类型（即选择哪种定位方式）。提示：这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。positon的值：1.1默认值：static，没有定位，元素出现在正常的流中（忽略 top, bottom, left, ri...
2013-07-30 11:01:00
90
转载 javascript，字符串和数组的反序排列
在程序中，我们经常会遇到将数组或者字符串反序排列1.数组的反序排列看看下面的代码function reverse(a){var len = a.length;//获取数组的长度var mid = parseInt(len/2);//获取数组长度的中间值，由于有可能是不是整数，将得到的数字转为整数//利用交换的思想，将数组内的元素放在相应的地方，循环次数为mid...
2013-07-26 15:47:00
283
转载 http简介
http（HyperText Transfer Protocol）是一套计算机通过网络进行通信的规则。http创建的目的：计算机专家设计出HTTP，使HTTP客户（如Web浏览器）能够从HTTP服务器(Web服务器)请求信息和服务，HTTP目前协议的版本是 1.1.HTTP是一种无状态的协议，无状态是指Web浏览器和Web服务器之间不需要建立持久的连接，这意味着当一个客户端向服务器端...
2013-07-21 17:14:00
56
转载 javascript图片轮播
html代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><h...
2013-07-14 22:04:00
107
转载 交换排序基本思想与实现
交换排序的思想是：两两比较待排序的关键字，发现两个关键字的顺序不对时候（数字大的在数字小的前面），交换位置，直到没有反序的数字为止。应用交换排序思想的排序有：冒泡排序和快速排序。一，冒泡排序：1.1基本思想：将被排序的数组arr[1,2,..n]，原则上是轻气泡在重气泡之上。扫描数组arr[],，凡扫描到违反本原则的轻气泡，就使其向上"飘浮"，即a[i] >a[i+1]...
2013-07-05 14:12:00
817
转载 jquery 图片横向动态展示
今天用jquery写了一个简单的图片横向动态展示，使用jquery极大的简化了js，对于jquery的初学者来说也容易理解。【原理简述】1、在此只添加了向右移动的按钮，添加向左的按钮的jquery代码，改变这些代码 if(page == page_count){ jq2.animate({left:'-0px'},'slow'); ...
2013-06-30 22:13:00
221
转载 最近联系人用到的两个异步请求方法 $.ajax(),$.get()详解
参与公司的im项目也有一个月左右的时间。现在，好好整理下im联系人分组功能中，用到的方法。1. $.ajax() 方法ajax()方法，通过HTTP请求动态加载远程的数据。该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数，除非...
2013-06-24 19:18:00
124
转载 jquery 选择器
jquery的选择器非常强大，使用了2个月左右。再次，对jquery选择器做个总结。选择器实例选取*$("*")所有元素#id$("#test")id="test"的所有元素.class$(".intro")class="intro"的所有元素element$("p...
2013-06-14 16:28:00
41
转载 响应式网页设计的实现
1.什么是响应式设计？响应式Web设计（Responsive Web design）的理念是：页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布 局、图片、CSS media query的使用等。无论用户正在使用笔记本还是iPad，我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等...
2013-05-30 18:49:00
213
转载 javascript 权威指南 第八章 函数
函数的定义：定义一次但却可以调用多次或者执行多次的一段javascript代码本章重点就是 用户定义的javascript函数的定义和调用。8.1 javascript中定义和声明函数的方法有三种：正常方法 构造函数 函数直接量。<html><head></head><body><script type="...
2013-05-23 21:25:00
82
转载 javascript权威指南，第七章 对象和数组
在javascript中，对象和数组是两种基本数据类型。对象是已命名的值的一个集合，而数组是特殊的对象，它是数组的一组有序的集合。7.1 创建对象对象就是一个无序的属性集合。每个属性都有自己的名字和值。方法一：在javascript代码中加入一个对象直接量。对象直接量是用逗号分隔开的一堆堆的属性名和值的列表，包含在一个花括号中，每个属性名可以是一个javascript标示符或...
2013-05-14 15:50:00
160
转载 javascript权威指南，第六章，语句
javascript语句是发给浏览器的命令。javascript语句的作用是告诉浏览器做什么。6.1表达式和语句JavaScript中的表达式和语句是有区别的.一个表达式会产生一个值,它可以放在任何需要一个值的地方,比如,作为一个函数调用的参数.下面的每行代码都是一个表达式:myvar3 + xmyfunc("a", "b")语句可以理解成一个行为.循...
2013-05-09 21:02:00
97
转载 javascript权威指南，第5章，表达式和运算符
5.1 什么是表达式？表达式就是javascript的一个“短语”，javascript的解释器可以计算，从而生成一个值。5.2 运算符概述javascript运算符包括：关键字运算符和标点运算符下面的表会给出运算符的优先级（优先级控制执行操作的顺序），结合性等。p列给出运算符的优先级，数字较大的优先级高于数字较小的。A列给出运算符的结合性，结合性L（从左到右），R（...
2013-05-02 10:47:00
152
转载 javascript权威指南，第4章，变量
4.1 什么是变量？变量是一个和数值相关的名字。我们经常说，变量“包含”或者“存储”了一个值。有了变量，在程序中就可以存储和操作数据了。所以说，变量就是一个用于存储数值的一个名字。4.2 变量的类型：Javascript是非类型（untype）值的，这就以为着javascript变量可以存放任意类型的的值。因为缺少类型规则，javascript可以快速的将一种类型的值转换成另...
2013-04-25 17:49:00
69
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人