Blogger Information
小雨丶
Blog
16
fans
0
comment
0
visits
13246
integral:0
P beans:32
  • List of blog posts
  • JS常用操作知识——for循环——JS中的‘类’——DOM的操作

    循环do——white入口判断 while(条件语句){执行语句}出口判断://至少执行一次 do{执行语句}while{条件语句}for 循环for(循环条件){ 执行语句}对象循环使用的是for——infor(let key i...

    2021-01-07 17:54 Read 942 comment 0
  • JS高阶知识——值传递/引用传递—模板字面量—解构赋值—对象字面量—函数bind()、call()、apply()方法—访问器属性—流程控制/判断语句

    值传递&&引用传递数据类型:值类型和引用类型值传递:基本数据类型引用传递:引用类型函数传参: 无论什么类型,都是值传递函数中对参数的更新,并不会影响到入参: const fn = x => (x = 10); let x = 5; ...

    2021-01-07 15:57 Read 799 comment 0
  • JavaScript整体介绍

    js引用方式内联脚本 onclick="fn()"// 标签属性调用JS方法内部脚本 js 代码写在script标签中外部脚本 用script标签引用外部js文件定义变量let变量 声明时便初始化,可以更改const常量,声明时必须...

    2021-01-05 20:57 Read 577 comment 0
  • grid对齐方式

    所有项目在网格中的对齐方式place-items: 垂直方向 水平方向;// 值为start center end方式normal是auto的同义词,默认值为start类似flex中的对齐place-content: space-between sp...

    2021-01-05 13:46 Read 1045 comment 0
  • 详说grid布局

    grid布局grid一般用来布局整体轮廓;子元素格式默认是block;(flex默认是inline)方式: display:grid;设置列: 一个grid-template-columns代表一行;grid-template-columns...

    2021-01-03 17:48 Read 1207 comment 0
  • flex布局——京东商城头部+导航

    HTML部分 ...

    2021-01-01 15:42 Read 824 comment 0
  • 弹性盒子布局——flex

    在flex中所有元素都是行内块元素flex中有两条轴,一个主轴,元素的排列方向; 一个交叉轴,元素的换行方向;flex容器的属性 flex-flow:主轴方向与换行方式justify-content:主轴上的对齐方式al...

    2020-12-30 11:18 Read 732 comment 0
  • 布局常用排版方式——浮动,定位

    浮动仅限于水平方向脱离文档流不会影响前边布局*任何元素浮动后,都具备了块级元素的属性 浮动的本质是为了解决图文并排的问题 浮动元素的高度对于包含块不可见浮动元素可以BFC块,使其不影响后边的布局 定位positionstatic:静态定位,默认...

    2020-12-30 10:20 Read 1149 comment 0
  • 盒模型的基本设置与排版

    盒模型box-sizing:content-box;//w3c标准盒子,padding,border不计算在盒子宽高中;box-sizing:border-box;//IE/怪异盒子,padding,border计算在盒子宽高中高度最好是不要直接设置...

    2020-12-20 14:56 Read 934 comment 0
  • 响应式布局单位——em/rem

    1.什么是em继承祖元素font-size的大小;浏览器的默认字号font-size:16px;font-size属性是可以继承的;则:1em=16px;* em可以设置为宽高,然后通过改变font-size大小来实现改变容器大小2.rem因为em只...

    2020-12-19 21:19 Read 984 comment 0
  • CSS选择器的优先级,提权以及CSS的属性简写

    a链接跟form表单中的样式选取1.a链接标签四种状态a:link{//默认,没有点击访问的状态}a:visited{//已点击访问过得状态}a:hover{//鼠标悬停状态}a:active{激活,鼠标点击按下去的状态}2.表单先看一个表单: ...

    2020-12-19 17:34 Read 1157 comment 0
  • CSS样式详解

    引用方式head标签中link标签引入的外部样式,常用;head标签中style标签中来写内部样式,一般不用(不利于优化);...样式标签中style...

    2020-12-19 15:44 Read 592 comment 0
  • HTML基本知识须知

    0.HTML5语义化标签 语义化标签的作用: 语义化标签就是尽量使用有相对应的结构的含义的Html的标签更利于搜索引擎的抓取(SEO的优化)和开发人员的维护(可维护性更高,结构清晰,易于阅读)。 1.浏览器功能:将用户的请求发送到服务器,服务器...

    2020-12-19 15:35 Read 544 comment 0
  • iframe内联框架 && CSS基础

    iframe内联框架a链接中的target=’iframe标签的name的值’点击打开高清壁纸网站

    2020-12-13 17:06 Read 482 comment 0
  • 列表,表格与表单

    列表,表格与表单列表 列表分为:无序列表(ul),有序列表(ol)跟自定义列表(dl) 无序列表ul 有序列表ol 自定义列表dl dt是列表标题...

    2020-12-10 16:18 Read 730 comment 0