首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    『前端必修课』按钮边框的旋转动画

    就比如说本章要给大家介绍的旋转按钮,它该咋做呢?最终效果如下: 这个时候大家可以自己想一想该如何实现,这个非常的需要想象力,如果没有想象力,是做不出来的。...三、代码实现 然后呢接下来就神奇的事情了,我首先了要给这个按钮加上一个伪元素,before 或者 after 都行,我这里采用 before。...button:after { + z-index: -1; } 这个时候看上去就变成了一个三层结构了,最上面是按钮就是文字,然后呢第二层呢是这个灰色的矩形第三层呢是这个渐变的背景,到这里我相信有的人可能已经看出来了如下图...,接下来呢我给这个父元素 button 给它设置一个 overflow hidden: button { + overflow: hidden; } 边框搞定,好现在做成了这个样子,现在大家应该知道怎么做了吧...四、总结 通过本文的学习,您可以掌握以下知识点: 伪元素的灵活运用:使用 :before 和 :after 实现复杂样式效果,不仅减少 HTML 结构的复杂性,还增强了样式的可维护性。

    69140

    1小时学会不打代码制作一个网页精美简历(1)

    什么是低代码?什么是 IVX 小媛:bit 哥,我学了很多东西,例如 php、java、html之类,可是都做不了一个应用怎么办? 1_bit:你是指什么应用呢?...1_bit:就是用少量代码,或者是不用代码去完成一个项目的制作。 小媛:哇!这么厉害!?赶紧教我,我想试试。...小媛:可是我这里显示这个背景色不对,我该怎么做呢? 1_bit:这个时候我们选择这个列1,将背景色改为 #254665 就可以了。 小媛:完成了,下一步怎么做呢?...小媛:我看属性有一个图片背景色,我想增加上去。 小媛:果然如此,然后更改圆角值就可以了。 1_bit:厉害,那现在在列了。 小媛:在这一行的列里增加一个文本,内容为学历背景。...,对表现层和服务层进行了分离,使用HttpClient进行表现层和服务层之间的访问,在表现层和数据库之间使用了redis技术作为缓存,解决高并发等可能造成的服务器压力。

    83230

    『前端必修课』视频文字特效

    查看文章 一、前言 本篇文章是『前端必修课』系列文章的第 1 篇,主要介绍视频文字特效 文字燃烧怎么做?这个东西呢,可能跟很多人想象的并不一样,有的人会想象呢我就做一个燃烧的背景,是吧?...所以说这篇文章,就是讲解具体的做法,得使用混合,具体怎么做呢,这代码写起来还是比较简单的。...好,接下来看好了,只需要两句代码就可以实现文字燃烧,怎么来做呢?...第一句代码,背景颜色为白色注意这个是设置文字的背景颜色为白色来看看效果: .txt { + background: #fff; } 运行到浏览器查看效果: 哎,视频没有了,好看好,第二行代码叫 mix-blend-mode...我想让除了文字以外的点保持白色,然后如果说另外一种情况呢,某一个颜色是黑色呢?

    46720

    第三十三期:如何让自己变得优秀

    一年内,五年内我要的目标是什么。 准备了什么,是说我们为了这个目标做了哪些事儿,有怎样的行动。 接下来做什么事儿,是说假如我们的目标都能实现,那么目标实现了以后我们该怎么做。...从入行前端到现在也有五年时间了,回过头来看看,好像自己曾经定下的目标都已经实现了,但是接下来该怎么走呢? 曾经给自己的规划的路线是:先全端,后全栈,而后架构。但是,现在呢?好像什么也不是。...全栈呢?好像也没写过什么后端的代码吧,除了偶尔自己用node写写自己练习的项目,企业级的项目一个也没接触过。 架构呢?算了,不说了。 会开发,其实大家都会,无非是一个熟练度的问题。...对框架的理解又不仅仅是熟练运用,而是要深刻理解使用场景,实现原理,以及如何扩展等等。其次,是对业务流程的理解和把握。我们写的什么项目,项目背景,业务流程,技术方案等等。 而这三者中哪个更重要呢?...想一想自己三年后,或者五年后希望自己变成一个什么样的人,达到一个什么样的状态。 毕竟,如果想都不敢想,我们还能有什么作为呢?

    40710

    1小时,不会代码的我如何完成 网易云音乐 大作业网页制作?(IVX 第2篇)

    1_bit:你不会是想叫我帮你写作业吧?不不不,不帮不帮,你要认真学习,我教你做。 小媛:可是明天就要交作业了,我不会搞怎么办? 1_bit:你的作业是什么? 小媛:我分到的是仿一个网易云音乐首页。...1_bit:简单,你直接可以使用一个像 PS 一样的编辑器绘制出一个网页,然后把那个 HTML 导出,这样你就可以完成你的作业了。 小媛:还可以这样?...小媛:你是指我鼠标移上去就会做什么事?例如改变背景色? 1_bit:是的,简单吧? 小媛:得看你怎么做。 1_bit:点一点触发事件,选择鼠标移入。...1_bit:这个时候我们发现,鼠标移动进去后颜色发生了改变,但是鼠标移走后颜色没变,这该怎么做呢? 小媛:哈哈哈,就是鼠标移出嘛,我会。...1_bit:简单,这个时候你只需要删除按钮的文本,然后选择使用图标点击左箭头就可以了,另一个按钮也是这样。 小媛:原来如此,下一步呢?

    2.4K30

    C#MQTTNET服务端使用说明

    C#MQTTNET服务端使用说明 1.安装MQTTNet 两种方式 Shell 代码地址 可视化安装 2.当前我的项目安装的依赖如下 3.如何使用 1.我想启动MQTT服务器,我该怎么做?...2.我想知道MQTT服务器是否启动成功,我该怎么做? 3.我想知道MQTT服务器是否停止允许,我该怎么做? 4.我想知道有那些设备连接上了服务器,我该怎么做?...5.我想知道有那些设备断开连接,我该怎么做? 6.我想监听消息,我该怎么做? 7.我想连接的客户端校验身份信息后才允许收发消息,我该怎么做? 8.我想知道客户端订阅主题与取消订阅主题,我该怎么做?...1.订阅 2.取消订阅 9.我想关闭MQTT服务器,我该怎么做?...1.我想启动MQTT服务器,我该怎么做?

    2.1K10

    MongoDB技术从0到1+

    书虽着重于较老版本 3.0,但我想与目前的4.2 在使用上也不会相差太大,等熟悉了使用和基本原理再换别的看。 在这里就不对各种命令使用做解析了,这个大家看文档看书都能get到。谈谈一些有体会的点。...一个用户过来问他的业务能不能接MongoDB,你该如何回答他?他问得很简单,可你答得却不能很简单,至少你得多问几个问题,因为他没有交待清楚。交待哪些呢? 是什么样的业务?数据量多大? 读写比例如何?...我非常简单地用自己的语言从背景、为什么需要它, Mongo怎么做的三方面来谈谈,谈到的词汇建议读者多多google。 共识协议(Consensus) 背景 简单理解就是要多方达到一致。...内核gdb调试 大型代码,如果用gdb单步着来学习肯定是不行的,单步只适用于调试bug的时候。我这里谈gdb调试用来干嘛呢? get runtimepath !...但我想,只要它还是开源的,只要它代码还是真的,对工程师而言这仍然是一件欣慰的事吧。由浅入深,从此刻开始!

    77320

    【黑马程序员pink名师讲CSS】学好CSS有这一篇就够了(CSS笔记)

    标签,花括号内是对该对象设置具体的形式 属性和属性值之间用冒号隔开:属性:属性值 ,这也被称为键值对形式 每一组键值对之间用分号隔开:键值对;键值对 演示: 2.代码规范 a.样式格式:建议展开格式...我只把第二个div标签选择出来,怎么做? 我只把ul里面的li选择出来(ol里面的li不选),怎么做?...引入外部样式表的步骤:         1.新建一个后缀名为.css的文件,把所有的css代码放到此文件         2.在HTML页面,使用标签引入这个文件 解释步骤中[空白处]->[检查] 2.使用调试工具 检查: 左边html代码,右边css代码 ctrl+滚轮/±: 调整代码显示大小 黑框+箭头图标可以查看所选页面对应的html和css...我是ol 的孩子 我是ol 的孩子 我是ol 的孩子 比如上面的html代码中,如果我想选中ul中的所有的li,

    2.8K20

    如何在 Vue 中解析和渲染 Markdown

    HTML是超文本标记语言的缩写,可能是当今网络上使用最多的标记语言。Markdown 在我们程序界也是一个必备的技能。...如果你的想写博客,甚至想作为技术作家写作时,Markdown 是你首先的写作工具。 本文主要介绍如果在 Vue 中使用 Markdown,废话说了很多了,我们就这开始按摩。...要怎么做呢,这就需要借助 Marked.js 库。 安装 Marked.js Marked 或 marked.js 是一个低级别的编译器,帮助我们将 Markdowns 转换成HTML。...怎么做? 实现 marked 库全局化的方法是使用 Mixins。Mixins 只是Vue组件中可重复使用的功能的一个分布。...重构一下我们的 main.js 代码,如下所示: import {createApp} from 'vue'; import App from '.

    8.2K10

    学机械也想转嵌入式?

    前几天,有读者在后台问,他是一个机械专业的学生,想转到嵌入式方向,问我有没有必要转?如果转嵌入式该怎么学? 今天我们特意分享一下这个话题,希望能帮到那些想转嵌入式领域的朋友们! 有没有必要转?...我是学机械的,但同时对于电子与软件非常喜欢。我学习单片机和画电路图,所以,在这方面是有一些心得的。如果纯机械的人,想转到电子或软件,要进行的转变比较大,最好要有人带。...如果转嵌入式该怎么做? 嵌入式是需要掌握的知识比较多,从入门到放弃的例子太多了,如果你没有一点毅力,建议趁早放弃。...看再多的视频,看再多的书,也不如自己动手试一下,看着很简单的东西,做起来就可能遇到很多的问题,遇到问题找到原因,解决问题,只有这样才能学到东西,记得我第一次写LED的驱动,想自己试一下,网上也有人写过相关的代码...比如自己连串口是什么都不太清楚呢,就问串口通信怎么做啊,就是人家把代码给咱,咱也不明白是怎么回事啊。 5.多看代码,多写代码 见多识广,熟能生巧。

    81320

    一次失败的面试,复习一次一致性哈希算法

    然后介绍完项目背景以后,因为有一个登陆模块。于是乎有了如下问题 面试官:“先说说全局Session干嘛用的,你们那边全局session是怎么做的?” 这个问题还是很容易的。...这里摸着良心坦白说,该方案从没用过,安全性太差。 (3)反向代理hash一致性,不需要修改应用代码。修改nginx的配置,保证同一个ip的请求落在同一个web-server上即可。...用redis来存储Session,用sessionId作为key,用session当value进行存储。 OK,这时我头脑浮现的架构是这样的 ? 面试官:"如果redis挂了呢?"...然后我突然懵了。原来是我想太多,他这样问完,我才get到他问的点。 烟哥注:所以我才说这个面试我有点失败,和面试官不在一个频道上。如果是现场面,可以现场画图,则不会出现这种问题!...但是呢,普通的如果4台缓存服务器已经不能满足我们的缓存需求,那么我们应该怎么做呢?很简单,多增加几台缓存服务器不就行了! 假设:我们增加了一台缓存服务器,那么缓存服务器的数量就由4台变成了5台。

    77710

    Web标准中的常见问题

    而当我想告诉浏览器这个标题该如何显示的时候(字体有多大,白色还是黑色),那么就到了CSS该出手的时候了。可是,有多少人会这样去显示标题呢?...以页面三为例:在部分我使用了内联式样式表:,为什么这么做呢?为了覆盖!因为在“/music/inc/main.css”里,我已经定义了页面左下角显示的背景。...但是我又不想每个页面左下角的图案都相同,所以,我把想要在此页显示的背景写在这里。而如果我这里什么也不写会怎么样呢?不用慌张,页面仍然会呈现我定义在/music/inc/main.css文件中的背景。...再举个使用在行级的样式的例子,大家看“歌曲名歌曲类型 歌曲长度 人气 下载”的表格标题,除了第一个歌曲名是靠左对齐的,其他都是居中对齐的。这个时候,换做你会怎么做呢?...接下来,我讨论了另外一个对WEB标准的普遍误解:应用Web标准就是不使用表格。对于样式表的实现方式和 文件的组织我也做了细致的探讨。最后,我以一个高级话题,即表现与行为分离,作为结尾。

    1.4K50

    excel导入导出百万级数据优化

    背景在我前年找实习的时候,遇到了面试官问我:mysql从excel导出百万级数据,该怎么做?我听到的第一反应是:我*,我哪去接触百万级的数据,你们导出的数据是什么?我还是一个才找实习工作的大学生啊。...shigen也在这里实测了,在此先感谢蜗牛,为我提供了高质量的代码参考和分析案例。分析百万级数据导出Excel循环导出新手和没做过这方面的程序员们别不好意思,我知道你们怎么想的。...在此,看看shigen的代码设计吧。图片循环导出为什么还要提到这个呢,在批量查询导出中不是不建议循环,然后读取写入数据吗?是的,shigen确实是这样讲的。...Mybatis的批量插入,会读取数据到内存中,事务整体提交使用JDBC+事务的批量操作将数据插入到数据库(分批读取+JDBC分批插入+手动事务控制)分析的过程就是这样,那怎么实现呢?...我直接上shigen的代码了。图片总结以上就是Excel导入导出百万级数据的优化思路了。可以作为案例参考和代码模板的使用,代码地址在这里。也欢迎大家的评论交流。

    1.1K20

    代码审查的残酷真相:为什么高级开发者从不纠结命名和格式?

    作为一个在前端摸爬滚打多年的老兵,我见过太多这样的场景。今天我想聊聊,真正的高级开发者是怎么做Code Review的——以及为什么他们的方式和你想的完全不同。...这需要跳出代码看问题: 理解业务背景和技术架构 思考有没有更简单的方案 判断这个PR是在解决症状还是病根 这种思维方式,才是高级开发者和普通开发者的分水岭。...下次遇到类似场景,他们就能自己判断该怎么做。 这在反对某种方案时尤其重要: ❌ "这个方法不对" ✅ "这个方法在下个sprint加入多用户功能时会出问题,因为它假设只有一个活跃用户。...那时候: 你可能已经忘了细节 可能是新同事在改 可能是凌晨3点线上出bug你在查 高级开发者审查代码时,想的是:"这段代码能不能脱离作者独立存在?"...这个列表要短得多: ✋ 会造成生产事故的问题 ✋ 会让代码库难以维护的决策 ✋ 有明显安全隐患的实现 其他的: ✅ 作为下次的改进建议 ✅ 写在文档里给未来参考 ✅ 作为个人偏好就别提了 最好的Code

    14810
    领券