JiAyInNnNnN123的博客

(2)表单提交时，所有具有name属性的html输入元素(包括input标签、button标签、select标签等)都将作为键值对提交，除了Submit对象。(1)Submit将表单提交(form.submit())作为其onclick后的默认事件，Button并非如此。button按钮的默认type是submit,当type是submit的时候会触发action。当前form中action为空，所以直接跳转当前页面，导致搜索按钮点击，页面重新加载一遍。问了同事，说可能是button默认的type导致的。

由于在布局中，表格上面有操作按钮，导致表格底部的页码无法固定在底部。按钮那一行是自己多添的，造成下面的高度超出了窗体高度,分页显示不全。正确使用easyui layout。

2.在路由配置中，当前组件使用了keepalive 导致有缓存，可以不使用keepalive，正常使用mounted生命周期进入即可。activated：被 keep-alive 缓存的组件激活时调用。一进入页面就触发，可用于初始化页面数据。就是解决本文的方式。问题：列表页面，进入详情，使用route跳转传值，进入详情。首次进入执行mounted方法，二次进入不执行mounted方法。离开页面就触发，用于离开清楚当前页面的定时器。keepalive：用于保存组件当前状态，以避免反复重新渲染导致的性能问题。.

使用echarts水球图的时候如果版本不匹配则会报这个错误解决方式：修改相关对应的node包版本echarts5.x 版本 适用于 echarts-liquidfill3.x.xecharts4.x 版本 适用于 echarts-liquidfill2.x.x另附 适用于echarts5以上的liquidfill3插件地址：liquidfill 使用方式：在mian.js文件中引入：直接在页面中使用即可注意的点：color的设置为array......

