暮色千里`-CSDN博客

原创 Less简介

2、新建.less文件，书写less代码并保存，vscode会自动生成对应的.css文件。(1).属性值作为变量。这样需要修改时，只需修改变量值。1、vscode下载“easy less”插件。Less是一门向后兼容的 CSS 扩展语言。(2).字符串作为变量。将一组属性从一个规则集混入另一个规则集。3、在html文件中引入css文件。(2).规则嵌套和冒泡。(1).嵌套代替层叠。

2024-09-07 15:25:18 241

给父元素添加BFC后，三个子元素与父元素边界margin合并问题解决了。但子元素之间仍有margin合并问题，因为同一BFC的相邻元素会margin合并。因此，另一种解决方法是给子元素添加BFC，这样，父元素处于html根标签这个BFC中，三个子元素分别是三个BFC。BFC（Block Formatting Context）块级格式化上下文，相当于一块独立的渲染区域，有自己的渲染规则。父元素未设置高度，其高度本应该由子元素撑开，但子元素设置了浮动，脱离了文档流，所以父元素高度变为0。

2024-09-06 15:37:30 248

原创 js实现网站首页轮播图

注意克隆图片的原型为第一张图片，当显示克隆图片时切换到第一个导航条。1、添加监听事件：load事件（页面加载完毕时执行），mouseenter事件(鼠标进入时执行)，mouseleave事件(鼠标离开时执行)3、在之前写的right和left按钮的点击事件中调用changeNav()方法，使导航条随按钮点击而切换。3、在html中引入animate.js（要写在轮播图.js前面，因为轮播图.js中使用了动画函数）1、给导航条添加点击事件，当导航条被点击时，根据其num值切换对应图片。

2024-09-03 15:05:46 894

原创移动端适配

使用rem和media媒体监听两种方法实现网页移动端适配

2024-08-27 11:56:38 231

原创 Node+Webpack+Vue-cli新建前端项目（IDEA软件运行）

(1)、新建一个空文件，用于存放vue项目。我这里在E盘新建Java_Vue文件夹，单击顶部路径，输入cmd，回车，进入该文件夹的命令窗口。3、在Node_Setup文件夹中新建node_cache和node_global文件夹，分别用于存放缓存和存放全局模块。2、在E盘新建空文件夹Node_Setup，双击之前下载好的exe文件，将Node安装到这个文件夹。ps:地址改为自己之前新建的node_cache和node_global文件夹地址。3、点击左上角加号添加npm，右边的设置如图所示。

2024-06-03 11:33:32 518

原创 IDEA（2020.1.2）安装和破译教程

链接：https://pan.baidu.com/s/1CgczaH-r6q5q1Rca76sGwA?8、未破解可免费试用30天，点击Get Help的About选项可查看到期时间。1、将jetbrains-agent文件拖入到IDEA页面。ps:此激活方法只适用于2020.1.2及之前的版本。1、官网下载IDEA软件，双击安装。3、激活完成，查看软件到期时间。2、点击Restart选项。2、选择是否删除以前版本。5、点击Install。

2024-06-02 18:53:41 2258