- 博客(5)
- 收藏
- 关注
RSS订阅原创 css遮罩层实现
效果图：实现原理非常简单，就是利用绝对定位，绝对定位完全覆盖图片，并且设置z-index，然后透明度设置为0，当鼠标移动到图片上的时候，让浮空层透明度大于0即可主要代码如下：‘’’ Ethan DuttonSENIOR VISUAL DESIGNER‘’’css代码：‘’’.image-cell{position: relative;width: min-content;}.mask-cell{position: absolute;top:0
2021-04-12 11:46:24
229
原创 百度前端技术学院基础班2-4day任务
Demo模拟的简历模板：首先来对页面进行一个分析，页面主题分为两部分，照片和姓名用一个div来装，下面主体部分用一个div来装，然后主体div又分成了两部分，两部分均匀分布，也是用div来装，由于div会自动换行，所以需要让这两个div并排显示，可以采用float(注意要清除浮动或者闭合浮动)或者flex布局来实现，这里我采用flex布局然后再往下分析，个人资料的信息都是以列表形式排列的，根据web语义化，这里采用ul列表，然后利用border-color和border-style可以实现给部分边框线
2021-04-08 14:59:33
111
原创 javascript30天挑战 第一天
本次挑战用到的知识:Array.fromes6的字符串document的querySelector和querySelectorAll方法keydown事件，transitionend事件classListforEach遇到的问题因为classList.remove方法删除列表不存在的元素时会报错，所以不知道如何去移除playing属性解决办法：由于添加playing属性会产生动画效果，所以利用transitionend事件可以清除按键的效果，不过需要需要判断是否存在playing属性，由于
2021-03-31 16:51:28
103
原创 cssbattle #8 forking crazy
所用知识点：box-shadow–用于复制刀叉translate进行微调flex布局border-radius整体思路：刀叉体占用一个div ，刀叉柄占用一个div,刀叉占用两个div,分别是上圆边的矩形和下圆框的矩形步骤1.刀叉体左下角和右下角变圆，也就是画出一个扇形2.刀叉柄，矩形，通过translate进行微调即可3.刀叉，矩形，利用border-radius进行边框圆形化，分别创建一个上边框圆形的小矩形和下边框矩形的小矩形，然后利用translate把矩形覆盖至扇形（刀叉体）上面
2021-03-13 11:49:39
162
原创 leetcode 216 组合总和 II java beat100%题解+回溯套路模板总结
这个题目很显然是一个回溯算法题，还是一个比较典型的题目。对于回溯法我们要明确两点：1.搜索的范围。2.剪枝的条件这个剪枝的条件既包括终止回溯，也包括跳过某个搜索分支（也就是不能开分支的情况）明确了以上两点回溯法基本大概的思路就可以成型了，剩下的也只是一些细节和边界情况的处理回溯的一般模板是：backtracking(回溯起点，结果容器，中间结果容器)边界处理->一般都是超出搜索范围或者继续搜索下去绝对不可能再满足题目条件，也就是走远了结果处理->就是已经满足条件了，应该终结当前分支了
2021-03-06 10:13:59
180
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人