1，自定义柱状图形状处理方式：用echarts里的symbolseries:[{ data: this.yData, type: 'pictorialBar', symbolRepeat: true, symbol: //图片base64位编码 这里省略 animationEasing: 'elasticOut', symbolSize: ['50%'.

效果图：自定义tooltip样式 tooltip: { position: ['50%', '50%'], trigger: 'item', backgroundColor: 'rgba(0,0,0,0)', borderColor: 'rgba(0,0,0,0)', extraCssText: 'box-shadow: 0 0 0 rgba(0, 0, 0, 0);', zInde

场景：当前使用vue-seamless-scroll包裹了一个滚动div 的list，当前list中的div需要点击进行其他逻辑处理问题：部分div点击不触发点击事件原因：因为vue-seamless-scroll中间包裹的dom复制渲染，没有带上dom的事件导致。解决方式：使用事件委托。在vue-seamless-scroll外部的div添加点击事件，获取$event的target <div class="scroll-list" v-if="safeData.brandList" @cl

单行：width:100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: inline-block

需求：数据为数组对象 判断数组中的对象中某两个key下的value是否一致，如果一致，删除掉，不保存当前行数据，只保存最后一行相同value的数据。这样说明可能比较抽象，拿取例子说明const data = [{ name:'小明' , age:12, height:155,}, { name:'小明' , age:12, height:166,}, { name:'小明' , age:12, height:88,}, {

const jsonObj = JSON.parse(value); const newJson = JSON.stringify(jsonObj, null, 2);

问题描述：当我在页面输入【sdf】时：出现原因：input输入框内限制事件使用的是：onkeyup改为：onkeypress 即可

nginx 是一个代理的服务器。出现的问题：写好的页面通过nginx作为代理的服务器给别的同事看的时候发现了新写的页面打开就404，并且从其他页面跳转可以看到但是刷新页面就404。解决方法：在文件中的nginx.conf文件中修改，代码如下 server { listen YYYY; //自己设置的端口号 server_name 192.168.XXX.XXX; //在黑窗口下ipconifg后出现的IPv4地址复制

—留坑

开发问题：解决方式：添加代码至html ----- ”readonly="readonly" <input class="form-control" readonly="readonly" formControlName="listingDate" [format]="'yyyy-mm'" type="text" id="month" appDatepicker [format]="'mm'" [startView]="3" [minView]="3"

业务场景：当前有一个输入框，输入价格，小数点前三后四。需求：用户输入00，回显0用户输入01，回显1解决方法：自写方法进行判断。项目环境：angular +响应式表单 <input formControlName="costPrice" oninput="if(value>2147483647)value='';if(value.length>8)value=value.slice(0,8);" type="text" m

用span标签包裹数据

解决方案：white-space: pre出现原因:

问题截图如上：解决办法： 当前页面 购买次数 *100 * 单价 / 100

第一弹：input框只能输入数字缺能输入e的原因。链接：input框1连–数字输入框能输入e的原因第二弹：input框限制用户输入长度，超出长度不可输入。链接：input框2连–限制用户输入长度第三弹：input框3连–不允许用户输入符号。input框3连–不允许用户输入符号。第四弹：input框4连–输入框只能输入数字完美版。input框4连–输入框只能输入数字完美版。第五弹：本篇博客：首先上 输入框只能输入正整数的正则：/^[1-9]\d*$/输入框可以输入自然数的正则（带上0的）：/

在实际开发中用到了这个方法，纠结了好久到底用什么方法比较方便代码又已读好看。首先拿到两个数组，分别循环遍历里面的内容，进行比对，如果一样return出来。这个思路是不是没有一点毛病？？但是本菜狗就是return不出来。原因：对数组的方法不熟，还懒得写最传统的for ，感觉不高端~最后纠结了2天。终于大神给我指路：以下，是我暂时获取到两个数组中的并集的代码： var arr1=[ { id:1, name:1, }, {

input框1连–数字输入框能输入e的原因这篇文章里分享的input框只能输入数字其实存在一个漏洞：在只能输入数字的input框中输入中文（中文不会出现在输入框里啦），然后输入数字（数字可以正常在输入框里出现）。form表单是不通过的。原因：我也不知道哈哈哈哈解决办法：<input oninput="if(value>2147483647)value=2147483647;if(value.length>20)value=value.slice(0,20);if(value&

第一弹：input框只能输入数字缺能输入e的原因。链接：input数字输入框能输入e的原因第二弹：input框限制用户输入长度，超出长度不可输入。链接：input框限制用户输入长度第三弹：本篇文章用户不可输入符号：<input onkeyup="value=value.replace(/[\W]/g,'')" type="text" />...

场景：输入价格的input框，首先用了type=number然后用正则对价格的输入格式进行限制。但是产品说：俺要你超过我要的限制数字之后用户不能显示！！！我：行吧行吧，我来搞搞。别的input框默认type=text所以用maxlength可以直接限制用户输入的字符长度。但是当input框type是number的时候maxlength就不好用了。解决办法：type=text 使用maxlength=‘xx’...

<input type="number"/>在自测项目的时候无意中发现只能输入数字的输入框居然可以输入e。这是由于 e 在数学上代表 2.71828，因此它也是一个数字，所以允许输入。<input type="number" placeholder="请输入" onKeypress="return (/[\d\.]/.test(String.fromCharCode(event.keyCode)))"/>写上这段代码就可以了，但是！！！！！当在用中文输入法输入e然后按s

在用git提交代码的时候出现警告问题解释一下报错中的专业术语：LF和CRLF都是换行符，在各操作系统下，换行符是不一样的，Linux/UNIX下是LF,而Windows下是CRLF，早期的MACOS是CR,后来的OS X在更换内核后和UNIX一样也是LF这句警告出现的原因：我们在Windows平台下git add任意Windows平台编辑过的代码文本的换行默认都是CRLF，所以一...

就是cli和ts笨笨不契合的问题

在项目根目录下新建.prettierrc（prettier插件的配置文件）文件，在文件中写入、{ "semi": true,//在代码尾部添加分号 "singleQuote": true,//把双引号换成单引号 "trailingComma": "es5"//在代码尾部添加逗号}在.eslintrc.js（eslint插件的配置文件）文件中的rules属性中添加'no-unu...

出现的报错截图在cmd中以管理员运行的方式开启当前项目，可以正常使用所以就是因为vsc没有管理员权限的事儿~~如何给vsc添加管理员权限：点击vsc鼠标右键，点入属性。在兼容性页面，以管理员身份运行此程序就可以啦~~...

启动新项目之前安装包，node-sass在启动项目时反复出错。通过百度查，说如果报错就看报错的前面部分报的是什么错。报错截图如下：说明node sass版本在当前环境运行不了，解决方法如下：1.卸载当前版本node sassnpm uninstall --save node-sass2.重新安装node sassnpm install --save node-sass...

之前在使用echart进行接口联调的时候用过一个方法，直接把对象中的属性名全部改变。修改数组中对象的key值 changeData = JSON.parse(JSON.stringify(changeData).replace(/navigationName/g, 'name')) //navigationName 修改前的属性名 name要修改的属性名...

做了一个钉钉小程序项目。后台返回的图片在苹果手机上不显示。在安卓手机上正常显示。经过后端的不断测试，发现是因为苹果手机不支持webp解决办法：后端修改数据，或者前端对数据 进行二次处理经过判断后显示页面。百度一下webp是啥WebP（发音：weppy）是一种同时提供了有损压缩与无损压缩（可逆压缩）的图片文件格式，派生自影像编码格式VP8，被认为是WebM多媒体格式的姊妹项目，是由Goo...

今天改移动端页面样式的时候因为height:100vh，导致我想超出部分滚动页面的效果没有做出来。就查查这玩意是啥意思。别人解释的height:100vhvh就是当前屏幕可见高度的1%，也就是说height:100vh == height:100%;但是当元素没有内容时候，设置height:100%，该元素不会被撑开，此时高度为0，但是设置height:100vh，该元素会被撑开屏幕高...

在开发时，修改了d2admin的登录页面。使用了背景图片，但是ui给的图过于大（可能是我电脑屏幕小哈）无法完整的显示到页面上，所以修改了代码，可以完整显示背景图。代码如下：background: url(./image/img.jpg) no-repeat 0px 0px;background-size: cover;background-attachment: fixed;...

首先声明：这是我同事写在我们公司前端知识库里哒~！项目架构方案1.静态资源解决方案（图片、字体）静态资源需要支持服务器地址或着本地地址配置，在config目录中新增assets.config.js文件，创建json对象，达到统一管理的目的，挂载到vue原型中：$assets，所有页面可以通过this. $assets.imgKey访问图片url。css背景图片应尽量使用行内样式设置。背景...

在uni-app框架中引入iconfont1.在iconfont中下载你需要的项目，下载后解压把红框框的文件放进打开iconfont下找到你要添加的图标项目复制代码然后所在项目的src/common下打开iconfont.css记得在路径前面加 https !!!引入图标的方法就是 <i class="iconfont">&#x33;</i&g...

留坑

首先看一下mint ui的messageBox部分官网messageBox部分但是我想通过下面的api对这个弹框进行修改解决方法： this.$messagebox({ type:'prompt', title:'用户名称', message:' ', ...

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-size:20px; padding:20px; font-family:PingFang SC; font-weight:300; ...

this.checkedImg = this.checkedImg.filter(Boolean)

先说需求：一个下拉框，后台返回我数据，但是需要无限滑动，后端给定的一个字段是size：12 依次+12，就可以获的12条数据。前端需要做的就是，当我快滚动到底部的时候，向后台发送size=size+12 的数据，获得数据。首先在vue环境下 mounted() { window.addEventListener("scroll", this.handleScr...