菜菜的置顶

博主记录了自己从CTF入门到深入学习web安全、java安全的心路历程,包括学习资源、实战经验与目标规划。面对挑战和自我怀疑,博主始终保持学习的热情,尽管在面试中遇到困难,但仍决心提升技能,追求成为合格的安全研究员。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前言

我写博客的原因 很大一部分其实是为了督促自己学习把 然后其实也很享受这个过程 能巩固知识 还有机会能和大佬交流 下面随便给写一些东西吧 毕竟是置顶

贴一些自己觉得很实用的emmm算学习的平台吗

还有比如知识星球啊(app)
付费的话看个人 量力而行 我个人认为知识付费设置门槛确实有明显的质量提升,是不是割韭菜还需要自己去判断了
chybeta陈师傅的 漏洞百出
还有P牛的知识星球 代码审计
漂亮鼠师傅的 赛博回忆录
外网的最近在看pentesterland
有很多好的资源是需要收集的 比如公众号也是(太多了,这里就不贴了) 看各位的信息收集能力了

2022更新一下 先知感觉已经水文遍地 虽然偶尔会有好看的 但是感觉跳跳糖和创宇paper真牛,但是好多东西看不懂 太菜了,加油把。

计划 (我不想删除以前的想法)

应该会走红队方向吗? 我的性格可能不会很适合搞安全研究
虽然很羡慕搞安全研究的大佬 (2021.7.10)

补一下 其实是感觉长期以来自身毛病导致的与大佬们的学习能力上的差距,从而导致的学习效率问题。让我感觉与大师傅们的差距越来越大,无限的陷入自我怀疑,比赛也越来越打不明白。710差不多也是我放弃CTF的时间.,归根结底还是自己太弱了,我也想成为陈师傅那样的RCE的神,但是可能没什么信心去安全研究了,很害怕自己没有产出然后又陷入自我怀疑和迷茫之中。

内网渗透看两眼就不想看了 我还是喜欢打点RCE,可能我不适合干红队吗.而且我审计很一般啊java也不会,打算挖挖企业src了,加点实战经验把,EDU先放放 (2022.1.1)

我想当一个合格安全研究员,我想RCE,我不想挖垃圾洞恰烂钱了,把那些知名漏洞补一补吧 (2022.3.28)

补补java ,必须打好基础,跟着大佬学一下java安全 ,把链子什么的补一补, 然后练练打点, 然后双管齐下连内网免杀啥的也学了吧 一年以前还想着冲实验室,现在安服仔都当不上了,难啊 (2022.5.8)

(2022.6.16记乙方面试)

寄了,好菜,被两家实验室面懵逼了,攻防是真没什么经验啊 基础也忘了好多 回头看看自己的笔记吧。说实话有点没信心了

(2022.8.13有感)

回头想想,企业src与红队啥的,差的好远啊,本来是为了加强实战经验的,回过头看看,只是学会了挖逻辑漏洞,拿赏金和拿权限的差距好大,有点没信心面红队/安全研究了,挖企业给自己很多东西都荒废了,例如代审什么的,或许当时应该一直打比赛吗,漏洞是学了一堆,但是恐怕真要我打点,我会无从下手

(2022.9.16记某乙方面试)

有点丢人其实,简历以后不写自己擅长计网知识了hhh,长连接都没答出来,还有很简单的一些问题也没答出来,一个是久不接触了 一个是有些依赖工具了,导致自己的基础可能也出现了一些问题吧,当然这是体验最好的一次面试了,让我一个社恐面着面着就不紧张了。面试官很耐心回答我的问题,也很仔细的跟我讲了很多问题细节

(2022.10.20某乙方红队二面后)

菜字贯穿了我的一生,没有攻防经验想打红队属于是自讨苦吃,打打htb啥的吧,把自己以前会的东西补一补,真是为了点赏金把自己玩烂了啊,要是我挖洞很强还行,挖个逻辑洞都吃运气的fw罢了。。秋招真是失败呢,没想到实习也进不去。说白了还是菜,当然红队也不止看有没有攻防经验,说白了没攻防经验的我,安全研究也不行,才会被拒吧。。算了,自闭了,当初是不是该去当安服仔的,只投实验室和红队导致现在秋招要结束了,竞争力越来越弱捏。

后记随便写写

博客可能写的有点乱hhh 别介意,一起加油吧各位师傅。
或许会减少博客的更新了 虽然我也不知道为什么,可能是因为自己太弱了,没有值得分享的技术和tips。

