经验积累
文章平均质量分 61
蜗牛ha
一枚积极向上的it男,7年前端开发经验。。。
展开
-
Node版本自由切换之nvm安装教程
示例地址:C:\Users\Administrator\AppData\Roaming\nvm。2.解压后运行exe文件,一路默认就可以了,自定义的话,文件路径不要有中文;4.以vue项目为例,vue2项目一般使用14版本及以下。vue3项目一般使用16.20.xx版本及以上。1.nvm安装包下载,这里推荐1.1.7版本。下载16.20.0版本node。3.安装之后使用命令。5.切换node版本。原创 2023-07-31 15:20:31 · 239 阅读 · 0 评论 -
前端vue需求:将当前页面转成图片或者PDF并下载
/方式二:pdf里分页,但是会有图片被截俩半的风险,需要根据实际情况调整。// allowTaint: true, //允许跨域。//将分辨率提高到特定的DPI 提高四倍。如果页面里有元素不想要,必须用样式消失。// y: 0, // 对Y轴进行裁切。nextTick包裹,确保样式生效。//方式一:采用一页纸,不分页。//按比例增加分辨率。原创 2023-02-07 17:41:58 · 755 阅读 · 1 评论 -
前端常用的JavaScript代码函数-时间篇
时间日期格式转换Date.prototype.Format = function(formatStr) { var str = formatStr; var Week = ['日', '一', '二', '三', '四', '五', '六']; str = str.replace(/yyyy|YYYY/, this.getFullYear()); str = str.replace(/yy|YY/, (this.getYear() % 1原创 2022-01-15 22:13:33 · 888 阅读 · 0 评论 -
前端常用的JavaScript代码函数-正则篇
匹配中文字符的正则表达式:[\u4e00-\u9fa5]匹配双字节字符(包括汉字在内):[^\x00-\xff]匹配空行的正则表达式:\n[\s|]*\r匹配 HTML 标记的正则表达式:<(.*)>.*<\/\1>|<(.*)\/>匹配首尾空格的正则表达式:(^\s*)|(\s*$)匹配 IP 地址的正则表达式:/(\d+)\.(\d+)\.(\d+)\.(\d+)/g匹配 Email 地址的正则表达式:\w+([-+.]\w+)*@\w+([-...原创 2022-01-15 22:10:00 · 186 阅读 · 0 评论 -
前端常用的JavaScript代码函数-通用篇
实现字符串长度截取function cutstr(str, len) { var temp; var icount = 0; var patrn = /[^\x00-\xff]/; var strre = ""; for (var i = 0; i < str.length; i++) { if (icount < len - 1) { temp = st原创 2022-01-15 22:02:00 · 262 阅读 · 0 评论 -
2022年前端面试必须学会的知识点-案例篇(持续更新中...)
一、如何中断已经发出去的请求?以vue项目用axios为例,由于axios提供了cancelToken的方法,只需要在发送请求的拦截器里将所有发出的接口放在vuex的全局数组cancelTokenArr里,然后在router的路由守卫里全部清理掉,相当于清理的是上个页面的所有接口。 1.请求拦截器 axios.interceptors.request.use( config => { config.cancelToken = new axios....原创 2022-01-11 22:06:41 · 515 阅读 · 0 评论 -
前端效率高不高,看你js库选的好不好
虽然面试中底层原理避免不了,不过大部分人的真实前端开发工作中,没有太多涉及原理底层的东西,CTRL+C与CTRL+V的工作占了80%,剩下的一点的就要靠自己逻辑思维了。。。前面我在算法篇里讲的第一个防抖节流函数,只是最简单版本,想要完整,其实也不容易,自己写又会有很多bug。。。业务开发过程中,会经常用到日期格式化、url参数转对象、浏览器类型判断、节流函数等常用函数,那么为啥不用成熟的开源js类库呢?这样会让自己减少很多工作量。下面给大家安利俩款自己平时很喜欢用的js类库。一,outils原创 2022-01-11 21:24:51 · 267 阅读 · 0 评论 -
如何在chrome浏览器上调试特定机型的屏幕效果
需求:有个项目只适配了手机,屏幕宽度大于手机尺寸是俩侧有灰色背景,现在要适配小米note4平板,如何精确适配?步骤:1.打开chromeF12,点击设备切换按钮,点击上方的手机型号选择,点击下拉列表最下边的eDit2.出现如下图界面增加机型,填写数据3.数据如何计算?1)比如小米note4平板,到小米官方商城查询可得下图。2)计算device pixel...原创 2019-09-25 11:55:45 · 10002 阅读 · 3 评论 -
微信小程序使用protobuf数据格式+webscoket
1. github 项目 https://github.com/Zhang19910325/protoBufferForWechat 这个项目是关键,将其weichatPb放进小程序目录下。(借用)2.windows环境执行以下命令 npm install -g protobufjs3.拿原来的例如:HallLoginMessage.proto文件进行处理在控制台执行命令...原创 2019-04-18 15:28:39 · 4454 阅读 · 2 评论 -
react数据之dispatch,reducer
1.之前写了一篇fetch的简单用法,实际项目中数据比那个要复杂,下面看一下通过dispatch和reducer来控制数据的更新;2.还是以上一个添加分组的组件为例:首先我们写一个MoveGroupReducer.js文件,里面我们模拟一个数据,并且写一个方法点击选中的方法;...原创 2019-04-03 11:54:26 · 4506 阅读 · 3 评论 -
audio自动播放完美兼容实现方案
前述:最近解决的一个疑难杂症,是关于audio自动播放与监听audio加载完成在ios上的兼容性问题,其表现为pc,安卓谷歌浏览器正常,ios微信,谷歌浏览器不正常。需求:在音频加载前放置一个全局loading,音频加载完成后取消loading,并自动播放;项目为vue前端项目,兼容pc,移动端。解决方案1(失败):that.audioTimer=setTimeout(functi...原创 2019-04-03 11:44:52 · 17711 阅读 · 3 评论 -
经验积累之毕业后公司的选择(it)
一、作为一名93年出生的 it 程序员,目前工作1年多,最近好不容易诸事顺心,走上了正轨,有感而发,有兴趣的朋友可以关注下:1.和很多人的大学一样,普通本科,浑浑噩噩的过了四年,毕业了,很迷茫,不知道未来在哪里?最后和同学决定来北京,从事it行业。2.当初选择的是一家非常偏僻的(大兴区,南六环外)的小公司(人最多的时候也就10个人),当码这篇文章的时候,我的心情很平静,尽管过去的生活有些曲原创 2017-09-07 14:29:31 · 450 阅读 · 0 评论