HTML里不为人知的秘密(02)之常见元素属性使用
摘要：HTML里不为人知的秘密(02)之常见元素属性使用 01) 表单元素分组 fieldset legend 表单元素分组 <form> <fieldset style="width: 30px;"> <legend>个人信息</legend> 姓名：<input type="text" /> <br>
阅读全文
posted @ 2020-07-04 16:40
随笔分类 - 前端
HTML里不为人知的秘密(01)之table表格练习_构建行星数据
摘要：HTML之table表格练习_构建行星数据 主要练习内容: tbody 表格主体 caption 表格的标题 thead 表格的表头 tfoot 表格的页脚 th 表格的表头单元格 练习技巧: 先写一个完整的表格[最多行最多列],再考虑合并的问题 <!DOCTYPE html> <html> <he
阅读全文
posted @ 2020-07-04 15:57
vue项目中解决文件上传 change事件只执行一次的问题
摘要：vue项目中解决文件上传 change事件只执行一次的问题 文件上传第一次上传一个文件后,再次上传这个文件,无法执行change事件, 01) 解决办法,借助v-if 02) 使用 Ant Design Vue 官方的 upload demo: <template> <div> <h3>这里是需求页
阅读全文
posted @ 2020-07-03 14:48
ul 元素引发的思考 margin-inline-start 和 margin-block-start
摘要：ul 元素引发的思考 margin-inline-start 和 margin-block-start 兼容文字阅读方向 margin-inline-start <style> .rtl-tb { direction: rtl; /*margin-block-start: 50px; */ /* 文
阅读全文
posted @ 2020-07-03 11:03
CSS 权重和优先级
摘要：CSS 权重和优先级 权重从高到低 !important 内联样式[ 行内样式 ] id选择器 类选择器,属性选择器,伪类 元素选择器,伪元素
阅读全文
posted @ 2020-07-03 10:00
MDN站点 使用技巧
摘要：MDN站点 使用技巧 01) 查看某个css的属性 比如查看 font-size 的是否继承属性 其他: 官网地址 MDN web Docs
阅读全文
posted @ 2020-07-03 09:54
vue-cli 中使用父子之间传值_父组件传值子组件_封装form表单
摘要：vue-cli 中使用父子之间传值_父组件传值子组件_封装form表单 使用prop属性,(借助v-bind绑定) study01.vue 中代码 <template> <div> <h3>这里是需求页面</h3> <v-form-work ref="form-work" :arrForm="tab
阅读全文
posted @ 2020-06-28 18:31
vue 数组中常见 __ob__: Observer 没有办法循环获取值
摘要：vue 数组中常见 __ob__: Observer 没有办法循环获取值 解决办法: JSON.parse(JSON.stringify("xxxxxxxObserver"))
阅读全文
posted @ 2020-06-27 17:26
前端集中营--工具篇
摘要：前端集中营--工具篇 Web Uploader 文件上传组件 MDN iconfont 阿里巴巴矢量图标 momentjs bignumber.js numbers.js mathjs(不推荐)
阅读全文
posted @ 2020-06-27 00:18
vue-cli 中使用父子之间传值_父组件传值子组件_封装button按钮
摘要：vue-cli 中使用父子之间传值_父组件传值子组件_封装button按钮 使用prop属性,(借助v-bind绑定) study01.vue 中代码 <template> <div> <header-btn @handleSave="handleSave" @handleSubmit="handl
阅读全文
posted @ 2020-06-26 22:26
css 选择器
摘要：css 选择器 项目和实际中使用频率高的 后代选择器 和 子代选择器 和 伪元素 01) 后代选择器 (以空格分隔) <!-- 后代选择器(以空格分隔) 选择div 元素内的所有p 元素 中的 所有span 元素 --> <style> div p span{ color: #ff0000; } <
阅读全文
posted @ 2020-06-21 01:23
Ant Design Vue 中 DatePicker 日期选择框 使用
摘要：Ant Design Vue 中 DatePicker 日期选择框 使用 01) 单页面中使用_demo: 新建 test.vue,内容如下 <template> <div> <a-date-picker @change="onChange" :default-value="defaultTime?
阅读全文
posted @ 2020-06-18 15:32
vue 中 meta 元数据使用和页面中title处理,登录login判断处理
摘要：vue 中 meta 元数据使用和页面中title处理,登录login判断处理 router.js 路由文件中设置meta export default new Router({ // mode: 'history', routes: [ { path: '/', name: 'home', met
阅读全文
posted @ 2020-06-15 08:41
HTML中添加meta元数据内容
摘要：HTML中添加meta元数据内容 let head = document.getElementsByTagName('head'); let meta = document.createElement('meta'); meta.content = "dddddddddddddddddddddddd
阅读全文
posted @ 2020-06-14 15:49
slot-scope="scope" 插槽获取当前对象
摘要：slot-scope="scope" 插槽获取当前对象 <el-table :data="tableData" :key="10000" @selection-change="selectChange" style="width: 100%;"> <el-table-column label="详细
阅读全文
posted @ 2020-06-14 13:53
vue组件之间传值(03)__兄弟组件传值,事件总线[ EventBus ]
摘要：兄弟组件传值,事件总线[ EventBus ] 使用事件总线 EventBus // src/utils/eventBus.js 文件内容 ***新建全局vue实例*** // 事件总线 // 非父子组件传参 import Vue from "vue"; export default new Vue
阅读全文
posted @ 2020-06-10 11:27
ant-design-vue1.3.7 和 vue-draggable-resizable2.2.0 之间引起的表格拖拽问题
摘要：ant-design-vue1.3.7 和 vue-draggable-resizable2.2.0 之间引起的表格拖拽问题 现象:拖拽的时候,会覆盖掉紧挨着的列的数据 [ 注意版本 ] 01) 解决方案一: 升级 ant-design-vue 到1.4版本以上,官网在1.4版本的时候解决这个问题,
阅读全文
posted @ 2020-06-10 09:09
css3自适应关键字: max-content
摘要：css3自适应关键字: max-content 01) max-content width:max-content表示采用内部元素宽度值最大的那个元素的宽度作为最终容器的宽度。如果出现文本，则相当于文本不换行 <style> .outer{ width:-webkit-max-content; wi
阅读全文
posted @ 2020-06-09 20:01
css 之 text-align 文本对齐
摘要：css 之 text-align 文本对齐 <style> .box{ background-color: #00ff00; text-align: center; /** 让inner中内容居中对齐,不是对inner的div居中*/ } .inner{ background-color: #9b5
阅读全文
posted @ 2020-06-07 23:28
v-if 和 v-show 区别
摘要：v-if 和 v-show 区别 v-if：每次都会重新删除或创建元素，具有较高的切换性能消耗；v-show：每次切换元素的 display：none 样式，具有较高的初始渲染消耗。 demo: <div id="app"> <div v-if=test>我是大飞 v-if</div> <div v
阅读全文
posted @ 2020-06-07 01:47
