- 博客(21)
- 收藏
- 关注
原创 css常用demo练习
1.横向弹性布局,溢出的部分换行flex布局实现不同分辨率屏幕显示效果不同,”自适应布局“(flex-flow是flex-direction和flex-wrap的复合属性)display:flex;flex-flow:wrap;white-space: nowrap;text-overflow: ellipsis;2.文字多余部分用省略号表示over-flow:hidden;white-space:nowarp;text-overflow:ellipsis;3.弹性布局,水平均匀间
2022-05-30 14:27:10
2237
原创 css中的>
参考:https://m.php.cn/article/477221.html.父元素>.子元素等效于.父元素{ .子元素{ }}表示该层级父元素的下一层级的子元素,是嵌套结构的简便写法,当没有复杂的嵌套结构时,直接用第一种写法代替嵌套写法。2.而.父元素 .子元素{} 表示该父元素下的所有子元素...
2022-05-30 09:55:51
1758
1
原创 使用js添加对象属性和vue方法this.$set()添加对象属性区别
js更新对象:this.obj["name"]="ddd"this.set()更新对象(this.set()更新对象(this.set()更新对象(this.set用于向响应式对象添加一个属性,更新响应式的对象,能够触发视图更新,确保这个新属性是响应式的;因为普通定义在data中对象,使用js方法去添加属性,虽然属性添加成功,控制台可以打印,但可能无法更新视图) /*对象,新属性,值*/this.$set(this.editForm,"name",ddd).
2022-05-27 09:46:45
306
原创 伪元素常规用法
伪元素常用于给在某个元素之前添加图片,例如想在某个dom之前添加图片,却不想在html结构写img标签,就可以在style样式中使用::before添加伪元素。<html> <div class="container"> <div class="mydiv"></div> </div></html>常规写法.mydiv::before{ content:"", background:url() cent
2022-05-19 20:58:44
798
原创 美化elementUI滚动条样式
<el-dialog custom-class="edit-form-dialog"></el-dialog>使用custom-class属性修改elementUI的dialog样式/deep/ .edit-form-dialog { .el-dialog__body { padding: 15px 15px !important; //height: 100px; max-height: 60vh; overflow-
2022-05-19 19:58:54
1591
原创 CSS盒子水平垂直布局
文本水平居中(1)父元素:text-align:center;div垂直居中:(1)父元素:display:flex;子元素:align-self:center;div水平垂直居中:(1)父元素:display:flex;justifiy-content:center;align-items:center;子元素:(2)父元素:position:relative:子元素:postion:absolute;left:50%;right:50%;transform:translate
2022-05-02 14:29:49
158
原创 js处理树形数据
splice方法:https://segmentfault.com/q/1010000040502862/https://www.cnblogs.com/yanggb/p/12572124.htmlhttps://xie.infoq.cn/article/994044797f1e3c36a2bc796fe
2022-01-05 19:43:44
2118
原创 Vue项目踩坑:el-switch等用1,0绑定无法渲染的问题
错误写法:<el-form-item label="设备状态" prop="state"> <el-switch v-model="editForm.state" active-value="1" inactive-value="0"></el-switch></el-form-item>正确写法:<el-form-item label="设备状态" prop="state"&
2021-10-09 09:48:55
1162
原创 js提取对象数组中的某一个属性组成新数组(json格式化)
arrOld = [ {name: "zhangsan", age: "18"}, {name: "lisi", age: "20"}, {name: "wangwu", age: "17"}, {name: "zhaoliu", age: "19"}]arrNew = ["zhangsan", "lisi", "wangwu", "zhaoliu"]方法一:let arrNew = []arrOld.forEach(item => { arrNew.push(it
2021-09-27 16:54:00
927
原创 eclipse配置服务器运行环境(apache-tomcat)并且新建tomcat服务器
eclipse配置服务器运行环境(apache-tomcat)并且新建tomcat服务器参考链接:https://blog.youkuaiyun.com/zeroheitao/article/details/1089707131.jdk已经配好了2.官网里边tomcat下载有解压(zip)版和安装版(exe)一说,下载tomcat zip版(解压版)3.打开eclipse的“Window”菜单,选择“Preferences”。“Server”下边的“Runtime Environments”然后"
2021-09-02 16:55:45
932
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人