设置，隐私，诊断和反馈：勾选可选诊断数据 再重新打开预览体验计划 来源：https://www.bilibili.com/read/cv10925326
electron安装vue-devtools
import electronDebug from 'electron-debug' // import installExtension, { VUEJS_DEVTOOLS } from 'electron-devtools-installer' import { app, BrowserWindow, session } from 'electron' app.whenRead...
如何解压electron的app.asar
一、描述： 目前打包electron的项目时，发现打包出的压缩包有点大，查看npm run build里面的build文件夹，发现是app.asar文件比较大， （app.asar文件是Electron程序的主业务文件，是一种压缩格式的文件） ...
移动端浏览器 vh 单位异常问题
在做一个响应式布局时用 vh 单位定义了元素的高度，结果在发现在移动端的 Chrome 和 Firefox 浏览器中，浏览器 URL 栏显示的情况下元素都出现了错位。 查找到原因是移动端下浏览器对 100vh 的定义不考虑 URL ...
关于网页上显示半角引号和全角引号的问题
在 CJK（中日韩）文字中，只有简体中文在官方标准中使用弯引号（“ ” 以及 ‘’）来表示引用。可能因为这个原因，当初 Unicode 在制定时并未独立设置「全角弯引号」这样的字符，于是，中文和西文的弯引号共用以下...
CSS Grid 网格布局教程
一、概述 网格布局（Grid）是最强大的 CSS 布局方案。 它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了。 上图...
如何解决img出现白色底边
在开发的过程中，发现插入一张图片后，图片会出现白色底边，到底是怎样解决呢，首先看一下代码： HTML代码： <body> <div class="banner"> <img src="img/banner.jpg" alt="bann...
column-count margin对齐
只需对列元素添加 display: inline-block;
aspect css polyfill
.aspect-ratio-box { position: relative; max-width: 500px; } .aspect-ratio-box::before { float: left; padding-top: 56.25%; content: ''; } .aspect-ratio-box::after { display: bl...
Commit message 和 Change log 编写指南
Git 每次提交代码，都要写 Commit message（提交说明），否则就不允许提交。 $ git commit -m "hello world" 上面代码的-m参数，就是用来指定 commit mesage 的。 如果一行不够，可以只执行git commit，就...