前端学习笔记
看完黑马前端视频,自己的学习笔记
爱前端的小周同学
前端小白,仅记录工作中遇到的问题.
展开
-
写网页前的准备工作,以及写网页的流程
能够根据项目需求创建根目录1.图片文件夹:images2.样式文件夹:CSS文件夹一般命名为英文,因为将来要上传到服务器.服务器不支持中文,如果用中文可能会出问题布局思路:从外到内,从上到下,从左到右css:浮动/display/盒子模型;文字样式。原创 2023-02-01 15:16:49 · 881 阅读 · 0 评论 -
浮动怎么写?
就是平时见到的那样,比如div换行显示,行内元素没有宽高.常见标准流排版规则:1.块级元素:从上往下,垂直布局,独占一行2.行内元素或行内块元素,从左到右,水平布局,空间不够自动换行但是标准流的排列方式很多时候无法满足我们的需求.浮动的作用就是为了让块级标签完美的在一行显示.在学习浮动之前,我们想要让块级元素同一行显示可以将块级元素转成行内块元素.但是会有问题.一行显示后,浏览器解析行内块或行内标签的时候,如果标签换行书写会产生一个空格的距离三.浮动-作用以前是用来图文环绕现在是。原创 2023-02-01 13:37:19 · 256 阅读 · 0 评论 -
伪元素该怎么写?作用是什么?
css去写标签.一些不重要的装饰性的内容可以用伪元素.,有内容,就写内容.没内容就写content放引号。内容放到content里面,一定要有。元素指的是标签,伪指的是假的,那么。::before 在该内容的前面。::after 在该内容的后面。原创 2023-01-30 11:57:54 · 142 阅读 · 0 评论 -
外边距的折叠现象
垂直排列的盒子,如果同时加了margin,上下的margin会合并.最终两者的距离为margin的最大值解决办法:只给其中一个盒子设置margin即可二.塌陷现象互相嵌套的块级元素,子元素的margin-top会作用到父元素身上.导致父元素一起往下移动解决办法:1.给父元素设置borde-top或者padding-top(分隔父子元素的margin-top)2.给父元素设置(这个方法最好)3.转换成行内块元素4.设置浮动。原创 2023-01-30 10:30:25 · 212 阅读 · 0 评论 -
jq确认框确定按钮事件重新绑定
最近在做公司的总控项目,这个项目比较老,全是用html,css,js,jq完成的.陆陆续续也碰到不少问题,记录一下.原创 2023-01-29 11:11:06 · 423 阅读 · 0 评论 -
工作中的自我反思[实时更新]
本篇将一直记录自己工作中犯的错,需要注意的点:1.class,click等需要命名的地方,命名的名字一定要注意.例如,上传文件的点击事件,它的标签为你就不要取名为upload了.这样当你想要快速找到这个点击事件的时候你就会很费劲.如下,上传文件的点击事件只有一个,但因为取名为upload就会很难找取名不知道取什么,可以参考这个在线的取名网站https://unbug.github.io/codelf2.要学习如何看官方文档,知道它的东西怎么使用.这个我还需要自己多去琢磨3.即便不是自己写的代原创 2022-01-17 09:36:11 · 4598 阅读 · 0 评论