仿造京东快报

已于 2022-03-15 22:51:39 修改
阅读量1k 收藏 3
点赞数
分类专栏： Web 文章标签： webview html css
于 2022-03-15 22:42:43 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_62387059/article/details/123514595
版权

这几天把以前写的东西进行整理

HTML：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>仿京东快报</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .box{
            width: 350px;
            height: 200px;
            border: 1px solid black;
            margin: 50px auto;
        }
        .box ul{
            list-style: none;
            height: 40px;
            line-height: 40px;
            padding-left: 20px;
        }
        .box h1{
            font-style: 18px;
            font-weight: 100;
            color: rgb(197, 190, 190);
            border-bottom: 1px dashed rgb(179, 170, 170);
            height: 35px;
            line-height: 35px;
            text-indent: 2em;
        }
        a{
            text-decoration: none;
            font-style: 14px;
        }
        span{
            font-weight: 30px;
            color: rgb(150, 143, 143);
        }
        /* 变颜色 */
        a:hover{
            color: coral;
        }
    </style>
</head>
<body>
    <div class="box">
        <h1>京东快报</h1>
        <ul>
            <li><span>[特惠]</span><a href="">海飞丝去油又去屑</a> &nbsp; <a href="">c超级清爽</a></li>
            <li><span>[公告]</span><a href="">我刘家奕好帅</a> </li>
            <li><span>[特惠]</span><a href="">刘家奕是宇宙无敌大帅哥</a> &nbsp; <a href="">超级划算</a></li>
            <li><span>[公告]</span><a href="">iphone 10086 pro 只要一块钱</li>
        </ul>
    </div>
</body>
</html>

