haibo1101的博客

vue2使用htmlCanvas转化页面为图片并保存。

有一个provinceCode值，找到对应provinceCode下的城市名称。

通过设置meta标签 <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Expires" content="0" />通过script引入的js文件<script type="tex..

输入消除空格<input type="text" onkeyup="this.value=this.value.replace(/[, ]/g,'')"/>

记性不好的我又来了，记录一下方便自己以后查看git常用命令只提交某文件a/ git status -s 查看仓库状态b/ git add src/pages/xxxxxx 添加需要提交的文件（参考git status打印出来的文件路径）c/ git stash -u -k 忽略其他文件，把现修改的隐藏起来，这样提交的时候就不会提交未被提交的add的文件d/ git commit -m 'XXXXXXX' e/ git pullf/ git pushg/ git .

需求：公司人员需要批量处理一些数据，所以想要能从excel复制过来的一些数据可以直接粘贴到页面的表格上先放图看一下大致效果1.选中excel想要复制的内容，ctrl+c2.鼠标点击页面要复制位置的单元格，ctrl+v3.这边是粘贴到存货编码，然后根据粘贴到的存货编码去调用接口，获取到每一个存货编码对应下的存货名称、单位、税码。一、html代码因为复制有可能覆盖复制，从头或从中间，所以需要传入某一行的index去做判断<template #default="{ row, rowI.

因为项目需要，好多页面都需要一样的文件导入弹出框。为了以后的方便使用，，，所以就你懂的~<template> <!--- .sync为了同步数据 ----> <el-dialog :title="title" :visible.sync="openCardDialog" width="50%" > </el-dialog></template><script> export .

带尺寸的图片: 居中的图片: 居中并且带尺寸的图片:

前端本地存储的方式目前有三种，分别是：cookie、localStorage、sessionStorage。一、不同点生命周期cookie：可设置失效时间，没有设置的话，默认是关闭浏览器后失效localStorage：除非被手动清除，否则将会永久保存sessionStorage：仅在当前网页下有效，页面关闭会自动清除存放数据cookie：4KB左右localStorage和sessionStorage：可以保存5MB的信息http请求cookie：每次都会携带在HTTP头中，如果使.

个人觉得老是只看别人总结的，自己不踏踏实实的敲一遍总是记不牢固的，何况像我这种记性的，一遍可能都记不住，都要敲几次才能记得住。数组的方法里面都是有参数的，但是看了看都一样array.方法(function(currentValue,index,arr), thisValue)currentValue：当前元素的值index：当前元素的索引值arr：当前元素属于的数组对象Array.map()将数组中的每一个元素调用一个提供的函数，结果作为一个新的数组返回，没有改变原来的数组。c

背景：因为现在在的这一家公司是主要做大量数据的，做的系统也只是针对公司内部的。我们老大之前也是做产品的，别提多难受了，不过还好系统需要的功能都不是很有难度。前一段时间老大给了一个纯前端需要实现的，大概是有一个表格，基于表格有一个功能主要实现对表格的控制，控制表格列的显示隐藏已经列的顺序。原型长这样：用一个弹出的框，列出表格的所有属性，对弹窗里面选中不选中拖拽实现表格列的显示隐藏和排序。这直接让我陷入了沉思，后来去网上搜了搜，没有太大的思绪，后来就想问一下技术经理有没有别的网站有实现过这样的功能的，.

背景：因为当前项目主要是表格文件和数据的一个显示，所以大量的用到分页功能，思前想后决定写一个分页组件，方便美观。因为前端人员不是我自己，加上产品的建议，最后决定分页写定每页二十天条数据。首先在项目的根目录下创建可复用组件在components里面创建需要的组件在组件里写入代码主要是涉及到父传子和子传父，因为刚开始写可复用封装组件，所以没敢写的太复杂<template> <el-pagination :total="total" :current-pag.

需求：给表格的任意一列添加样式<element/table><el-table :data="tableData" stripe :cell-style="cellStyle" style="width: 100%"></el-table>methods() { // 表格的样式 cellStyle(data) { // 表格的第二列加上小手和padding为0 if (data.columnInd.

商品多规格的添加当时我也是初入前端这个行业，去得第一家公司写的这个功能，但是公司里我待的那个部门只有我一个前端，所以只要是前端的东西只能我来改，没法办法，就算是不符合初级前端能写出来的东西也得硬着头皮去写。也很感谢那段时光，让人快速的成长，学到不少东西。拿到这个需求，我当时考虑到的因素。商品规格走的数据格式对接后端接口的时候传的参数格式样式怎么实现方便我去操作数据好吧，当时想了这么多都是问了一个大哥给到的意见，算了算，写了三四次才把前端生成的数据格式给定下来。当时也是参考了以为大佬的

脚手架创建失败的原因当你在使用vue-cli创建项目时，出现了以下错误 Filed to check for updated,而检查node -v，vue -V，npm -version都没问题时，此时脚手架的版本出现了问题，可以通过升级来解决此问题。npm update -g @vue/cli...

在这之前我也是看了很多的博客，才发现前端预览pdf文件有很多形式。我的这个项目里面使用的技术是jquery+ajax通过标签很多的情况下有通过一个a标签点击去进行查看<进行尝试，得到成功>通过embed标签，指定type类型。也是可以进行预览的<进行尝试，得到成功>通过iframe标签，和embed标签很像，object标签也是一样<进行尝试，得到成功>以上方法都可以实现预览pdf文件，但是不同的浏览器下出来的效果不用，所以最后我还是选择通过canvas画.

前端JS如何使用接口下载文件流基于vue和element###一、通过a标签的href属性###二、通过form表单

JS中的防抖和节流的解释<不含代码>以下按照个人理解所解释，有不对的地方欢迎大家指出一、防抖debounce函数防抖在时间被处罚n秒后再执行回调，如果在这n秒内又被触发，则重新计时防抖的使用场景搜索联想<input事件>、窗口调整大小的resize事件个人觉得函数防抖就是法师释放技能的时候要读条，技能读条没完再按技能就需要重新读条；比如王者荣耀里面的回城技能，点击回城是需要三秒的时间才能真正回城，这三秒的时间就是读条。二、节流throttle节流单位时