2020年09月_qiphon3650

12月 11月 10月 09月 08月 07月 04月 02月 01月

转载 css 形成独立层条件

层叠上下文在我们使用 css 的定位的时候，元素的渲染顺序是由其 z-index 的值影响的。这是因为这些元素具有能够使他们形成一个层叠上下文的特殊属性。文档中的层叠上下文由满足以下任意一个条件的元素形成：文档根元素（）；position 值为 absolute（绝对定位）或 relative（相对定位）且 z-index 值不为 auto 的元素；position 值为 fixed（固定定位）或 sticky（粘滞定位）的元素（沾滞定位适配所有移动设备上的浏览器，但老的桌面浏览器不支

2020-09-29 16:55:53 655

转载 for await ... of

for await … ofconst simulateDelay = (val, delay) => new Promise((resolve) => setTimeout(() => resolve(val), delay));class RandomNumberGenerator { [Symbol.asyncIterator]() { return { next: async () => { return simulateDe

2020-09-25 10:56:51 989

原创 css grid 布局

css gridCSS Grid 网格布局Grid 布局与 Flex 布局有一定的相似性，都可以指定容器内部多个项目的位置。但是，它们也存在重大区别。Flex 布局是轴线布局，只能指定"项目"针对轴线的位置，可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列"，产生单元格，然后指定"项目所在"的单元格，可以看作是二维布局。Grid 布局远比 Flex 布局强大。容器属性注意，设为网格布局以后，容器子元素（项目）的float、display: inline-block、display:

2020-09-23 15:48:22 656

原创 git 删除项目中的大文件

git 删除项目中的大文件git中的文件一旦入到git的版本记录中就会永久的存在，我们使用 git rm -rf <filename> 删除的并不是文件本身，而是在当前记录中不展示这个文件而已，方便我们再次需要这个文件的时候能够恢复这些内容如果要某些大文件使仓库的整体体积过大，我们就要想办法优化掉这些内容，比如一些不必要的视频、音频、图片等文件，删除的方法：# 查找大文件只显示 9个git verify-pack -v .git/objects/pack/pack-*.idx | s

2020-09-15 17:28:28 782

翻译 iphone去除 input 框的内阴影

iphone去除 input 框的内阴影给元素添加平台特有的样式input{ .... -moz-appearance:button; /* Firefox */ -webkit-appearance:button; /* Safari 和 Chrome */ appearance:button;}相关解释 mdn

2020-09-15 14:28:58 509

翻译 System limit for number of file watchers reached, watch

vscode linux 下修改文件监控数解决 bug System limit for number of file watchers reached, watchsudo vi /etc/sysctl.conf# 在最后面加入fs.inotify.max_user_watches=524288# 保存后推出# 之后运行命令sudo sysctl -p该部分摘抄自 https://code.visualstudio.com/docs/setup/linux#_visual-studi

2020-09-14 12:40:12 5431

原创微信webview视频页面内播放

微信webview内要实现视频页面内播放要在video上面添加很多额外的属性，下面是我目前使用到的<video preload="true" playsinline="" webkit-playsinline="true" x5-video-player-type="h5-page" x5-video-orientation="portrait" x5-video-player-fullscreen="true" x-webkit-airplay="allow" loo

2020-09-07 16:50:41 1533