本文介绍了在Vue项目中实现锚点定位的解决方案。传统使用id和a标签的href方法会与路由的hash值冲突。推荐使用scrollIntoView()方法，它通过获取DOM元素并调用该方法实现平滑滚动定位，具有不改变URL、可设置缓冲效果等优点。该方法解决了Vue中锚点定位的常见问题，是更优的实现方案。

在一些官网或者电商项目中，往往存在大量的图片，如 banner 广告图，菜单导航图，商家列表头图等。图片过多以及图片体积过大往往会影响页面加载速度，造成不良的用户体验，所以对图片进行优化势在必行。请参考：前端性能优化——图片篇。

用js完成前端的搜索功能前言js前言有的时候，后台并没有提供搜索功能的cgi供前端使用去搜索用户想要查找的内容，这个时候就需要我们前端自己对所有数据进行过滤处理，筛选出与用户搜索内容相匹配的数据进行显示。js通常使用原生中的indexOf方法进行数据筛选，代码如下：//search_data:过滤后的数据//$scope.all_data:从后台获取到的所有数据//$scope...

一次性展示几万条数据有的时候，我们会遇到后台丢给我们上千条甚至是上万条数据，并且没有分页让我们一次性展示的情况，如果我们直接将所有数据进行展示的话，页面势必会出现卡顿，甚至可能还会造成浏览器崩掉，所以对于这种情况，我们采用setInterval+for循环的分批渲染方法。代码如下：//data:用来展示的数据all_data:从后台获取到的数据var data=[];//第一次先渲染50条data

el-input文本框，通过点击下方关键词，在文本框中插入该词；光标移动到文本之间，再点击下方关键词，在光标的位置插入该词；插入关键词后，文本框获取焦点，并将光标的位置定位到关键词后点击按钮，在文本框指定位置插入该按钮的关键词。参考链接：输入文本框实现点击插入词功能。

input复选框不可改变默认勾选状态//复选框默认为勾选状态，并不可改变<input type="checkbox" checked="checked" onclick="return false;">

解决window.open的拦截问题window.open的拦截问题解决方法方法一：方法二：window.open的拦截问题当我们想在当前页面打开一个新页面时，首先想到的就是window.open，但是这个方法在很多情况下都会被浏览器拦截，所以我们通常会使用a标签去代替这种方法。但是有的时候，我们可能不需要点击某个元素去触发，又或者我们当前的页面是iframe子页面，那这个时候我们应该怎么样去解决

在使用echarts图表时，遇到了一些问题，在此做出总结。希望日后遇到相同的问题可以到在这里查找解决方法，快速解决。

数据操作过程中，经常涉及到编码与解码等相关操作，如web请求时会对url进行编码，其中的中文等字符会转义为其他内容；中文字符串数据传输时，会将其使用base64编码并在接收后解码，以避免乱码的出现。URL编码和Base64编码Web开发须知：URL编码与解码escape,encodeURI,encodeURIComponent有什么区别?

文本溢出添加省略号css方法单行溢出多行溢出多行溢出进阶版css方法单行溢出div{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}效果如下：多行溢出div{display: -webkit-box;-webkit-box-orient: vertical;/*设置省略号在容器第四行文本后*/-webkit-line-cla