- 博客(17)
- 收藏
- 关注
原创 宽高自适应页面||css居中||背景居中固定||文本溢出显示省略号||改变input的placeholder
思路:顶部和侧边栏都绝对定位,内容设置padding,全部要加上boeder-size:border-content。改变input的placeholder,要考虑兼容性,同时不要使用群组选择器,因为一个选择器无效,均无效。如果有个页面,有顶部导航栏、侧边栏、还有内容,那么如何使得页面缩小时背景覆盖,放大时,内容不会被隐藏。因为flex不固定宽度,设置min-width: 0让元素不超出父元素,相当于限制了它的宽度。在父元素加入居中样式,button为行内块元素,div为button的父元素。
2023-04-05 20:59:41
377
原创 canvas
如果用户浏览器不支持canvas,要求其更新浏览器到最新版。// 矩形fillRect(x,y,宽,高)除了落笔和起笔,还可以移动画笔。// 获取画笔,2d画笔。
2023-04-03 18:06:37
257
原创 GET请求如何param参数传数组
将数组传给后端,一般放在POST请求的data中${但总有些后端会一不小心会把接口写错,将数组放在GET请求的param中,那么这时你可能会让后端把接口改成POST,其实还有一种解决方法,将数组参数转为用&连接的字符串,举个例子将k=[1,2,3]转为,这不就是扁平化数组吗?封装api时,我们在paransSerializer对params进行处理,将数组转为许多个字符串} else {} }) }${} else {} }) }} else {} }) }
2023-03-30 16:29:42
5020
1
原创 git的使用
转载至https://blog.youkuaiyun.com/u014454538/article/details/123563034。git stash list查看缓存。git stash pop弹出缓存。常用的git branch。git stash建立缓存。} 弹出栈中第二个缓存。
2023-03-28 17:49:40
216
原创 css样式
不换行且多余显示省略号(有flex时要min-width)文字超出宽度后,显示省略号的解决办法,以及flex与超出显示省略号冲突问题ellipsis()调用之后,需要配合设置宽度才可以。设置min-width:0会让元素不超出父容器,此时就相当于限制了它的宽度。flex-grow: 1也需要设置flex-grow min-width: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidde
2023-03-28 16:11:16
170
原创 bootstrap5初体验
学习链接使用Bootstrap5编写网页,达到快速入门注意本文章不会写学到了什么,只会写学习bootstap5过程中遇到的问题,如想快速入门请看以上视频链接。文档英文文档中文文档引入css<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8
2021-11-19 10:17:11
1010
转载 let会变量提升吗?
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-11-09 18:36:58
179
转载 canvas使用CSS设置画布大小的问题
canvas(一)用CSS设置画布大小遇到问题举例:那么如何正确改变canvas的默认大小设置画布大小后样式会重置本篇文章转载至:HTML5高级程序设计,遇到了canvas显示问题。canvas默认画布大小:300*150用CSS设置画布大小遇到问题我们通常想到用CSS设置画布大小,但执行结果却很奇怪这是因为,使用CSS设置画布大小会导致画布按比例缩放你设置的值。(css只是设置canvas在屏幕的显示大小)举例:用css设置width: 450height: 300与默认画布大小300
2021-09-23 10:41:42
1179
原创 JS之把节点插在另一个节点之后
DOM编程艺术第七章动态创建标记当HTML文件中有元素仅仅是为了一个函数脚本服务,那么用DOM方法来创建它们才是最合适的选择。因为当有的浏览器不支持或禁用DOM,则可以平稳退化。当然具体原因具体分析。insertAfterinsertAfter|由于DOM没有提供这种方法,所以可以自己编写。// 把节点插在另一个节点之后function insertAfter(newElement, targetElement) { var parent = targetElement.parentN
2021-09-08 15:42:43
816
转载 1-3 点击按钮添加div元素
案例模仿:链接: https://mp.weixin.qq.com/s/u1z009G2lYZK-SGFCXJhyw效果图下面展示一些 Web代码。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="v
2021-08-28 11:55:37
2647
原创 1-2 Math.floor appendChild createTextNode等JS知识
文章目录JS代码代码运行效果代码解析1.Math.floor2.document.createElement("div")3.appendChild()4.let5.getElementByIdJS代码此处省略了HTML和CSS,只贴出JS,详情请看链接: https://mp.weixin.qq.com/s/u1z009G2lYZK-SGFCXJhyw.let titles = [ '我要坚持完成前端小课第一阶段的内容!', '我的目标是学好前端!', '大家共同努力!',
2021-08-28 11:08:48
277
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人