发表于: 2019-12-16 23:10:51

1 1045


今天完成的事情:今天完善了一下网页,了解了一下less
明天计划的事情:继续任务
遇到的问题:改页面bug花费较长时间
收获:学会使用锚链接,具体效果

如图,点击后端开发就可以直接跳到后端开发的位置,挺好用的,

代码

<a href="#123"><span class="bz1">后端开发</span></a>
        <a href="#456"><span class="bz1">移动开发</span></a>
        <a href="#789"><span class="bz1">整站开发</span></a>
<span class="bz1">运营维护</span>
    </div>
    <div class="c6" >
        <b>前端开发方向</b>
    </div>
    <div class="container-fluid">
        <div class="col-xs-12 col-lg-4 col-md-6 b2">
            <div class="col-xs-12 t1">
                <p>ios工程师</p>
                iOS 是由苹果公司开发的移动操作系统 [1] 。苹果公司最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统,最初是设计给 iPhone 使用的,后来陆续套用到 iPod touch
                、iPad 以及 Apple TV 等产品上。
                iOS 是由苹果公司开发的移动操作系统 [1] 。苹果公司最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统,最初是设计给 iPhone 使用的,后来陆续套用到 iPod touch
                、iPad 以及 Apple TV 等产品上。
            </div>
            <div class="col-xs-12 b3">
                <div class="col-xs-5 b10">

                </div>
                <div class="col-xs-7 b12">
                    <p><b><span style="padding-bottom: 0.5vw; display: block;"> web前端工程师</span></b>
                        web前端开发工程师,主要只测试用巴拉巴拉各种技术开发进行产品的商机开发</p>
                </div>
            </div>
            <div class="col-xs-6 b4">
                <span class="f1">门槛</span>
                <img src="./8/d2.png" alt="">
            </div>
            <div class="col-xs-6 b4">
                <span class="f1">门槛</span>
                <img src="./8/d2.png" alt="">
            </div>
            <div class="col-xs-6 b4">
                <span class="f1">成长周期</span><span class="f2">1-3</span>
            </div>
            <div class="col-xs-6 b4">
                <span class="f1">稀缺程度</span><span class="f2">345</span>家公司需要
            </div>
            <div class="col-xs-12 b5">
                <div class="col-xs-5 b6">
                    <span class="f1">薪资待遇</span>
                </div>
                <div class="col-xs-7 b7">
                    <div class="col-xs-12 b13">
                        <span>0-1年</span><span>5k-10k/月</span>
                    </div>
                    <div class="col-xs-12 b13">
                        <span>0-1年</span><span>5k-10k/月</span>
                    </div>
                    <div class="col-xs-12 b13">
                        <span>0-1年</span><span>5k-10k/月</span>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 b8">
                <b><span class="f2">345</span>人正在学</b>
            </div>
            <div class="col-xs-12 b9">
                <span class="f1">提示:在你学习之前应该已掌握XXXXXXXXX</span>
            </div>
        </div>
        <div class="col-xs-12 col-lg-4 col-md-6 b2">
            <div class="col-xs-12 t1">
                <p>ios工程师</p>
                iOS 是由苹果公司开发的移动操作系统 [1] 。苹果公司最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统,最初是设计给 iPhone 使用的,后来陆续套用到 iPod touch
                、iPad 以及 Apple TV 等产品上。
                iOS 是由苹果公司开发的移动操作系统 [1] 。苹果公司最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统,最初是设计给 iPhone 使用的,后来陆续套用到 iPod touch
                、iPad 以及 Apple TV 等产品上。
            </div>
            <div class="col-xs-12 b3">
                <div class="col-xs-5 b10">

                </div>
                <div class="col-xs-7 b12">
                    <p><b><span style="padding-bottom: 0.5vw; display: block;"> web前端工程师</span></b>
                        web前端开发工程师,主要只测试用巴拉巴拉各种技术开发进行产品的商机开发</p>
                </div>
            </div>
            <div class="col-xs-6 b4">
                <span class="f1">门槛</span>
                <img src="./8/d2.png" alt="">
            </div>
            <div class="col-xs-6 b4">
                <span class="f1">门槛</span>
                <img src="./8/d2.png" alt="">
            </div>
            <div class="col-xs-6 b4">
                <span class="f1">成长周期</span><span class="f2">1-3</span>
            </div>
            <div class="col-xs-6 b4">
                <span class="f1">稀缺程度</span><span class="f2">345</span>家公司需要
            </div>
            <div class="col-xs-12 b5">
                <div class="col-xs-5 b6">
                    <span class="f1">薪资待遇</span>
                </div>
                <div class="col-xs-7 b7">
                    <div class="col-xs-12 b13">
                        <span>0-1年</span><span>5k-10k/月</span>
                    </div>
                    <div class="col-xs-12 b13">
                        <span>0-1年</span><span>5k-10k/月</span>
                    </div>
                    <div class="col-xs-12 b13">
                        <span>0-1年</span><span>5k-10k/月</span>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 b8">
                <b><span class="f2">345</span>人正在学</b>
            </div>
            <div class="col-xs-12 b9">
                <span class="f1">提示:在你学习之前应该已掌握XXXXXXXXX</span>
            </div>
        </div>
        <div class="col-xs-12 col-lg-4 col-md-6 b2">
            <div class="col-xs-12 t1">
                <p>ios工程师</p>
                iOS 是由苹果公司开发的移动操作系统 [1] 。苹果公司最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统,最初是设计给 iPhone 使用的,后来陆续套用到 iPod touch
                、iPad 以及 Apple TV 等产品上。
                iOS 是由苹果公司开发的移动操作系统 [1] 。苹果公司最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统,最初是设计给 iPhone 使用的,后来陆续套用到 iPod touch
                、iPad 以及 Apple TV 等产品上。
            </div>
            <div class="col-xs-12 b3">
                <div class="col-xs-5 b10">

                </div>
                <div class="col-xs-7 b12">
                    <p><b><span style="padding-bottom: 0.5vw; display: block;"> web前端工程师</span></b>
                        web前端开发工程师,主要只测试用巴拉巴拉各种技术开发进行产品的商机开发</p>
                </div>
            </div>
            <div class="col-xs-6 b4">
                <span class="f1">门槛</span>
                <img src="./8/d2.png" alt="">
            </div>
            <div class="col-xs-6 b4">
                <span class="f1">门槛</span>
                <img src="./8/d2.png" alt="">
            </div>
            <div class="col-xs-6 b4">
                <span class="f1">成长周期</span><span class="f2">1-3</span>
            </div>
            <div class="col-xs-6 b4">
                <span class="f1">稀缺程度</span><span class="f2">345</span>家公司需要
            </div>
            <div class="col-xs-12 b5">
                <div class="col-xs-5 b6">
                    <span class="f1">薪资待遇</span>
                </div>
                <div class="col-xs-7 b7">
                    <div class="col-xs-12 b13">
                        <span>0-1年</span><span>5k-10k/月</span>
                    </div>
                    <div class="col-xs-12 b13">
                        <span>0-1年</span><span>5k-10k/月</span>
                    </div>
                    <div class="col-xs-12 b13">
                        <span>0-1年</span><span>5k-10k/月</span>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 b8">
                <b><span class="f2">345</span>人正在学</b>
            </div>
            <div class="col-xs-12 b9">
                <span class="f1">提示:在你学习之前应该已掌握XXXXXXXXX</span>
            </div>
        </div>
    </div>
    <div class="c6">
        <a href="" name="123"></a><b>后端开发方向</b>

明天继续任务

大致了解了一下less,Less (Leaner Style Sheets 的缩写) 是一门向后兼容的 CSS 扩展语言。这里呈现的是 Less 的官方文档(中文版),包含了 Less 语言以及利用 JavaScript 开发的用于将 Less 样式转换成 CSS 样式的 Less.js 工具。




返回列表 返回列表
评论

    分享到