前端
Rose✿留白ق೨
这个作者很懒,什么都没留下…
展开
-
uniapp超实用页面三层架构(背景层+模糊层+内容层)
uniapp超实用的页面三层架构原创 2022-10-13 17:45:41 · 586 阅读 · 1 评论 -
vue-cli搭建uniapp项目过程及踩坑记录
如何通过vue-cli脚手架搭建uniapp项目原创 2022-09-14 15:25:32 · 1659 阅读 · 1 评论 -
(亲测有效)固定顶部 el-header + 左侧 el-aside 滚动条 + 主体 el-main 滚动条
在elementui官网复制Container 布局容器布局,代码如下:<el-container> <el-header>Header</el-header> <el-container> <el-aside width="200px">Aside</el-aside> <el-main>Main</el-main> </el-container></el-co原创 2021-12-19 19:49:36 · 16127 阅读 · 2 评论 -
bootstrap4栅格布局遇坑总结
bootstrap4栅格布局自动去除了br换行、hr水平分隔线和div等块级元素的独占一行效果下面这段代码,一般在浏览器上的显示效果如图1所示:<span>admin回复了你的文章editormd编辑器的使用</span><br><span>2021-10-21</span><hr><span>admin回复了你的文章editormd编辑器的使用</span><br><span原创 2021-10-25 00:56:39 · 409 阅读 · 0 评论 -
收藏数的实时加减(HTML+JS)
演示代码(可直接复制,然后用浏览器打开):<body> <input type="text" value="0" disabled="disabled" style="border:none;outline:medium;background:unset;"><br><br> <input type="submit" value="加一"> <input type="submit" value="清除">原创 2021-10-23 10:29:45 · 103 阅读 · 0 评论 -
jQuery与原生js在点击事件上的区别
1、jQuery的点击事件//$()是jquery的选择器let star = $(".bi-star");//.click()是jquery的事件star.click(function () { if(star.hasClass('bi-star')){ star.removeClass('bi-star').addClass('bi-star-fill'); }else if(star.hasClass('bi-star-fill')){ sta原创 2021-10-16 16:59:33 · 424 阅读 · 0 评论 -
对DOM的理解
什么是DOM?1.理解为HTML和XML的APIDOM(document Object Model),是针对HTML和XML的API。JS等语言可以通过该API对HTML文档进行动态操作,从而实现许多动态交互效果。2.理解为HTML和XML的一些规范JavaScript可以根据这些规范来进行各种操作。而这些规范我们可以用树来形象的表示通过这样的树,我们就可以很快找到我们想要操作的节点,进而进行各种属性,方法,事件等的操作。...原创 2021-08-28 00:38:49 · 171 阅读 · 0 评论 -
select标签如何取值
读者可直接下拉查看结论。一、测试初始状态:select标签的内容为“——请选择——”时,请求参数bookCategory=0测试1:1)下拉选择“小说”2)然后点击查找3)请求参数变为bookCategory=1,查询结果为小说书籍测试2:1)下拉选择“历史”2)然后点击查找3)请求参数变为bookCategory=2,查询结果为历史书籍二、代码1.html代码片段:<form class="layui-form" action="/showBooksResu原创 2021-07-02 15:49:12 · 1747 阅读 · 0 评论