2019年4月15日
摘要: 按下ctrl+S的时候自动格式化 为什么需要这种操作? 优点: 保存的时候格式化,让我们的代码自动格式化,减少人工调整。 缺点: 有一些打好包的JS有时候修改一下,但不需要格式化,因为打好包就是要压缩的。 解决: 根本原因在于vscode的插件。大多这种插件有时候默认会出现自动格式化。 因此,去设置 阅读全文
posted @ 2019-04-15 09:05 Vexekefo 阅读(6506) 评论(0) 推荐(0) 编辑
  2019年4月11日
摘要: 如何使用Web字体 嵌入Web字体的关键是 规则, 通过它可以指定浏览器下载web字体的地址,以及如何在样式表中引用该字体 为了解决浏览器对字体格式的兼容性问题,可以在@font face中声明多个src值, 这些src都是不同类型的字体 如: 现代浏览器都支持 和`woff2`字体。 注意 在 中 阅读全文
posted @ 2019-04-11 21:06 Vexekefo 阅读(358) 评论(0) 推荐(0) 编辑
摘要: CSS页面排版 字体族 字体族的值是一个字体备选列表,多个字体使用英文逗号隔开,字体名称如果有空格则需要引号。 font family: "Georgia Pro", "Georgia", "Times", "Times New Roman", "serif"; 为了保证字体族能应用,最后一个通常是 阅读全文
posted @ 2019-04-11 20:27 Vexekefo 阅读(112) 评论(0) 推荐(0) 编辑
摘要: 清除浮动 排除远古时代的hack解决方案,比如那些要兼容IE6~8的方法。其实总结起来,大致有三种方法: overflow 原理解析: 块级格式上下文规定了页面必须自动包含突出的浮动元素! 而overflow属性值不是visible的元素就会建立块级格式上下文,所以设置overflow:hidden 阅读全文
posted @ 2019-04-11 19:28 Vexekefo 阅读(105) 评论(0) 推荐(0) 编辑
摘要: CSS包含块原理解析 确定CSS中的包含块也确定就是元素的父元素。 关键是:看元素是如何定位的 。确定包含块很重要,比如设置百分比。另外也可以进行样式的继承等等。 分两个情况: 相对定位和静态定位 静态定位(默认)和相对定位的父元素都是最近的父元素。 绝对定位和固定定位 绝对定位和固定定位会脱离文档 阅读全文
posted @ 2019-04-11 19:14 Vexekefo 阅读(148) 评论(0) 推荐(0) 编辑
摘要: 默认盒模型——content box 默认盒模型下,width和height指的就是内容区块的长宽。 而 默认的盒子模型的缺点是 设置宽高不直观 ,因为设置的宽高是内容而不是整个盒子的宽度,所以经常会出现问题。 边框盒模型—— border box 边框盒模型下,设置的width和heigth将会包 阅读全文
posted @ 2019-04-11 18:43 Vexekefo 阅读(144) 评论(0) 推荐(0) 编辑
摘要: 高对比度是确保网页阅读无障碍的关键,但也往往会被过分强调。 白底黑子会让打断文本显得过分密集,反而影响可读性。 文字颜色 3b4348 链接颜色 235ea7 衬线字体 font family: "Georgia Pro", Georgia, Times, 'Times New Roman', se 阅读全文
posted @ 2019-04-11 14:47 Vexekefo 阅读(177) 评论(0) 推荐(0) 编辑
  2019年4月9日
摘要: 3种方式提高页面加载速度 现代浏览器渲染内容前,需要两样东西:HTML和CSS。 ,所以保证浏览器尽快下载这两种类型的文件很重要!一般JS只是负责交互,跟内容渲染到浏览器中关系不大。 减少HTTP请求 每个样式文件都需要发一次HTTP请求到服务器中。浏览器需要花时间下载样式文件,并且应用文件中的样式 阅读全文
posted @ 2019-04-09 21:12 Vexekefo 阅读(205) 评论(0) 推荐(0) 编辑
  2019年3月27日
摘要: module.exports和exports 写node的时候,特别是自定义模块的时候,都是一顿乱敲,然后 完事。 但有时候去看别人写的代码的时候会发现还可以 ,比如导出一个函数 这样总少写了module,感觉更简洁。 为了让自己写代码更快乐一点,我决定搞清楚它们的区别。 查看官方文档,谷歌一波。 阅读全文
posted @ 2019-03-27 21:31 Vexekefo 阅读(5056) 评论(0) 推荐(3) 编辑
摘要: 我最近在使用mongoDB的时候,发现了这个警告语句,纳闷了,按照官方文档的教程去连接数据库还能出错,也是醉了。 后来尝试去阅读相关资料,发现只是需要将{ useNewUrlParser: true }传入到connect方法中即可: 就不会显示那烦人的警告了,快乐编程。 阅读全文
posted @ 2019-03-27 15:16 Vexekefo 阅读(2370) 评论(0) 推荐(1) 编辑