how2j.cn


工具版本兼容问题
学习完了前端的HTML CSS JavaScript等各项技术之后,会有一个感慨,各个知识点分开都不难,但是要做出一个成型的,好看的,时尚的网页,就无从下手。

这就需要经验的积累了。

本项目是一个十分接近天猫官网的网站

点击进入: 模仿天猫官网

本项目90%的内容是由纯 Html CSS和JQuery完成,你可以学习到如何使用最原本的html和css完成天猫这样量级的前端效果。

学习本项目过程中,能够学习到如何考虑布局,细节怎么处理,积累宝贵的前端项目经验
面试的时候,多一项谈资多一层砝码多一些薪水



7分56秒
本视频采用html5方式播放,如无法正常播放,请将浏览器升级至最新版本,推荐火狐,chrome,360浏览器 如果装有迅雷,播放视频呈现直接下载状态,请调整 迅雷系统设置-基本设置-启动-监视全部浏览器 (去掉这个选项)




HOW2J公众号,关注后实时获知最新的教程和优惠活动,谢谢。


最近10个提问
2020-01-26 边框折叠这个完全没用啊
空白丨旋律




我以为站长的蓝色下边框是用边框折叠写出来的,然后我也边框折叠了然后specing:3px,发现下面的产品分割线怎么写都合不拢了。 最后才发现站长的border-collapse: separate;是哄人的
加载中

							

							





回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到





2020-01-21 我和站长思路不太一样,没有在每个订单上加attr了
空白丨旋律




感觉交互比布局好写多了,每次写HTML和CSS都头疼,看了站长的写法增加了一个新思路
加载中
$(function(){
    $("div.my-order div.order-type div.alone-type").mouseup(function(){
        var name = $(this).attr("name")
        $("div.my-order div.order-type div.alone-type").each(function(){
            $(this).css("border-bottom","2px solid #e8e8e8")
            $(this).children().css("color","black")
        })
        $(this).css("border-bottom","2px solid #c40000")
        $(this).children().css("color","#c40000")
        $(this).children().css("text-decoration","none")
        $("div.my-order div.alone-product").each(function (){
            var aa = $(this).html()
            if(aa.indexOf(name)!=-1){
                $(this).css("display","block")
            }else{
                $(this).css("display","none")
            }
        })
    })
})
<div class="order-type" >
                <div class="alone-type" style="border-bottom: 2px solid #c40000;" name="天猫"><a href="#nowhere" style="border-left: 0px solid white;color: #C40000;">所有订单</a></div>
                <div class="alone-type" name="付款"><a href="#nowhere">待付款</a></div>
                <div class="alone-type" name="待发货"><a href="#nowhere">待发货</a></div>
                <div class="alone-type" name="确认收货"><a href="#nowhere">待收货</a></div>
                <div class="alone-type" name="评价"><a href="#nowhere">待评价</a></div>
            </div>

							


1 个答案

how2j
答案时间:2020-01-24
good ,自己思考,用自己的方式做出一样的效果,这就非常的好啦。



回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到





2020-01-16 给卖家留言那一块的textarea为什么要隐藏
2020-01-15 这个项目90%的内容是由纯 Html CSS和JQuery完成,请问有用到什么框架吗?
2020-01-15 不是同一家店的商品是不是应该分成两个订单呀?
2020-01-15 自己写的js,许多和站长的不一样,顺便把删除操作也写上了,发上来请大家批评指正
2020-01-12 你好,像这么多控件,篇幅过大且重复,有没有考虑用js代码批量实现
2020-01-12 在图片预加载中的each循环问题?
2020-01-12 在图片预加载时,为什么要把图片保存到<div class="img4load hidden">中
2020-01-09 轮播加载慢




提问之前请登陆
提问已经提交成功,正在审核。 请于 我的提问 处查看提问记录,谢谢
关于 实践项目-天猫前端-项目简介 的提问

尽量提供截图代码异常信息,有助于分析和解决问题。 也可进本站QQ群交流: 982790551
提问尽量提供完整的代码,环境描述,越是有利于问题的重现,您的问题越能更快得到解答。
对教程中代码有疑问,请提供是哪个步骤,哪一行有疑问,这样便于快速定位问题,提高问题得到解答的速度
在已经存在的几千个提问里,有相当大的比例,是因为使用了和站长不同版本的开发环境导致的,比如 jdk, eclpise, idea, mysql,tomcat 等等软件的版本不一致。
请使用和站长一样的版本,可以节约自己大量的学习时间。 站长把教学中用的软件版本整理了,都统一放在了这里, 方便大家下载: https://how2j.cn/k/helloworld/helloworld-version/1718.html

上传截图