- 博客(47)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 请求后端接口413
当在进行HTTP请求时出现"413 Request Entity Too Large"错误时，通常是因为请求体的大小超过了服务器的配置限制。这个错误提示表明服务器拒绝接受过大的请求。此时一般还未到后端服务，是被后端的ngnix代理服务器拦截的，所以可以检查ngnix配置文件中的http模块是否限制了大小，没有的话就添加下，有的话就根据实际情况增大阈值即可。
2023-09-21 16:53:07
644
原创 Quick QML-TextInput详解
acceptableInput : bool,只读属性,用来获取当前输入的内容是否合法的输入,默认始终为true,如果我们设置了validator属性和inputMask属性,那么该值则为false,除非当前文本框内容满足输入的要求才会为true。selectionEnd : int,只读属性,获取当前选中的最后一个字符之后的光标位置,如果我们要更改选中的位置,可以使用 select(start,end), selectAll()或者selectWord().所以正则表达式匹配的内容是" str(.+?
2023-03-23 09:17:14
2546
原创 jsp项目，增量发布
维护一个很陈旧的项目，前后端不分离，套的jsp，每次发版是根据需求号创建的分支号合版，然后对指定需求号增量发布。第一次接触增量发布。第一次使用IDEA开发工具第一次搞jsp，jq。。。那真是一个头两个大复杂的业务，完全没考虑命名空间问题，还没有注释，所有的事件绑定可能是绑定到多个class中的一个，也可能是某个id上，至于究竟是哪个，自己一个个找吧，引入的js文件都是10个起步的，开发效率全靠运气！而且所有的pdf文件，图片，不同版本的文件，图片全部存在项目里且存放完全没有规律，同一个名称的文
2021-12-23 14:08:05
306
原创 微信新版本直接分享链接不带简介缩略图
直接通过链接访问的页面，点击分享的时候没有简介和标题及缩略图，甚至直接没有分享微信的按钮，是因为微信新版本（~8.0.16）安全策略，禁止这种链接转发，将链接生成二维码或者通过一个正常的带标题，简介缩略图这种方式进去再转发就没问题了。...
2021-12-08 16:50:16
389
原创 2021-06-15
process 对象是一个全局变量，提供了有关当前 Node.js 进程的信息并对其进行控制。 作为全局变量，它始终可供 Node.js 应用程序使用，无需使用 require()。它也可以使用 require() 显式地访问const process = require(‘process’)process.env 是 Node.js 中的一个环境对象即返回包含用户环境的对象。其中保存着系统的环境的变量信息。通俗来讲，该属性可以返回项目运行环境的信息。此对象的示例如下：{ TERM: 'xterm
2021-09-28 14:32:15
68
原创 快速为项目创建readme.md文件
昨晚朋友给了一个翻墙软件，看了一晚上youtube,今天拿着电脑来公司上班，连上公司wifi,发现可以正常访问外网但是访问不了公司内网了，自己捣鼓半天也没整好。没办法，找了运维同学帮我看了下。他直接就问我是不是用过vpn什么的，说vpn会自动篡改一些设置，哈哈哈，果然有经验啊，他用电脑自带的管家，找到网络诊断，然后进行对应的网络修复就好了。一分钟没用到就搞定了。学到了呀！...
2021-07-21 11:01:06
631
原创 一些琐碎但重要的js
null和undefined1.null是一个表示“空”的对象，转为数值时为0；undefined是一个表示"此处无定义"的原始值，转为数值时为NaN.2.null==undefined3.NaN表示“非数字”（Not a Number），主要出现在将字符串解析成数字出错的场合,它不是独立的数据类型，是一个特殊数值，它的数据类型属于Number。NaN不等于任何值，包括它本身。数组的indexOf方法内部使用的是严格相等运算符，所以indexOf方法对NaN不成立[NaN].indexOf(NaN)
2021-06-03 09:51:12
60
原创 选择本地视频上传至cos，上传cos前截取视频第一帧做视频封面
最近的需求是将原来上传cos的视频，在上传cos之前截取下视频的第一帧做封面（至于为啥不用cos里自带的截取封面功能，这个领导安排不纠结哈）。先简单说下这边上传cos的方式，前端通过调用后端同学的获取签名接口，拿到签名和上传文件所要存储的路径，然后将存储桶路径和存储路径和签名拼接在一起就形成了上传cos必须的鉴权url(也可以后端同学自己拼接好直接返回鉴权完整的url)，代码如下:封装好的上传视频的子组件A页面 // 视频上传 async uploadcos(file) {
2021-05-25 15:47:08
1965
原创 cover-image绑定事件无效
小程序自定义导航栏在左上角返回按钮绑定返回事件，结果在有些安卓机上出现了无法点击的bug，原因是我为了阻止canvas刮奖时用户滑动页面导致canvas层级覆盖导航栏，所以导航栏使用了cover-view和cover-image组件重写的。结果就出现了点击事件无效。因为cover-系列的组件层级是按照节点顺序自动增加权重的。正常编写代码的时候标题的节点必然在在返回的节点之后，所以标题的节点覆盖了返回按钮的节点。查到原因解决就容易了，把返回按钮和标题位置互换下即可。<cover-view class=
2021-05-12 17:54:07
722
原创 elementui的动态表单的校验及动态的prop，required使用
需求及下图展示的那样，红框里是一组，通过点击右下角的添加按钮可以生成一组新的，除了第一组不能删除，后来添加的每组都可以删除，每组里面的上传视频和视频链接，二者至少有一个有值，红色星号标识为必填项。正常的填写逻辑应该如下图（注意视频的字段星号的变化）html代码实现：因为每组里面的每个输入框都是循环出来的，然后每一组又是动态生成的，又是一个大循环，涉及到循环嵌套，所以html部分如下：<el-form :model="editImgFrom" :rules="editRules" ref="
2021-04-14 17:33:52
5506
转载 超详细的rem+vw移动端屏幕适配方案
在说具体内容之前，我们必须了解几个概念，就是：Retina屏、物理像素、设备独立像素、设备像素比在CSS中我们一般使用px作为单位，需要注意的是，CSS样式里面的px和物理像素并不是相等的。CSS中的像素只是一个抽象的单位，在不同的设备或不同的环境中，CSS中的1px所代表的物理像素是不同的。在PC端，CSS的1px一般对应着电脑屏幕的1个物理像素，但在移动端，CSS的1px等于几个物理像素是和屏幕像素密度有关的。1.Retina屏所谓“Retina”是一种显示标准，是把更多的像素点压缩至一块屏幕里，
2021-01-20 16:27:39
1294
2
转载 Vue数据双向绑定(面试必备) 极简版
我又来吹牛逼了，这次我们简单说一下vue的数据双向绑定，我们这次不背题，而是要你理解这个流程，保证读完就懂，逢人能讲，面试必过，如果没做到，请再来看一遍，走起：介绍双向数据之前，我们先解释几个名词：1、什么是setter、getter ？答：首先，别误以为他们就是一会要说的get、set，我们先看一句定义：对象有两种属性：（1）数据属性，就是我们经常使用的属性（2）访问器属性，也称存取器属性（存取器属性就是一组获取和设置值的函数）再看一行代码：log打印出来的如下：数据属性就是a和b；
2021-01-20 16:06:19
600
转载 面试之手写防抖节流
面试之手写防抖节流关注前端体验或性能优化的应该有听说过防抖，节流。那么，什么是防抖节流呢？防抖概念在短时间内多次触发同一个函数，只执行最后一次。举例：搭乘公交车的时候，陆续有不同的乘客上车，但师傅只会在最后一个乘客上车后才关门。效果演示防抖前01防抖后02应用场景表单输入验证表单输入触发搜索 ajaxresize/scroll/touch/mouseove 事件实现简单版本function debounce(fn, wait = 1000) {let timer = nu
2021-01-15 15:20:39
201
原创 使用a标签的href属性拨打电话在移动端安卓手机上的兼容问题
**Uncaught NotFoundError: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node**上面这个错误是因为v-if和jq的混乱使用导致的。 在利用fullpage.js写移动端的...
2020-12-07 14:47:05
2523
1
原创 ios键盘收起，页面不下落，架空bug
一 问题描述最近在做移动端兼容时，发现ios系统在输入内容时，页面被挤上去了，但输入完成后，键盘回弹了，页面没有回弹，还是停留在刚才输入时的位置。解决办法mounted(){ document.body.addEventListener('focusout',()=>{ window.scrollTo({top:0,left:0,behavior:"smooth"}) }) },亲测有效...
2020-12-07 11:34:54
369
原创 记录：app内嵌H5页面分享到微信后，在安卓手机打开白屏，苹果手机正常渲染的问题始末
**背景：**app内嵌的一个个人名片页面需要分享到微信，测试环境下，分享到微信后，安卓和苹果手机都能正常渲染，生产环境苹果手机没问题，安卓手机打开分享的链接，页面一直空白。**原因分析：**单独加了vconsole调试工具，可以看到安卓环境存在几个报错error{},并没有报错原因说明，因为之前出现过这种问题，一般都是vue组件的html模板中存在语法错误，类似属性重复之类的eg:input中同时出现v-model和:value。但是这种情况一般在安卓低端机中才出现，现在的情况是在所有安卓手机上都打不开
2020-06-18 15:37:11
1694
1
原创 some()方法用于查找数组中是否存在某个元素
JavaScript some() 方法用来检测数组中是否存在符合指定条件的元素，存在就返回 true，不存在就返回 false。换个角度思考，some() 也可以用来检测数组中的所有元素是否都不符合指定条件，都不符合的话就返回 false，有一个或者多个符合的话就返回 true。查找数组中是否存在某个元素，如果存在就返回它在数组中的索引，如果不存在另做处理的示例var pos;//存储索引的变量var flag = arr.some((item,index)=>{ if(item === '
2020-05-27 00:41:56
1851
2
原创 记录：从第三方平台跳转至当前项目的一个详情页，能获取到数据，页面空白未渲染
好记性不如烂笔头，况且最近记忆力下降严重，还是先记录下吧。情景：点击第三方平台上某个页面的一个按钮，通过window.location.href直接跳转到我的一个详情页，f12查看控制台，可以在network中看到详情页能正常请求接口获得页面渲染所需要的数据，console中也没有任何报错，但是界面却不渲染，一直是白页状态，所以先排除是数据没拿到的问题，查看跳转路径，发现也都拼上了请求接口所需的参数，所以，确定了不是数据问题，那就是html的问题，仔细查看了html模板，发现这样一段代码
2020-05-11 15:15:57
695
原创 vue.js ios移动端软键盘收起后,页面内容留白不下滑
<input type="text" @blur="fixScroll" placeholder="请输入xxx"/>//methods中添加：fixScroll() { let u = navigator.userAgent; let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 ...
2019-11-22 11:50:35
652
原创 单选，多选，可不选的问卷调查demo
简单粗暴直接上代码了，尽情享用吧<div class="moudle-row" v-for="(item,index) in questionList" :key="index"> <!--单选--> <div v-if="item.choicetype==1"> <h3 class="ask">{{index+1}}.{{item.sub...
2019-11-22 11:47:13
522
原创 使用vue-cli封装一个可自定义的弹框组件
1.编写弹框样式的组件。2.弹框页面逻辑的处理。3.全局挂载到vue这个对象上，方便全局调用4.调用第一步编写名为confirm的页面，弹框的样式可在此页面自定义<template> <div class="modal" v-if="isShow"> <div class="main"> <p class="msg">{{tex...
2019-07-12 19:11:08
2765
原创 移动端可缩放，点击不同的折点改变页面对应的数据的折线图
全部代码var myChart1 = echarts.init(document.getElementById(name));var age=[];var year=[];//var xData=[];var data=[];for (var i = 0; i <vm.chartList.length; i++) { age.push(vm.chartList[i].ag...
2019-07-12 18:15:08
375
原创 js数据取整，取余，保留小数，数据脱敏等的一些处理方式
一个经典的解决四舍五入问题后js保留两位小数的方法：1.四舍五入保留2位小数（若第二位小数为0，则保留一位小数）function keepTwoDecimal(num) { var result = parseFloat(num); if (isNaN(result)) { alert('传递参数错误，请检查！'); return false; } result = Math.ro...
2019-07-11 11:49:53
2265
转载 flex布局均分空间且可自动换行
以三局平均分布的布局，中间间距为5像素。{margin: 0; padding: 0;}.col-3{width: calc(100%/3 - 5px); float: left; margin-right: calc(5px3 /2); background: #eee; color: #333; height: 100px; text-align: center; margin-bott...
2019-06-13 18:29:36
5286
转载 js数组中的find、filter、forEach、map四个方法的详解和应用实例
数组中的find、filter、forEach、map四个语法很相近，为了方便记忆，真正的掌握它们的用法，所以就把它们总结在一起喽。find()：返回通过测试的数组的第一个元素的值在第一次调用 callback 函数时会确定元素的索引范围，因此在 find 方法开始执行之后添加到数组的新元素将不会被 callback 函数访问到。如果数组中一个尚未被callback函数访问到的元素的值被cal...
2019-01-14 16:45:55
218
原创 npm安装sa-sdk-javascript失败的解决办法
项目埋点，安装引用了一些插件，其他插件能正常安装，但是其中 执行 npm install sa-sdk-javascript的时候，报了以下错误npm ERR! code EINTEGRITYnpm ERR! sha1-OGchPo3Xm/Ho8jAMDPwe+xgsDfE= integrity checksum failed when using sha1: wanted sha1-OGc...
2018-09-05 14:48:29
1681
转载 npm ERR!无法安装任何包的解决办法
日志报错：1087 verbose stack Error: getaddrinfo ENOTFOUND xn--rvg xn--rvg:801087 verbose stack at errnoException (dns.js:27:10)1087 verbose stack at GetAddrInfoReqWrap.onlookup [as oncomplete...
2018-08-23 11:00:13
4251
3
原创 由patch请求方法引发的一些总结
patch方法用来更新局部资源，这句话我们该如何理解？ 假设我们有一个UserInfo，里面有userId， userName， userGender等10个字段。可你的编辑功能因为需求，在某个特别的页面里只能修改userName，这时候的更新怎么做？ 人们通常(为徒省事)把一个包含了修改后userName的完整userInfo对象传给后端，做完整更新。但仔细想想，这种做法感觉有点二，而且真心...
2018-08-21 18:07:19
22169
4
原创 3d变换导致z-index在safria浏览器上失效的问题
由于我们公司的编辑人员发现他们编辑的文章分享到微信浏览器之后，和我在页面顶部添加的固定定位的引导下载的导航条样式之间产生了冲突，他们编辑的一部分内容可以直接覆盖在我的导航条上，要知道我的导航条已经将层级设置到了9999了，所以肯定不是层级低的原因，经过在网上查询发现可能是覆盖我的导航条上的内容运用了css3 3d属性，后来验证发现，这个section确实存在一个tranform：translate...
2018-05-22 14:32:28
618
原创 如何给自己的网站或页面添加Umeng友盟统计
1.在友盟官网注册友盟账号。 2.填写应用基本信息，获取AppKey. 3.点击”产品“-选择u-wab(网站统计)。 4.打开的页面 点击”立即使用“. 5.点击”添加网站“，填写相关信息，然后点击注册。 6.选择自己想在页面上展示的统计的标识，可以任意选择其中一种，把相关代码复制到自己页面上标签之上。 7.明天或者过几个小时之后再登陆友盟后台在你添加的站点上点击查看报表就能看到统计...
2018-05-22 14:16:02
3372
原创 使用fullpage.js实现全屏滚动经验以及踩的坑
全屏滑动一般用在官方网站使用较多这种效果，有很多插件可以实现这种效果，像swiper,fullpage,iscroll等。鉴于fullpage没用过，所以就选择它进行尝试一下。 首先在网上搜索fullpage.js，会搜出一大堆相关博客，看了之后发现还是很简单的。html中的结构就是div id="fullpage"> div class="section">第一屏div>
2018-01-12 17:56:04
17152
原创 提取公积金所需材料及注意事项
前提：户口在A城，要提取公积金的地方在B城，现在在C城工作，在B城工作一段时间之后离职来到C城，若干年后想去提取在B城工作时缴存的公积金。提取公积金所需材料： 1.户口本首页，主页，本人户口页这三页的复印件各一份（共计3页）。 2.身份证正反面复印在一张A4纸上，复印2张。 3.原在职单位的在你离职时给你的解除劳动关系的证明（加盖有公司印章的）复印件一份。 4.提取住房公积金的申请表一
2018-01-04 17:28:21
452
原创 在项目中使用vue过滤器小结
强调内容好记性始终不如一个烂笔头，平时工作中遇到问题时总能得到博客和群友的帮助，也希望自己写的东西能帮助别人吧，原理性的东西我不太清楚，我就尽量将使用方式和场景描述清楚一些，如果，中间有什么不对的，希望大伙提出来，共同进步。 前景：是这样的，很多时候我们在项目中会需要从后台获取到时间这个字段，像带有评论的会有用户的评论时间，发表文章的会有发表文章的时间，虽然都是时间，但是有的时候需求不会完全统一。
2017-12-06 13:32:51
3273
原创 记一次利用vue.js完成的h5与app的交互
记一次利用vue.js完成的h5与app的交互唠叨：最近接收一个用vue写的项目，对我来说甚是头大。不得不说这是对传统前端的一次大过滤，之前仗着html，css,js混饭吃的前端儿们，压力越来越大，我就是这样的一个例子。压力越大，只要不放弃，成长的也越快啊，所以，咬牙就咔咔开始干。需求：一个H5分享页面，要分享的页面上的东西是动态的，需要app在h5页面的url后面拼接参数（为防止渲染时出现乱码现象
2017-10-18 19:12:03
9849
原创 vue.js生命周期的理解
每个 Vue 实例在被创建之前都要经过一系列的初始化过程。例如，实例需要配置数据观测(data observer)、编译模版、挂载实例到 DOM ，然后在数据变化时更新 DOM 。在这个过程中，实例也会调用一些 生命周期钩子 ，这就给我们提供了执行自定义逻辑的机会。例如，created 这个钩子在实例被创建之后被调用：<script> var vm = new Vue({
2017-09-25 14:56:17
995
svn客户端,代码托管工具
2018-07-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人