前端

前端 / 2022-11-29

注释多行注释保留单行注释不被保留在编译生成的 CSS 中/* * 一个块注释 * style comment! */// 这一行被注释掉了!div { color: red;}变量基本使用@ 声明变量,作为普通属性值使用@width: 50px;@height: 100px;div { wid

前端 / 2022-11-07

我们经常有这样的需求,如下:我们需要选中第二行元素,设置不同的背景。上面的代码我贴上<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">

前端 / 2022-11-04

场景概述我开发了一个可以拖动的控件(如图蓝色的按钮),在模拟器中拖动是没有问题的,但是在真机(IOS系统)中测试就会遇到,导致下层的scroll-view出现橡皮筋回弹效果,而且控件的拖动也极为吃力。解决办法在该页面的json文件中配置以下属性"disableScroll": t

前端 / 2022-10-20

在vscode中无法执行tsc命令,出现下面的错误tsc : 无法加载文件 C:\Users\zxcl06\AppData\Roaming\npm\tsc.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.com/fwlink/?LinkID=1351

前端 / 2022-10-17

今天分享一个滑动小球导航栏效果。这是我从西瓜视频上看到的原地址:使用HTML+JS+CSS实现一个神奇导航菜单指示器](https://www.ixigua.com/7151673549101466145?logTag=3060606546e89ded9c48),我自己实现了一遍并在此记录一下。HT

前端 / 2022-10-10

canvas大小默认为300X150当错误的设置宽高时,会导致画布内的内容变形,以下为错误方式!!!使用内联style设置宽高<canvas style="width:300px;height:300px;"></canvas>在css中设置canvas{

前端 / 2022-10-10

看到微信读书网页版的划词标注比较感兴趣,想用自己的方式实现一下,参考了网上其他大佬的方案,和微信读书实现的方式还是不同的。效果展示:模拟微信读书划词标注(暂只支持pc)确定划词范围显示弹出工具栏当我们用鼠标选中文字的时候,其实是可以获取到选中文字的范围的let selection = documen

前端 / 2022-08-15

今天看《CSS世界》看到一个例子:页面某个模块的文字内容是动态的,可能是几个字,也可能是一句话。然后,希望文字少的时候居中显示,文字超过一行的时候居左显示。该如何实现?代码如下:<!DOCTYPE html><html lang="en"><head

前端 / 2022-08-11

如果我们要想要实现下图的效果,边框为透明,可以显示出背景图片,应该怎么做呢?我们肯定会想到,把边框的颜色设置为透明即可。我们可能会这样做border: 10px solid hsla(0,10%,100%,.5);或者用rgba表示border: 10px solid rgba(255,255,25

前端 / 2022-02-11

前言在写自己的小项目的时候,我后台用到了JWT,登录后会生成一个accessToken和refreshToken。accessToken用来进行认证,但是有一个失效时间,如果失效了会用refreshToken来换取新的accessToken。如果在用户正在访问网站的过程中accessToken失效,