网上搜索了很多方法，下载了babel-polyfill，@babel下的polyfill，再main.js引入再配置等等都不生效，原来是webpack配置的browerslist的原因，>.<修改package.json文件的browserslist配置，修改为你想要兼容的浏览器列表。用来确定需要转译的 JavaScript 特性和需要添加的 CSS 浏览器前缀。直接使用默认配置打包部署出来的项目

在线测试实时流地址：http://playertest.longtailvideo.com/adaptive/bipbop/gear4/prog_index.m3u8。

需求：根据传参动态生成表单，例如搜索表格的表单。

需求：在线浏览pdf文件，并且禁止掉用户下载打印的效果。分析：普通的iframe、embed标签都只能实现在线浏览pdf的功能，无法禁止掉工具栏的下载打印功能。只能尝试使用插件，pdfobject.js这个插件可以实现功能，而且操作简单，但是兼容性不好，不兼容火狐、ie浏览器。于是替换成pdf.js实现：因为不想在服务器放太多东西，所以引用pdf后的方法都是自己调用的api实现的。以下仅是核心代码

直接在element的时间轴组件el-timeline-item上挂在点击事件是不生效的，只有点击在连接线的位置才能触发，这是因为在点击过程中，可能点击到的是el-timeline-item的子元素，比如el-timeline-item__timestamp is-bottom"></div>元素解决方法：在click上面加上修饰符.native<el-timeline&g

项目开发中，总会涉及很多的数据渲染的问题，涉及很多的接口操作。前端通过调用接口获取后台真实数据渲染在页面中。    在中大型项目中往往需要很多的接口调用的操作。如果将这些接口封装在一个文件中，暴露出来，在页面需要的地方调用这个暴露的方法，这样就更容易管理，方便后面需要更改的时候返回来查看。1.需要的接口封装2.封装好的方法暴露出来

vue create创建项目时，报错command failed: npm install --loglevel error --legacy-peer-deps，记录一下解决过程

需求：锚点导航问题，点击导航跳到对应的模块，两种方式1.滚动盒子滚动到指定高度 scrollTo（offsetTop每个模块顶部距离可滚动盒子的顶部偏移的像素值）goAnthor (selector) {const height = document.querySelector(selector).offsetTopconst container = document.querySelector(

思路：采用element的图片上传图片组件el-upload，上传图片后，canvas绘制旋转后的图片，将canvas绘制出来的base64文件转化成file文件上传关键代码：<el-form :model="formLabelAlign"><el-form-item class="is-required"><el-uploadv-model="formLabelAl

vue逻辑处理中，直接给数组变量赋值为空例如 this.arr=[]，后面操作将不会在监听此变量的变化可以使用this.arr.splice(0)给清空数组