day50

╰半夏微凉° 2023-10-10 09:03 17阅读 0赞

创建标签 只能用原生js

`document.createElement('a')`

原生js的执行速度比用了包的，比如jQuery啥的执行速度要快，所以原生js也要熟悉。

this 就类似于后端的self

指代的 是当前被操作对象本身

data()

能够支持所有的标签都给你临时地保存数据 并且不会在文档流中显示出来。

一开始 不要用bootcdn上面的网址导入

要先把bootstrap文件夹放到项目里 这样 他才会有提示

拷贝样式方法

![1609091-20190911101416205-1008119143.png][]

bootstrap是依赖于jQuery的，所以应该先导入jQuery

第一个是两边留白

第二个是全占

![1609091-20190911102623642-139078279.bmp][]

响应式布局 根据终端的显示页面大小 调整样式

栅格系统

![1609091-20190911103413732-105912489.bmp][]

@media screen and ()

只要页面宽度设置到600 就响应变化

栅格系统的参数

![1609091-20190911104117438-1670160025.bmp][]

把这个里面的class加上就可以适配不同的终端

![1609091-20190911110520584-1688539613.bmp][]

input框想要他有样式 加上 form-control

快速浮动

![1609091-20190911114311301-74110744.bmp][]

比较重要的是

![1609091-20190911114513536-741555563.bmp][]

转载于:https://www.cnblogs.com/PowerTips/p/11509354.html

[1609091-20190911101416205-1008119143.png]: https://img2018.cnblogs.com/blog/1609091/201909/1609091-20190911101416205-1008119143.png
[1609091-20190911102623642-139078279.bmp]: https://img2018.cnblogs.com/blog/1609091/201909/1609091-20190911102623642-139078279.bmp
[1609091-20190911103413732-105912489.bmp]: https://img2018.cnblogs.com/blog/1609091/201909/1609091-20190911103413732-105912489.bmp
[1609091-20190911104117438-1670160025.bmp]: https://img2018.cnblogs.com/blog/1609091/201909/1609091-20190911104117438-1670160025.bmp
[1609091-20190911110520584-1688539613.bmp]: https://img2018.cnblogs.com/blog/1609091/201909/1609091-20190911110520584-1688539613.bmp
[1609091-20190911114311301-74110744.bmp]: https://img2018.cnblogs.com/blog/1609091/201909/1609091-20190911114311301-74110744.bmp
[1609091-20190911114513536-741555563.bmp]: https://img2018.cnblogs.com/blog/1609091/201909/1609091-20190911114513536-741555563.bmp