less学习笔记
注释多行注释保留单行注释不被保留在编译生成的 CSS 中/* * 一个块注释 * style comment! */// 这一行被注释掉了！div { color: red;}变量基本使用@ 声明变量，作为普通属性值使用@width: 50px;@height: 100px;div { wid
css选择多行元素的最后一行
我们经常有这样的需求，如下：我们需要选中第二行元素，设置不同的背景。上面的代码我贴上<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
解决微信小程序IOS拖动控件的橡皮筋回弹效果
场景概述我开发了一个可以拖动的控件（如图蓝色的按钮），在模拟器中拖动是没有问题的，但是在真机（IOS系统）中测试就会遇到，导致下层的scroll-view出现橡皮筋回弹效果，而且控件的拖动也极为吃力。解决办法在该页面的json文件中配置以下属性"disableScroll": t
vscode终端无法执行tsc命令
在vscode中无法执行tsc命令，出现下面的错误tsc : 无法加载文件 C:\Users\zxcl06\AppData\Roaming\npm\tsc.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=1351
移动小球导航栏
今天分享一个滑动小球导航栏效果。这是我从西瓜视频上看到的原地址：使用HTML+JS+CSS实现一个神奇导航菜单指示器](https://www.ixigua.com/7151673549101466145?logTag=3060606546e89ded9c48)，我自己实现了一遍并在此记录一下。HT
错误的设置canvas宽高导致图像变形
canvas大小默认为300X150当错误的设置宽高时，会导致画布内的内容变形，以下为错误方式!!!使用内联style设置宽高<canvas style="width:300px;height:300px;"></canvas>在css中设置canvas{
模拟微信读书网页版实现文本标注
看到微信读书网页版的划词标注比较感兴趣，想用自己的方式实现一下，参考了网上其他大佬的方案，和微信读书实现的方式还是不同的。效果展示：模拟微信读书划词标注（暂只支持pc）确定划词范围显示弹出工具栏当我们用鼠标选中文字的时候，其实是可以获取到选中文字的范围的let selection = documen
文字较少居中显示，多行时居左显示
今天看《CSS世界》看到一个例子：页面某个模块的文字内容是动态的，可能是几个字，也可能是一句话。然后，希望文字少的时候居中显示，文字超过一行的时候居左显示。该如何实现？代码如下：<!DOCTYPE html><html lang="en"><head
