- 博客(16)
- 收藏
- 关注
RSS订阅原创 flex常用属性和综合属性
flex-direction 设置主轴方向(row / column)flex-wrap 是否换行（nowrap / wrap）justify-content 主轴对齐方式。align-items 侧轴对齐方式。
2024-10-13 16:12:41
241
原创 文本溢出处理：省略号样式
4、substr函数截取文本需要显示的部分，注意num-1，因为最后一个字被省略号替代，最后innerHTML将截取出来的文本插入div中。3、计算需要显示的字数：client获取div的宽度，除以fontt-size的大小得到一行显示的字数，再乘以3得到三行的总字数。2、获取显示文本的div。
2024-09-18 20:59:13
377
原创 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
335
原创 css常用布局
给父元素添加BFC后，三个子元素与父元素边界margin合并问题解决了。但子元素之间仍有margin合并问题，因为同一BFC的相邻元素会margin合并。因此，另一种解决方法是给子元素添加BFC，这样，父元素处于html根标签这个BFC中，三个子元素分别是三个BFC。BFC（Block Formatting Context）块级格式化上下文，相当于一块独立的渲染区域，有自己的渲染规则。父元素未设置高度，其高度本应该由子元素撑开，但子元素设置了浮动，脱离了文档流，所以父元素高度变为0。
2024-09-06 15:37:30
545
原创 js实现网站首页轮播图
注意克隆图片的原型为第一张图片，当显示克隆图片时切换到第一个导航条。1、添加监听事件：load事件（页面加载完毕时执行），mouseenter事件(鼠标进入时执行)，mouseleave事件(鼠标离开时执行)3、在之前写的right和left按钮的点击事件中调用changeNav()方法，使导航条随按钮点击而切换。3、在html中引入animate.js（要写在轮播图.js前面，因为轮播图.js中使用了动画函数）1、给导航条添加点击事件，当导航条被点击时，根据其num值切换对应图片。
2024-09-03 15:05:46
1796
原创 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
585
原创 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
9023
10
原创 【前端CSS】
写在<style></style>标签。font-family(字体类型)font-size(字体大小)font-family必须有。样式写在单独的css文件中。标签内部写style属性。700相当于bold。
2024-04-07 16:46:51
610
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人