10 2018 档案

table开发中遇到的问题
摘要：table元素是一个很常用的元素。但是在开发中，我也遇到了一些值得记录下来的问题及解决方案： 1.td内容溢出时，隐藏内容并且以省略号提示 2.设置表头宽度，直接设置th的宽度是无效的，因为它是基于自动计算 阅读全文
posted @ 2018-10-30 20:13 兴趣使然的Geek 阅读(140) 评论(0) 推荐(0) 编辑
sort函数实现多条件排序
摘要：js的sort方法，我们一般传入一个回调用于单排序，也就根据某一个条件排序，那么一个场景需要多条件排序(多重排序)，我们怎么处理呢？ 如下例子，我们按学生的总分排序，如果总分相等，我们再按照语文成绩排序。 关键点在于sort回调如何定义排序规则 阅读全文
posted @ 2018-10-30 20:13 兴趣使然的Geek 阅读(5349) 评论(0) 推荐(0) 编辑
async和await对promise异步方案的改进，以及使用注意事项
摘要：async、await相比原生promise的有优势： 1.更加简洁,await一个promise即可,那么会自动返回这个promise的resolve值，无需在then函数的回调中手动取值，彻底解决了回调 2.避免了then链式调用的，没有设置失败回调而导致异常被抛出到then链的末端，而导致被忽 阅读全文
posted @ 2018-10-21 10:10 兴趣使然的Geek 阅读(738) 评论(0) 推荐(0) 编辑
Vue中的v-bind指令
摘要：普通： property="value" 此时 value为字符串 v bind指令 v bind:property="value" 此时 value会被解析成一个变量，若是在vue实例中没有找到，会显示找不到错误 作用： 1.用于动态绑定一个值 2.用于传入变量 注意事项: :property = 阅读全文
posted @ 2018-10-18 21:32 兴趣使然的Geek 阅读(2089) 评论(0) 推荐(0) 编辑
CSS3中box-sizing属性的作用以及应用场景
摘要：盒模型box sizing: 取值 1.content box 默认值，标准盒模型，设置宽度为内容宽度，实际宽度为左右边距加上左右边框加上左右填充再加上内容宽度 2.border box 设置宽度等于元素内容宽度，content包含了元素的border和padding 3.inherit 继承父元素 阅读全文
posted @ 2018-10-18 21:25 兴趣使然的Geek 阅读(3070) 评论(0) 推荐(0) 编辑
flex布局整理以及demo
摘要：flex： 概念： flex容器： display:flex flex项: 轴:水平的主轴、垂直的交叉轴 容器的属性： 1. flex direction(决定主轴的方向、即项目的排列方向) 1.1 row(默认值): 主轴为水平方向，起点在左端 1.2 row reverse: 主轴为水平方向，起 阅读全文
posted @ 2018-10-18 21:22 兴趣使然的Geek 阅读(431) 评论(0) 推荐(0) 编辑
Vue响应式原理以及注意事项
摘要：响应基于 set 和 get(Object.defineProperty) 类型： 单向绑定 双向绑定 简单例子(基于Object.defineProperty) html <!DOCTYPE html Document name age </form // 实现Model到View的单向绑定 // 阅读全文
posted @ 2018-10-14 20:14 兴趣使然的Geek 阅读(1142) 评论(0) 推荐(0) 编辑
js规范思维导图(仅限于自己)
摘要：![](https://img2018.cnblogs.com/blog/1361028/201810/1361028-20181009230456045-1505493587.png) 阅读全文
posted @ 2018-10-09 23:05 兴趣使然的Geek 阅读(182) 评论(0) 推荐(0) 编辑
css规范思维导图(仅限于自己)
摘要：![](https://img2018.cnblogs.com/blog/1361028/201810/1361028-20181009230409452-315562518.png) 阅读全文
posted @ 2018-10-09 23:04 兴趣使然的Geek 阅读(201) 评论(0) 推荐(0) 编辑
html规范思维导图(仅限于自己)
摘要：![](https://img2018.cnblogs.com/blog/1361028/201810/1361028-20181009230143906-848096472.png) 阅读全文
posted @ 2018-10-09 23:02 兴趣使然的Geek 阅读(254) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示