![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小技巧
澜痕
这个作者很懒,什么都没留下…
展开
-
通过ajax获取本地json文件时,由于跨域而报错
如果用的编辑器是vs code,可以通过安装Live Server插件来解决,然后点击屏幕右下方的Go Live,就可以获取到本地的json文件了,如果还是获取不到,请把html文件和json文件放在同一层级的文件夹目录下...原创 2021-03-12 22:18:17 · 543 阅读 · 1 评论 -
禁止less的计算功能
解决办法:用引号把产生计算的数值包裹起来,然后在引号之前加波浪号,这样就可以禁用less在引号之间的计算。grid-column:~“1/3”;grid-row:~“1/2”;原创 2020-12-11 10:49:02 · 264 阅读 · 0 评论 -
利用checked实现收藏按钮红心的显示与隐藏
实现原理:利用checked 选择器和兄弟选择器,通过复选框的复选与取消复选,达到收藏红心的显示与隐藏效果默认复选框选中时的状态复选框被取消复选的状态实现代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2020-12-07 21:07:32 · 545 阅读 · 0 评论 -
利用calc实现在移动端不同分辨率下的自适应
// 原理:利用视口宽度vw,输入设计稿宽度,自动计算HTML的font-size值,从而改变1rem所等于的像素值。// 注意:1.设置盒子宽高或字体大小时,必须使用rem作为计量单位,使用px将起不到自适应的效果。2.使用的时候只需根据设计稿宽度改变@designDraftWidth后的值即可3.代码实际写的宽高为设计稿宽高除以100,单位为rem代码如下//设计稿宽度@designDraftWidth:375px; //当1rem等于100px时@rem-size:100px;原创 2020-12-07 16:19:53 · 536 阅读 · 0 评论