HELLO WORD

更多文章可关注我的个人博客：https://seven777777.github.io/myblog/实现思路：渐变背景色+与背景色相同的边框虚点线+background-origin设置背景图定位效果图：代码：<!--虚点线元素容器-->body { background-color: #636465; position: relative; height: 100vh;}.demo { width: 200px; height:.

更多文章可关注我的个人博客：https://seven777777.github.io/myblog/在前端日常开发排版布局过程中，虽然万物都可切图搞定，但是难免会不太灵活，所以针对一些不太常见的设计样式，如下图这种类似优惠券的一种样式，如果能有方式在代码层面搞定，尽量还是不要选择切图了。乍一看感觉也没什么难度，仔细一看，才发现事情并不简单。通常想要实现这种内圆角的效果，首先想到的就是使用背景渐变来实现，但这边比较麻烦的点在于，不规则的内圆角下面的阴影。进过一番尝试，最终使用drop-shad.

更多文章可关注我的个人博客：https://seven777777.github.io/myblog/需求场景：一个进度条渐变色块，使用标签表明当前进度，标签背景色要与当前位置色值统一。思路：根据渐变的两个色值，计算得到两个色值中间100个色值列表，根据百分比，取对应的色值。代码：//css.gradientDiv{ width: 300px; height: 10px; background: linear-gradient(90deg,#FAD961,#F76B1C); p.

更多文章可关注我的个人博客：https://seven777777.github.io/myblog/分享一个横向上下交错时间线列表布局完整代码<template><div class="timelineBox-wrap"> <div class="timelineBox" id="box"> <div class="timeline-up"> <div :cl.

更多文章可关注我的个人博客：https://seven777777.github.io/myblog/在日常开发过程中，有一些前端业务场景可能需要让元素在尺寸变化的同时，保证宽高比不变，所以在此记录一下具体的实现方法和应用场景。一、如何实现其实关于实现元素的固定宽高比，思路很简单，就是在于找到设置宽高的一个固定基准。关于这个基准是什么，我们其实可以很容易的找到。其实，最先能够联想到的是图片元素它本身的等比缩放特性，通过固定一边，讲另一边设置为auto，就能轻易的实现，但是这种方式有很多局限性，运.

更多文章可关注我的个人博客：https://seven777777.github.io/myblog/本文主要回顾整理一下之前（大概一年前，????，这一年实在比较忙 ）写的一个页面动画。之前其实写了两种方案，最终使用的如下的方案：不过本篇文章会将两种方案都整理出来，方便日后有同样的需求时可以快速复用，同时也可以给正在实现这个需求的同学们一些参考！话不多说，开整！一、滚动式变化这一种的呈现方式也是我在项目中最终应用的方式，个人觉得更好看一点 ????1.关于实现原理其实想要实现这种滚动式

鉴于之前做的大屏的项目，全屏背景图过大，传统的写法导致页面渲染过慢，因而非常影响用户体验。除此以外，很多时候在开发过程中会出现很多图片的情况，图片过多或大，会直接影响页面的响应时间，从而导致页面性能变差。针对以上，我们可以使用WebP来有效的改善。关于WebPWebP格式，谷歌（google）开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有JPEG的2/3，并能节省大量的服...

从前我们在网页中会需要内容定位，或者返回顶部之类的功能，通常使用锚点来实现，但是页面跳转太过生硬，用户体验不够，于是会通过一大串的js来实现平滑滚动的效果，近两年出现了一些新的属性可以很方便的完成这种交互，很大程度的减小了开发难度。一、CSS：scroll-behavior约莫是去年开始出现的这个属性，只需要在需要滚动的地方增加一行如下属性，即可。scroll-behavior:smooth...

元素的水平及垂直居中实现方法二三最近面试被问到这个问题，其实平时在开发的时候都会习惯性的用一种方法，能实现就行。 虽然问题很基础，但是在面试的时候遇到这种问题，估计就是在考你基础知识掌握的全面性了，因此做一个整理，把能实现的方法都列一遍，也是对自己的css知识做一个复习一、水平居中水平居中相对是开发中最常用的，也是相对比较容易实现的一种布局方式了1.行内元素对父元素添加如下样式，便可实现内部行内元

一直对于JS、jquery比较生疏，苦于在前端路上一直是孤军奋斗，没人学习交流，全靠自己琢磨。上家公司时抽了一些空余时间对于js、jquery的基本知识进行了一些系统的自学，并没有实际去写一些相关的项目，但自我感觉已经掌握了不少了，在这种自我感觉良好的情况下跳槽到了现在的公司：有货，主要工作内容就是活动pc及app页面的是制作，添加链接，基础到不行的工作。上次的活动需要写个Tab切，心想还是有点自学