刘家奕_
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
iOS开发常用三方库、插件、知名博客
Quinn's blog ! I'm glad to be here!
02-03 1万+
TimLiu-iOS iOS开发常用三方库、插件、知名博客等等，期待大家和我们一起共同维护，同时也期望大家随时能提出宝贵的意见（直接提交Issues即可）。 持续更新。。。版本：Objective-Cgithub排名 https://github.com/trending,github搜索：https://github.com/search主要工作说明： 1. 重新整理了Xcode好用的插件，
iOS 强大第三方资源库
weixin_34237596的博客
03-08 1万+
Github用法 git-recipesGit recipes in Chinese. 高质量的Git中文教程. lark怎样在Github上面贡献代码 my-git有关 git 的学习资料 gitignore非常赞 有用的.gitignore模板集合(忽略上传的文件集合)，包含了各种语言. 完整App@ open-source-ios-apps- iOS开源App集合，分：swift与Objec...
iOS开发工具,ios开发类库
热门推荐
u014616159的博客
08-23 1万+
,iosUI组件介绍,iOS开发常用工具整理,ios开发总结 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SDWebImage多个缩略图缓存组件 UICKeyChainStore存放用户账号密码组件 Reachability监测网络状态 DateTools友好化时间 MBProgressHUD一款提示框第三方库 M...
iOS最全的三方库、插件、博客汇总
华仔的博客
11-10 9888
目录 UI@ 日历三方库@ 下拉刷新@ 模糊效果@ 富文本@ 图表@ 颜色@ 表相关@(TabbleView、Tabbar、即时聊天界面) TableView@ CollectionView@ 隐藏与显示@ HUD与Toast@ 对话框@ 状态栏@ 导航栏@ 设置@ Switch@ Cate
iOS 第三方库插件和知名博客
she_yufan的博客
08-17 8313
TimLiu-iOS Swift版本点击这里 欢迎加入QQ交流群: 594119878 介绍 这是一个用于iOS开发的各种开源库、开源资料、开源技术等等的索引库. github排名 https://github.com/trending,github搜索：https://github.com/search 使用方法 根据目录关键字搜索，记得包含@，以保证搜索目录关键字的唯一...
IOS 资料收集
HiroGuo 的博客
02-18 4969
IOS 资料收集 用到的组件 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SDWebImage多个缩略图缓存组件 UICKeyChainStore存放用户账号密码组件 Reachability监测网络状态 DateTools友好化时间 MBProgressHUD一款提示框第三方库 MWPhotoBrowser一款简单的 iOS 照片...
ios非常全的库iOS开发 非常全的三方库、插件、大牛博客等等
架构师的一小步的博客
12-12 2168
https://github.com/Tim9Liu9/TimLiu-iOS      TimLiu-iOS UI 下拉刷新 EGOTableViewPullRefresh- 最早的下拉刷新控件。 SVPullToRefresh- 下拉刷新控件。 MJRefresh- 仅需一行代码就可以为UITableView或者CollectionView加上下拉刷新或者上拉刷新功能。可
干货,收藏
sinat_32972877的博客
03-02 6209
TimLiu-iOS Swift版本点击这里 欢迎加入交QQ流群: 594119878github排名 https://github.com/trending,github搜索：https://github.com/search使用方法：根据目录关键字搜索，记得包含@，以保证搜索目录关键字的唯一性。引入评价机制：根据作者们的主观评价，对库是用”赞”、“很赞”、“非常赞”这3个评价伺候，便于
仿造京东的套餐购买列表
04-04
本案例“仿造京东的套餐购买列表”旨在为开发者提供一个参考实现，帮助他们理解和创建类似的购物体验。源码文件名为"DYCPackage"，意味着它是一个动态组件包，可能包含了实现这一功能所需的各种类、视图和控制器。 ...
京东详情页
07-09
总结来说，仿造京东详情页的开发，不仅涉及到UI组件的灵活运用，还需要注重代码结构的优化，确保项目的可读性和可维护性。通过合理的架构设计、性能优化以及测试，我们可以打造出一个高效、稳定且易于扩展的电商应用...
可以仿造ip
12-25
### IP头部构造与仿造技术解析 #### 一、IP头部结构详解 在TCP/IP模型中，IP数据包是互联网通信的基本单位。IP头部作为数据包的重要组成部分，负责携带必要的控制信息，确保数据能准确无误地从源主机传送到目的...
仿造蜜雪冰城制作的App
12-30
【标题】: "仿造蜜雪冰城制作的App" 这个标题表明我们要讨论的是一个应用程序（App），它的设计灵感来源于或模仿了知名的饮品品牌——蜜雪冰城。蜜雪冰城是一家广受欢迎的连锁冷饮店，以其物美价廉的产品而著名。这...
仿造win10-UI
08-18
【标题】"仿造win10-UI"项目是一个JavaScript实现的前端工程，旨在复刻Windows 10操作系统用户界面的外观和交互体验，尤其适用于平板电脑设备。它利用了现代浏览器对HTML5特性的良好支持，以创建一个与原生系统相似...
解决 Hbuilder打包 Apk pad 无法横屏 以及 H5 直接打包 成Apk
一码归一码@
12-18 6150
下面是创建app 项目 wap站首页地址 可以配置 你H5的登录页 也可以是 你的index 页面 然后 会有一些 配置 你可以去百度 manifest.json 这个 配置文件 配置一下 就可以了 很方便 打包后直接 可以安装 到手机上。如果 你有自己的H5 也可以 自己去创建一个空壳 只需要 加上你 H5的请求地址 就可以了。当然 你的 H5前提是做了 自适应 不然 样式会很丑的。下面是manifest.json 配置文件。
Web前端：HTML篇（四）头部head标签与样式表的导入
sjb2274540432的博客
07-24 985
样式表（Stylesheet）是一种用于定义网页内容外观和布局的文件。它通常与HTML文档一起使用，帮助开发者控制网页的视觉效果、排版、以及元素的呈现方式。最常见的样式表语言是CSS（Cascading Style Sheets，层叠样式表）。以下是样式表的一些主要特点和功能：（GPT说的）分离内容和表现：样式表允许将网页的内容（HTML）与其设计（CSS）分开，使得网站的维护和更新更加方便。例如，可以修改样式，而无需改变HTML结构。控制布局和外观。
Web前端：HTML篇（一）
sjb2274540432的博客
07-22 1118
超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。
html实现酷炫美观的可视化大屏(十种风格示例，附源码)
最新发布
xcLeigh
07-25 2514
html实现酷炫美观的可视化大屏(十种风格示例，附源码)，大屏源码，可视化大屏模板源码，html可视化大屏源码下载，内含十种不同风格的大屏可视化代码，详细的讲解，酷炫的线条，美观的设计，让图文图表结合的更融洽。兼容各种大屏，调整页面到合适的分辨率，F12全屏观看。各种风格都有，代码上手简单，代码独立，可以直接使用。也可直接预览效果。
使用vue3加ts仿造京东首页写一个页面
09-13
### 回答1： 好的，我可以回答这个问题。使用Vue3和TypeScript来仿造京东首页是可行的，需要使用Vue CLI来创建项目，然后使用Vue Router来管理路由，使用Vuex来管理状态，使用axios来进行数据请求，使用Element UI来构建页面组件。同时，需要熟悉Vue3和TypeScript的语法和特性，以及京东首页的设计和布局。 ### 回答2： 使用Vue 3和TypeScript可以轻松地仿造京东首页并编写一个类似的页面。首先，我们需要建立一个Vue项目，并确保项目中安装了Vue 3和TypeScript依赖。 接下来，我们可以根据京东首页的布局和组件结构来重建页面。可以使用Vue的组件化开发方式，将页面拆分为多个组件，从而增加代码的可维护性和复用性。 在编写组件时，使用Vue 3的Composition API可以更好地管理组件的生命周期和状态。在组件中，可以使用`<template>`标签来定义组件的HTML布局，使用`<script>`标签来编写组件的逻辑和处理函数，使用`<style>`标签来定义组件的样式。 在编写逻辑部分时，可以使用TypeScript的类型系统来提供更好的代码提示和类型检查。可以定义接口或类型来描述组件所接收的props和数据结构，并使用泛型来约束函数的输入和输出。 在仿造京东首页时，可以使用Vue Router来实现不同页面之间的导航和路由跳转。可以使用axios或其他HTTP库来进行异步数据请求，并使用Vuex来进行全局状态管理。 最后，可以使用Vue的指令、过滤器和动画等特性来增加页面的交互效果和动画效果。可以使用京东的样式和图片资源来使页面更加逼真地仿造京东首页。 综上所述，使用Vue 3和TypeScript可以轻松地编写一个仿京东首页的页面。通过组件化开发、Composition API、TypeScript的类型系统以及Vue的特性和库的支持，我们可以快速构建出一个功能完备、交互流畅的仿京东首页页面。 ### 回答3： Vue3是一款流行的JavaScript框架，而TypeScript是一种类型安全的编程语言。结合这两者，我们可以使用Vue3和TypeScript来仿造京东首页写一个页面。 首先，我们需要创建一个Vue3项目并安装所需的依赖。在终端中运行以下命令： ``` vue create jingdong-page cd jingdong-page ``` 然后，我们可以使用Vue组件的方式来构建页面。在src目录下创建一个components文件夹，并创建一个名为Home.vue的文件。 在Home.vue中，我们可以使用Vue的模板语法和组件的概念来构建页面的结构和样式。例如，我们可以创建一个顶部导航条组件和一个商品列表组件。 ```html <template> <div> <my-header></my-header> <my-goods-list></my-goods-list> </div> </template> <script lang="ts"> import { defineComponent } from 'vue' import MyHeader from './MyHeader.vue' import MyGoodsList from './MyGoodsList.vue' export default defineComponent({ components: { MyHeader, MyGoodsList, }, }) </script> <style scoped> /* 样式 */ </style> ``` 接下来，我们可以创建MyHeader.vue和MyGoodsList.vue两个组件来实现顶部导航条和商品列表的样式和逻辑。在这些组件中，我们可以使用TypeScript的类型注解来增加代码的可靠性。 ```html <!-- MyHeader.vue --> <template> <header> <!-- 导航条内容 --> </header> </template> <script lang="ts"> import { defineComponent } from 'vue' export default defineComponent({ name: 'MyHeader', // 类型注解 props: { // 属性 }, // 方法 methods: { // 方法 }, }) </script> <style scoped> /* 样式 */ </style> ``` ```html <!-- MyGoodsList.vue --> <template> <ul> <!-- 商品列表内容 --> </ul> </template> <script lang="ts"> import { defineComponent } from 'vue' export default defineComponent({ name: 'MyGoodsList', // 类型注解 props: { // 属性 }, // 方法 methods: { // 方法 }, }) </script> <style scoped> /* 样式 */ </style> ``` 最后，在src目录下的main.ts中，我们可以导入并使用Home.vue组件来渲染页面。 ```typescript import { createApp } from 'vue' import Home from './components/Home.vue' createApp(Home).mount('#app') ``` 这样，我们就使用Vue3和TypeScript仿造了一个简单的京东首页页面。通过组件化和类型注解，我们可以更好地组织代码和管理状态，提高代码的可维护性和可读性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

刘家奕_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值