上一页 1 2 3 4 5 6 7 8 ··· 12 下一页
2019年10月21日
map方法的使用——从对象数组中分离出部分field，重新组成数组
摘要： 1、Record 和 field ES6 规定将键值对（key-value map）的数据结构称为 Record，其中的每一组键值对称为 field。这就是说，一个 Record 由多个 field 组成，而每个 field 都包含一个键名（key）和一个键值（value）。 那些使用匿名函数当作参 阅读全文
posted @ 2019-10-21 21:37 近距离 阅读(2888) 评论(0) 推荐(0) 编辑
element-ui中select组件v-model绑定值为对象时的处理
摘要： 对于下拉组件，当有时，不只需要select中的value，还需要使用其他信息如id，那么，可以使v model绑定的值是一个对象，并加上value key属性，依旧可以实现默认值对应。 另外，如果数据库中存的只是value，而不是id，那么将value值设置为value，而不是id，同样也是可以找到 阅读全文
posted @ 2019-10-21 21:32 近距离 阅读(26653) 评论(0) 推荐(0) 编辑
2019年10月9日
Webstorm 文档注释模板及函数代码注释
摘要： 参考链接：https://blog.csdn.net/qq_39108466/article/details/79712547 说明：实际使用时，与参考链接的文章有出入的是快捷键，实际使用如下： 快捷键 打开Webstorm设置，搜索‘Live Template’，找到JavaScript，再进行一 阅读全文
posted @ 2019-10-09 23:06 近距离 阅读(2402) 评论(0) 推荐(0) 编辑
2019年8月29日
好用的录屏软件
摘要： 信息展示或记录或讲解的时候，常常诸如屏幕录制并生成gif图的需求，现在在用的一个工具是:ScreenToGif,开源免安装，感觉用起来还挺方便的。 ScreenToGif： https://github.com/NickeManarin/ScreenToGif/releases 下载链接： http 阅读全文
posted @ 2019-08-29 10:17 近距离 阅读(158) 评论(0) 推荐(0) 编辑
2019年8月16日
定宽高比的css实现方法：flex + 伪类 + padding
摘要： css定宽高比，很久没做过这个需求了，记得之前都是直接用js来处理的，本例运用flex + 伪类 + padding的css的实现方法，涉及到三个点。 1：上下padding的值，相对于最近父级的宽 2：flex布局，未设置高的具体值的时候，其值等于子级内容最大的高度 3: 伪类，content为空 阅读全文
posted @ 2019-08-16 16:21 近距离 阅读(961) 评论(0) 推荐(0) 编辑
flex与margin在单行布局的配合使用
摘要： flex布局极大程度上方便了页面的构建，如下的几种布局当中，为了不增加额外的标签来嵌套，单独使用flex布局的话，还需要其他一些设置来处理，比如与伪元素的配合使用，这个下次再进行描述，这里flex与margin的使用配合，个人认为是目前自己用过最方便的一种方法。 参考链接: 你未必知道的49个CSS 阅读全文
posted @ 2019-08-16 15:35 近距离 阅读(4619) 评论(0) 推荐(0) 编辑
width、min-width、max-width再实践 (height 同理)
摘要： 第 60 题：已知如下代码，如何修改才能让图片宽度为 300px ？注意原始代码不可修改。 img { min width: 700px; } <!DOCTYPE html width & max width .wrapper { width: 500px; margin: 50px auto; } 阅读全文
posted @ 2019-08-16 14:24 近距离 阅读(537) 评论(0) 推荐(0) 编辑
换行符不被解析的css解决方法
摘要： 属性设置如何处理元素内的空白。 参考链接：常见样式问题七、word break、word wrap、white space区别 阅读全文
posted @ 2019-08-16 10:19 近距离 阅读(1367) 评论(0) 推荐(0) 编辑
强制换行word-break:break-all或者word-wrap:break-word都无效的解决方法
摘要： 一、无效原因： 可能是元素中设置的white space是norwrap，所以无法换行。 二、解决方法：将white space的值设置成normal自动换行 参考链接：word wrap与word break的区别，以及无效情况 阅读全文
posted @ 2019-08-16 09:36 近距离 阅读(5667) 评论(0) 推荐(0) 编辑
2019年7月23日
package.json文件scripts脚本解读（npm scripts && shell和bash && process.env && NODE_ENV && cross-env）
摘要： 在 文件中，我们常常会看到这样的代码，并且也知道如何去执行脚本命令，但是，我们为什么可以这样使用呢？通过仔细阅读几篇文章，已经基本得到了答案，这里做一个简单的提炼、理解和记录。 一、什么是 npm 脚本 文件里面的 字段中定义的就是npm脚本 二、npm脚本的原理 每当执行 ，就会自动新建一个 Sh 阅读全文
posted @ 2019-07-23 16:54 近距离 阅读(3990) 评论(0) 推荐(3) 编辑
上一页 1 2 3 4 5 6 7 8 ··· 12 下一页