前端代码小白的日常博客

在安卓端和h5页面调试端，video标签下的mp4格式文件均可以播放，但是video标签部分mp4文件在ios中无法自动播放的问题，搜了很多资料有如下解决方案。x5-video-player-fullscreen=“true”：全屏设置，设置为 true 是默认全屏播放，ios网页中播放视频默认全屏。muted：静音播放，一般浏览器chrome为例，用户需要在页面上操作一次，才能播放视频，不允许用户进入后直接显示声音。后面四个属性，是查阅资料时看到的前端解决方案，笔者添加完后四个属性，ios便可以播放了。

在写网页分类的时候通常会出现点击下箭头所有的分类内容展开，同时下箭头变为上箭头，小箭头可以找一个图片，也可以使用伪元素的写法，通常我们写两个小箭头进行显示隐藏的写法，但是此时有个偷懒的小方法就是写一个小箭头同时在点击事件中加上一个元素的属性transform: scaleY(-1);如果实行点击翻转的话可以在点击事件中添加样式transform: scaleY(-1);transform: scaleX(-1)的作用：使内容左右翻转。transform: scaleY(-1)的作用：使内容上下颠倒。

在vue中使用原生的select下拉框的时候，绑定数据内容但是发现其中默认显示第一条的并不显示需求实现效果实际实现效果原因分析仅有对象的内容请见，该博主的分析

在解释这个问题之前，首先了解position的五个元素定位类型。

popper-append-to-body 属性是 Element-ui 官方文档中提供的一个属性，该属性的用途: 就是将 el-select 选项的内容移动 div#app 当中，默认值是 true;当页面滚动的时候，el-select的内容跟随页面移动，不是跟随el-select下面的input进行移动，想要实现的效果如下图。important 为所有样式的最高级，可以通过外联的样式来个更改el-select本身自带的样式。模态框中的el-select下拉框不跟随页面滚动问题。

缺点：需要自行设置宽度，使用flex则中间无间隙，需要自行计算每行子盒子所占的宽度，以及间隙的内容。中间两端中间有间隔，不能够两端很好的贴近父级的边边（如该方法有更好的解决方案，欢迎留言）优点：不用设置宽度，会根据需要自动设置宽度，且无需写父级的伪元素。优点：上手比较容易，容易想。

浏览器自带的翻译对我们来说用处还是很大的，但有的时候突然间就会变成‘无法翻译此网页’，下面针对此问题讲解一下解决方案

默认，定义带有小写字母和大写字母的标准文本。文本中的每个单词以大写字母开头。定义无大写字母，仅有小写字母。定义无小写字母，仅有大写字母。