一道前端开发题目，会的来做下

luyue15 2012-05-18 02:40:12

左图为RadioBox(单项选择框)形式之一，请提供实现思路。（考虑数据提交、优雅降级）

============
求达人

...全文

219 6 打赏收藏转发到动态举报

写回复

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

001007009 2012-05-19

打赏
举报

回复



<!DOCTYPE HTML>

<html>

	<head>

		<meta charset="gb2312" />

		<title></title>

		<style>

			ul {margin:0; padding:0; list-style:none; }

			

			ul {

				margin:200px;

				font-family:arial;

			}

			li {

				position:relative;

				float:left;

				margin-right:10px;

				width:36px; height:36px;

				background:url(http://i.vanclimg.com/joinimages.ashx?d=/36/product/&href=0/1/7/017364/76590,0/1/7/017364/16010,0/1/7/017364/05720,0/1/7/017363/95720,0/1/7/017363/75420,0/1/7/017364/66590,0/1/7/017364/56300,0/1/7/017364/46300,0/1/7/017364/36300,0/1/7/017364/26010,0/1/7/017363/85420,0/1/7/017363/65420) no-repeat;

				border:1px solid #ddd;

				cursor:pointer;

			}

			.pro2 {

				background-position:0 -72px;

			}

			.pro3 {

				background-position:0 -144px;

			}

			li span {

				display:none;

				position:absolute; right:0; bottom:0;

				width:14px; height:13px; overflow:hidden;

				background:url(http://i4.vanclimg.com/others/2012/4/25/sprites1.png) no-repeat -1151px 0;

			}

			.cur {

				border-color:#a10;

			}

		</style>

	</head>

	<body>

		<ul id="pro">

			<li title="商品1"><span></span></li>

			<li title="商品2" class="pro2"><span></span></li>

			<li title="商品3" class="pro3"><span></span></li>

		</ul>

		<input id="text" />

		<script>

			;(function(){

				var $ = function(id){

					return document.getElementById(id);

				};

				var $t = function(tag, cot){

					cot = cot || document;

					return cot.getElementsByTagName(tag);

				};

				var objs = $t('li', $('pro'));

				var cur;

				var text = $('text');

				for(var i = 0, len = objs.length; i < len; i++){

					objs[i].onclick = function(){

						this.className += ' cur';

						$t('span', this)[0].style.display = 'block';

						text.value = this.title;

						if(cur){

							cur.className = cur.className.replace(' cur', '');

							$t('span', cur)[0].style.display = 'none';

						}

						cur = this;

					}

				}

			})();

		</script>

	</body>

</html>

asuka986 2012-05-18

打赏
举报

回复

[Quote=引用 4 楼的回复:]

优雅降级是什么意思啊？
[/Quote]

我认为和渐进增强是一个意思 - -

x269147836 2012-05-18

打赏
举报

回复

优雅降级是什么意思啊？

asuka986 2012-05-18

打赏
举报

回复

找得准 +1

luyue15 2012-05-18

打赏
举报

回复

擦楼上找的真准

看了一下午不知道从何入手

谢谢先学习下

001007009 2012-05-18

打赏
举报

回复

这个不是淘宝ued的小测试吗？

http://www.lanrentuku.com/js/form-723.html

http://zyiangel.blogbus.com/logs/109197922.html

空了稍后写一个。

想要了解前端从业者的工作职责，需要从一个完整网站应用产生流程入手，一个网站应用从无到有的过程大致如下：1）产品经理与甲方反复沟通交流，逐步确定产品需求完成设计草图；2）产品经理根据需求和草图进行分析，提交 PRD（需求文档），并与开发人员协商软件功能；3）若PRD（需求文档）协商通过，后端开发团队进行可行性分析并完善方案；在一定的准备过后，进入后端开发，并给出开发文档；4）产品经理根据协商通过后的PRD，制作原型和设计文档，并交付设计团队；5）UI/IxD等不同职责的设计师，根据设计文档和原型产出高保真原

# 前言 2020 12月 1+X Web 前端开发中级模拟题大致就更这么多,我的重心不在这里,就不花太多时间在这里面了。但是，说说1+X Web前端开发等级考证这个证书,总有人跑到网上问：这个证书有没有用？这个证书含金量高不高？ # 关于考不考因为这个是工信部从2019年才开始实施试点的，目前还在各大院校试点中，就目前情况来看，知名度并不是很高，有没有用现在无法一锤定音，看它以后办的怎么样把，软考以前也是慢慢地才知名起来。能考就考吧，据所知，大部分学校报考，基本不用交什么报考费(小部分学校，个别除.

这篇文章来自一个全新的专栏，该专栏的发布内容是前端面试中笔试部分真题、答卷类、机试等等的题目，题目类型包括逻辑题、算法题、选择题、问答题等等，除了内容的分享，还有解析和答案。真实来自某些互联网公司，坐标广东广州。这篇文章分享的是2023年某科技公司前端开发（小程序开发）的面试过程以及问道的面试题，面试的岗位是初级前端开发，问的内容主要是与面试官交谈中、分析简历的过程中提出，主要包括有个人技术能力、简历的项目经验、工作经历来展开提问和交流，接下来通过本篇文章描述了。

不点蓝字，我们哪来故事？1、scrollWidth,clientWidth,offsetWidth的区别scrollWidth：对象的实际内容的宽度，不包边线宽度，会随对象中内容超过可视区后而变大。clientWidth：对象内容的可视区的宽度，不包滚动条等边线，会随对象显示大小的变化而改变。offsetWidth：对象整体的实际宽度，包滚动条等边线，会随对象显示大小的变化而改变。2、怎...

亲爱的朋友们：今天，我演讲的题目是《Web前端开发职业技术要求规划》。这个世界有很多不平凡的人，也有更多平凡的人，你是属于哪一种呢？我曾经即当过学霸也当过学渣，从小不爱学习的我，每一科成绩都不及格，成天和朋友们出去玩耍，然而是什么时候开始转变成为学霸的呢？那就是我的父亲教我数学的那一刻起，我的学习突飞猛进，在班里每次考试不是第一就是第二，再也不用老师教我数学了，哈哈哈！！！我当时坐在倒数第二排的边边角角的位置，那绝对是“爱玩耍，爱讲话”的风水宝地，天天拉着前面的女同学愉快的交流起来，当时的成绩可想而知

87,994

社区成员

224,697

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章