【ZHYP005】子涵优品开发日志

最新推荐文章于 2024-05-05 18:17:26 发布
最新推荐文章于 2024-05-05 18:17:26 发布
阅读量148 收藏
点赞数
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_15299517/article/details/123929001
版权

标题栏的标题和icon修改

熟练使用Photoshop软件PS一张logo图片和icon图片：

image

image

主体部分的实现

主体部分总布局的拆分

image

通过观察，我们可以看到，这一部分是单独存在的：

image

排行榜部分布局拆分

image

猜你喜欢部分布局拆分

image

可复用组件的布局拆分

由于这里两个部分的样式一样，我们可以设计一个可复用的组件替换这两部分。

image

品牌部分布局拆分

image

现阶段效果

效果

黃子涵
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【ZHYP003】子涵优品开发日志
黄子涵
04-01 96
------------恢复内容开始------------# 编写静态页面 尚品汇这个项目的静态页面是老师已经写好了，所以我现在自己思考一下怎么写这个静态页面。 清除默认样式 在我们编写静态网页开始，编写静态页面时，我们应该首先把浏览器的默认样式清除，我们可以在这里下载reset.css，通过引入这个样式文件，把浏览器的默认样式清除掉。 三明治布局 遇到第一个问题总布局设计，我们打开尚品汇官网观察一下，总布局是由页眉，主体部分，页脚组成的，那我们可以用header、main、footer这三个标签去表示，
【ZHYP001】子涵优品开发日志
黄子涵
03-29 941
简介 这个是基于尚品汇项目开发的电商前端项目 vue-cli脚手架初始化项目 node + webpack + 淘宝镜像，因为这些我记得我的电脑之前已经安装好了，现在只要确认一下是不是版本号就行了。 确认npm、cnpm版本号 因为之前电脑就安装好npm和cnpm，所以现在确认是不是安装好了。 如何卸载掉和安装vue-cli脚手架 卸载vue-cli脚手架 因为操作错误安装了最新版的vue-cli，首先查看一安装是哪一个版本的vue-cli脚手架： 现在需要重新卸载重新安装一下，进入项目目录，输入命令：
【ZHYP004】子涵优品开发日志
黄子涵
04-01 98
footer部分 footer这里出现了一点问题，也给自己一个提醒，在遇到一些复杂的布局时，先别着急着写结构，先分析一下它的布局是什么样的，还需要画一下它的结构图，通过结构图来写HTML结构，同一层级的用同一个颜色的边框，方便我们进行编码： footer部分HTML结构 逐步拆分 从上图来看，这里的布局总体可以分为上下两部分，如果使用flex布局，那么就可以先写两个块元素，将这两个块元素填充颜色，将flex-direction设置为column，看会不会达到我们想要的效果： 页脚总体布局 HTML部分源码
【ZHYP002】子涵优品开发日志
黄子涵
03-30 154
项目目录分析 输出项目文件根目录 先进入项目目录文件夹，在控制命令行窗口输出项目目录： Microsoft Windows [版本 6.1.7601] 版权所有 (c) 2009 Microsoft Corporation。保留所有权利。 C:\Users\Administrator\Desktop\project>echo %date% %time% 2022/03/30 周三 6:46:15.37 C:\Users\Administrator\Desktop\project>dir
element-ui的bug记录
nick_zhang的博客
04-29 537
7.el-dialog组件在关闭时，会触发子组件的created/mounted生命周期。原因是当visible改变为false，即关闭dialog的时候，如果用户设置了destroyOnClose=true，则执行key++；key是绑定在较外层的div上的，key值的变化会导致这个div重新渲染。6.select 的 popper-append-to-body ,默认值为true;dialog的append-to-body,默认值为false;3.element表格前端分页。
【Web】CTFSHOW 中期测评刷题记录(1)
uuzeray的博客
05-02 1424
访问./cache/6a992d5529f459a44fee58c733255e86.php，命令执行拿flag。login.php是在./templates下的，而./flag.php与./templates均为web目录。注意到用./template/error.php中存在{{username}}，可以用其cache来写马。这时候重开下靶机再去读./templates/index.php，发现是给了提示的。访问./config/settings.php，命令执行拿到flag。
判断前端入参是否空否则提示前端写法
qq_39306234的博客
04-28 306
前端先声明一个变量，用于alert判断。在templeat中定义一个提示语句。然后在点击事件时判断一下是否展示。
前端调用WebSocket协议接口获取数据
m0_56023096的博客
04-29 369
createWs("测试数据", (res) => {
uni框架下的前端小知识
weixin_53908842的博客
04-30 301
1、direction：移动方向，可选值为all、vertical、horizontal分别表示所有方向、垂直、水平方向。3、out-of-bunds：移动超出界限是的处理策略，可选值为fail, bounce,分别表示失败、回弹。9、 scale-value:缩放的值，当scale为true时有效。7、friction:摩擦系数，取值范围【0，100】6、damping:阻尼系数，取值范围【0，100】8、scale：缩放比例，取值范围【0.5，10】4、x:水平方向的移动距离，单位制px。
基于若依框架搭建网站的开发日志（一）：若依框架搭建、启动、部署
最新发布
lzh804121985的博客
05-05 724
若依是一款开源的基于Vue+SpringCloud的微服务后台管理系统（也有SpringBoot版本），集成了用户管理、权限管理、定时任务、前端表单生成等各种基础功能，对于像我这种前端代码写不了一点的玩家来说十分友好！
springboot全局处理sql异常
qq_36022463的博客
04-28 355
引用：https://download.csdn.net/blog/column/12507643/134327833。springboot全局异常处理，不会去拦截sql异常，导致错误返回到前端，，将sql中的字段暴露出来，很危险，，因为ExceptionHandler 只认我们注入类的名称，，而。
vue如何如何组合组件并通讯
codemami的博客
05-02 834
在Vue中，组件的组合和通讯是构建复杂应用的关键部分。Vue提供了多种方式来组合组件，并允许组件之间进行通讯。-- 子组件 ChildComponent.vue -->-- 子组件 ChildComponent.vue -->通过自定义事件（$emit）来通知父组件。通过props属性向子组件传递数据。子组件通过props来接收数据。-- 父组件 -->-- 父组件 -->
彻底理清防抖和节流（前端性能优化）
夏日漱石的博客
04-28 863
前端有很多性能优化的方式，面对用户与网页的频繁交互，如输入框打字、按钮点击、滚动事件等，我们如何确保应用的响应既迅速又高效？ 大家应该都简单了解防抖和节流本质上就是优化这种高频率执行代码的手段，那么他们之间有什么区别呢？应该如何正确根据具体的场景来选择使用呢？
[前端] Bearer令牌
好习惯成就伟大
04-28 163
Bearer令牌的安全性依赖于令牌的保密性和传输的安全性。因为任何拥有令牌的人都能访问资源，所以必须确保在传输过程中使用HTTPS来防止中间人攻击，并且存储时也要妥善保管，避免令牌泄露。此外，由于Bearer令牌的这一特点，相比其他类型如MAC（Message Authentication Code） tokens，它在安全性上要求更高的保护措施。服务器接收到请求后，会验证令牌的有效性（比如检查令牌是否过期、是否被撤销等），然后决定是否允许访问请求的资源。在HTTP请求中，Bearer令牌通常放在。
JavaScript：Web APIs（三）
ma_no_lo的博客
05-03 868
Js中事件流和基本阻止方式，包含load,scroll,resize事件
3. uniapp开发工具的一些事
Oliver尹的博客
04-28 124
新的一天，又要开始卷起来了，程序开发当前离不开开发工具，一个好的开发工具办事起来那必然是事倍功半的...本文主要分享了关于开发工具的一些事~
【项目学习01_2024.05.01_Day03】
weixin_44229726的博客
05-01 969
通常由后端工程师将接口设计好并编写接口文档，将接口文档交给前端工程师，前后端的工程师就开始并行开发，前端开发人员会使用mock数据（假数据）进行开发，当前后端代码完成后开始进行接口联调，前端工程师将mock数据改为请求后端接口获取，前端代码请求后端服务测试接口是否正常，这个过程是前后端联调。控制层、业务层以及持久层三层通常可以面向接口并行开发，比如：业务层开发的同事可以先只编写一个Service接口，接口层的同事即可面向Service接口去开发，待接口层和业务层完成后进行连调。
动态获取数据并按顺序组合
NancyFyn的博客
04-28 179
第一列选中： “壹”,“贰”第二列选中： “a”,“b”，组合后的数据为：“壹，a”，“壹，b”，“贰，a”，“贰，b”；
vue3子组件调父组件方法
An滴饭儿的博客
04-30 196
vue3子组件调父组件方法

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值