- 博客(7)
- 收藏
- 关注
原创 flex 布局
align-self属性允许单个项目有与其他项目不一样的对齐方式,可覆盖align-items属性。默认值是auto,表示继承父元素的align-items属性,如果没有父元素,则等同于stretch。flex-wrap属性定义,flex布局中默认是不换行的。注:设置子项在侧轴上的排列方式只能用于子项出现换行的情况(多行),在单行下是没有效果的。总结flex布局原理:通过给父盒子添加flex属性,来控制子盒子的位置和排列方式。默认值,从头部开始,如果x轴是主轴,则从左到右。注意:子元素是跟着主轴来排列的。
2022-11-19 16:54:18
516
1
原创 DOM基础知识--操作元素
element.属性 获取属性值element.getAttribute('属性');element.属性 获取内置属性值(元素本身自带的属性)element.getAttribute('属性');主要获得自定义的属性(标准)H5规定自定义属性data-开头做为属性名并赋值。比如 或者使用JS设置兼容性获取H5新增或者。
2022-11-07 17:13:40
464
原创 DOM基础知识---获取元素
因为得到的是一个对象的集合,所有要想操作里面的元素就需要遍历,如上面代码中含有两个div,获取时只返回第一个div。返回的是获取过来元素对象的集合,以伪数组的形式存在。注:如果页面没有这个元素,返回的是空的伪数组的形式。当有多个元素符合选择时,返回第一个元素。返回指定选择器的所有元素对象集合。根据类名返回元素对象集合。
2022-10-23 18:12:07
252
原创 前端 :WebSocket的使用
WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在 WebSocket API 中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。点击发送按钮,触发send事件,可发送消息,对应的客户可接收到数据。onmessage:接收消息时触发。onerror:连接不成功时触发。
2022-09-17 19:54:23
281
原创 边框图片.
border-image-repeat:图片边框是否应平铺(repeat)、铺满(round)或拉伸(stretch)。当盒子大小不一,但是边框样式相同,可用边框图片(border-image)来完成。border-image-source:用在边框的图片的路径(哪个图片?border-image-slice:图片边框向内偏移。border-image-width:图片边框的宽度(需要。把四个角切出去,中间部分可以铺垫、拉伸或者环绕。3.边框图片的语法:(重要)
2022-08-21 16:09:52
97
原创 vue 数据共享
在项目开发中,组件之间的关系分为如下3种:1.父子关系2.兄弟关系3.后代关系例:A与B、A与C为父子关系,B与C为兄弟关系,A与D、G、H等为后代关系。父子组件之间的数据共享分为父->子共享数据子->父共享数据父子双向数据同步父组件通过v-bind属性绑定向子组件共享数据。同时,子组件需要使用props接收数据。例:子组件通过自定义事件的方式向父组件共享数据。例:父组件在使用子组件期间,可以使用v-model指令维护组件内外数据的双向同步:兄弟组件之间实现数据共享的方案是EventBus。可以借助于...
2022-08-06 22:38:32
423
原创 vue基础知识
1.v-text指令的作用是设置标签的内容(textContent)2.原理是修改元素的display,实现显示隐藏。指令的作用是根据表达式的真假切换元素的显示状态。指令的作用是根据真假切换元素的显示状态。数组长度的更新会同步到页面上,是响应式的。根据表达值的真假,切换元素的显示和隐藏。5.数据改变之后,对应元素的显示状态会。l指令的作用是便捷的设置和获取表单元素。3.指令后面的内容,最终都会解析为。指令的作用是根据数据生成列表结构。指令的作用是为元素绑定属性。指令的作用是设置元素的。...
2022-07-24 12:02:09
133
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人