写在19年的这一刻

最近比较烦比较烦

最近比较烦,处于一个瓶颈期有很久了,每天都很忙,特地在网上搜了一下,忙==“心 亡”。的确是这样的,很长一阵子了,很难静下心来好好思考问题。职业技能从开始的时候迅速的提升,到现在的原地踏步,感觉什么都会一点,但又好像什么都不会一样,开发的时候不怎么费劲的就能解决问题,但是总觉得少了点什么。所以现在烦的一比,慌的一比。

最近的一次面试,问到的东西,其实几年前初入行的时候都能对答如流,虽然当初不少是似懂非懂的,但是这次的回答,灰常的不专业,虽然大多数都能回答,但是深度不够。以前的积累也不少,也想写写东西记录下心得体会,但是当时打包票能深刻记住的东西,现在也都只有模糊的印象了。好记性不然烂笔头,真没错!懒是一种病,得治!

碎碎念

入行初,想着写写博客来着,却不知道该写点什么,每次探寻问题的答案,总能在各种论坛,分享平台上找到结果,认真看了看,也都能得出结论,总想写出点什么好东西,却每次都停下了笔头。
经验有了,没有总结,没有思考,最终只能陷入故步自封的地步。后知后觉的我,是时候该冷静下来,细细的梳理、阐述、构思、拓展了。
我想做的事情:

  1. 沉下心来,梳理基础知识。
  2. 构建知识体系。
  3. 深入挖掘分享和总结、归纳。
  4. 拓展和进阶。
要实现一个名为“这一刻秀出爱的幸福”的网页设计,可以从以下几个方面入手:HTML结构、CSS样式和JavaScript交互。以下是一个简单的示例代码: ### HTML部分 ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>这一刻秀出爱的幸福</title> <link rel="stylesheet" href="styles.css"> </head> <body> <header> <h1>这一刻秀出爱的幸福</h1> </header> <main> <section class="gallery"> <img src="images/love1.jpg" alt="Love1"> <img src="images/love2.jpg" alt="Love2"> <img src="images/love3.jpg" alt="Love3"> </section> <section class="message"> <h2>留下你的爱的宣言</h2> <form id="loveForm"> <textarea id="loveMessage" placeholder="输入你的爱的宣言"></textarea> <button type="submit">提交</button> </form> </section> <section class="display"> <h2>爱的宣言展示</h2> <ul id="loveList"></ul> </section> </main> <footer> <p>© 2023 这一刻秀出爱的幸福</p> </footer> <script src="script.js"></script> </body> </html> ``` ### CSS部分(styles.css) ```css body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #ffe6e6; } header { background-color: #ffcccc; padding: 20px; text-align: center; } .gallery { display: flex; justify-content: space-around; padding: 20px; } .gallery img { width: 30%; border-radius: 10px; } .message, .display { padding: 20px; } #loveForm { display: flex; flex-direction: column; align-items: center; } #loveMessage { width: 80%; height: 100px; margin-bottom: 10px; padding: 10px; border-radius: 5px; border: none; } #loveForm button { padding: 10px 20px; border: none; border-radius: 5px; background-color: #ffcccc; cursor: pointer; } #loveList { list-style-type: none; padding: 0; } #loveList li { background-color: #fff; margin-bottom: 10px; padding: 10px; border-radius: 5px; } footer { background-color: #ffcccc; text-align: center; padding: 10px; } ``` ### JavaScript部分(script.js) ```javascript document.getElementById('loveForm').addEventListener('submit', function(event) { event.preventDefault(); const loveMessage = document.getElementById('loveMessage').value; if (loveMessage) { const li = document.createElement('li'); li.textContent = loveMessage; document.getElementById('loveList').appendChild(li); document.getElementById('loveMessage').value = ''; } }); ``` ###
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值