<think>好的,我需要帮助用户解决在微信小程序中设置自定义导航栏背景和布局的问题。首先,用户提到了使用linear-gradient背景、页面布局的176rpx区域、图标和文字的显示样式,以及需要示例代码。根据用户提供的引用内容,特别是引用[1]和引用[2],里面提到了自定义导航栏的实现方法,包括WXML、WXSS和JS的代码示例。 首先,我需要回忆微信小程序自定义导航栏的相关知识。通常,自定义导航栏需要先禁用默认的导航栏,这可以通过在app.json中设置"navigationStyle": "custom"来实现。然后,在页面的WXML中,需要手动创建一个导航栏的结构,包括背景、图标和文字。用户提到使用linear-gradient作为背景,这可能需要使用CSS的线性渐变,但在微信小程序中可能需要使用image组件或者background-image属性,不过要注意兼容性。 接下来,页面布局的176rpx区域,这可能是指导航栏的高度。通常,微信小程序的导航栏高度在不同设备上可能不同,但用户指定了176rpx,可能需要根据设计稿来设置。需要确保这个高度在不同屏幕上的适配。 图标和文字的显示样式方面,用户可能需要设置图标的位置、大小,文字的字号、颜色等。引用[2]中的示例代码提到了nvabarData中的showCapsule和title,这可能对应导航栏的返回按钮和标题的显示。这里可能需要结合WXML的条件渲染来动态显示这些元素。 现在,我需要整理步骤:首先配置app.json,然后在页面的WXML中构建导航栏结构,使用WXSS设置样式,包括linear-gradient背景、高度176rpx,图标和文字的布局。可能需要使用flex布局来排列图标和文字。同时,状态栏的高度需要考虑,通常需要获取胶囊按钮的位置信息来调整导航栏的总高度,但用户可能已经确定高度为176rpx,所以可能需要固定高度。 关于linear-gradient,微信小程序的WXSS支持background-image属性,可以使用线性渐变,例如:background-image: linear-gradient(to right, #ff0000, #0000ff);。但需要注意兼容性,某些旧版本可能不支持,可能需要使用图片替代。不过用户明确要求使用linear-gradient,所以示例中应该直接应用。 然后,编写示例代码,包括WXML的结构,如一个view容器作为导航栏,内部包含返回图标和标题。WXSS中设置导航栏的高度为176rpx,背景渐变,flex布局对齐元素。JS中可能需要定义数据,如标题和是否显示返回图标,如引用[2]中的nvabarData。 最后,生成相关问题,可能涉及导航栏适配不同设备、动态修改样式、添加交互事件等。</think>### 自定义导航栏实现步骤及示例 #### 1. 配置全局导航栏样式 在`app.json`中禁用默认导航栏: ```json { "window": { "navigationStyle": "custom" } } ``` #### 2. WXML页面结构 ```html <!-- 自定义导航栏容器 --> <view class="custom-navbar" style="height: 176rpx"> <!-- 渐变背景 --> <view class="navbar-bg"></view> <!-- 导航内容 --> <view class="navbar-content"> <!-- 返回按钮 --> <view wx:if="{{nvabarData.showCapsule}}" class="back-btn"> <image src="/images/back.png" class="icon"></image> </view> <!-- 标题 --> <text class="title">{{nvabarData.title}}</text> </view> </view> <!-- 页面内容 --> <view class="content" style="padding-top: 176rpx"> <!-- 其他内容 --> </view> ``` #### 3. WXSS样式设计 ```css /* 自定义导航栏 */ .custom-navbar { position: fixed; width: 100%; top: 0; z-index: 100; } /* 渐变背景(兼容写法) */ .navbar-bg { position: absolute; width: 100%; height: 176rpx; background-image: linear-gradient(135deg, #667ee 0%, #764ba2 100%); } /* 导航内容布局 */ .navbar-content { position: relative; display: flex; align-items: center; height: 176rpx; padding: 0 32rpx; } /* 返回按钮样式 */ .back-btn .icon { width: 48rpx; height: 48rpx; margin-right: 20rpx; } /* 标题样式 */ .title { color: #ffffff; font-size: 36rpx; font-weight: bold; } ``` #### 4. JS数据配置 ```javascript Page({ data: { nvabarData: { showCapsule: 1, // 显示返回按钮 title: '个人中心' } } }) ``` ### 关键点说明 1. **高度适配**:导航栏总高度设为$176rpx$(包含状态栏高度),需通过`padding-top`为页面内容预留空间[^1] 2. **渐变背景**:使用`linear-gradient`实现斜角渐变效果,方向参数`135deg`表示从左下到右上 3. **元素定位**:采用`position: fixed`固定导航栏,确保滚动时保持置顶 4. **胶囊按钮**:通过`wx:if`控制返回按钮显示,图标建议使用$48rpx \times 48rpx$标准尺寸[^2]
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值