
踩坑
文章平均质量分 64
XAIhan
不停跌倒并且跌倒了不想站起来但是不得不站起来继续跌倒的程序猿
展开
-
常见报错——Uncaught TypeError: document.getElementsByClassName(...).addEventListener is not a function
在进行原生的前端开发的时候遇到的问题:Uncaught TypeError: document.getElementsByClassName(...).addEventListener is not a function......原因:选择器没有正确选择元素对象document.getElementsByClassName(…)捕捉到的是该类名元素的数组解决方法docum...原创 2019-11-29 19:58:08 · 3801 阅读 · 0 评论 -
vue+element创建的后台管理系统,修改了data中list数据没有触发渲染的原因以及解决方法。
前段时间遇到的一个问题,在vue之中使用elementUI的table组件。当我通过改变tdata之中Array的数据时,并不会实现实时的刷新。如图:这是默认的数组,当我点击修改的时候,图中的数字 3 将被我修改成为 ‘ 修改了 ’ ,但是页面上并没有进行更新。这是代码: <template> <div class="hello"> ...原创 2019-11-07 14:22:20 · 1108 阅读 · 0 评论 -
移动端字体垂直居中偏上问题详解
相信对于广大前端程序员来说,一定曾经被这个问题giao住过。那就是——移动端字体垂直居中偏上。今天就来谈一下这个问题以及解决方法。产生原因移动端开发,为了更好的适配,大家都会采用em或者rem来进行开发。在进行适配的换算时,编译器会将em或者rem自动换算成px来显示。这时就会出现问题,因为换算精度不足,换算成的px会出现小数点问题,如果出现小数点的话,系统会自动进行四舍五入的取整...原创 2019-10-13 13:45:01 · 1775 阅读 · 0 评论 -
客户端检测——用谷歌浏览器进行多个浏览器的前端测试工作
你好啊,朋友们。相信走前端路线的朋友都有这样的需求,那就是:你写的前端页面需要兼容多个不同的浏览器。甚至是不同级别的显示屏!!!所以对于一个基本的前端工程师来说,一台电脑六七个浏览器那都是常事。但是这样就会占内存,会对电脑的运行有影响。(你不知道哪个恶心的浏览器会给你安装什么恶心的超级,比如某60安全(流氓)浏览器)。那么接下来,博主会给各位安利一个小方法。那就是程序员最喜欢的谷歌浏览器。...原创 2019-07-28 10:30:22 · 1169 阅读 · 0 评论 -
BOM引导——浏览器屏蔽弹出窗口的办法以及检查是否屏蔽的方法。
大多数的浏览器都内置有弹出窗口屏蔽程序。而没有内置此类程序的浏览器,也可以通过安装Yahoo!Toolbar等带有内置屏蔽程序的实用工具。这样做的结果就是用户可以将绝大多数不想看到的弹出窗口屏蔽掉。于是,在弹出窗口被屏蔽时,就应该考虑两种情况。如果是浏览器内置程序屏蔽了弹出窗口,那么 window.open() 很可能返回Null。只要检测这个返回值就能确定弹出窗口是否被屏蔽。如下: va...原创 2019-07-27 16:01:54 · 358 阅读 · 0 评论 -
后台处理请求时间过长导致页面超时
原文链接:https://blog.youkuaiyun.com/sinat_37356064/article/details/78116116项目中有个从页面发起的AJAX请求后台需要处理十分钟以上,这导致页面超时卡死,为了解决这个问题,经讨论,我们采用后台异步处理,用到了spring的@Async,用法很简单。首先在spring的xml配置文件中添加如下配置:xmlns:task="http://...转载 2019-07-20 17:56:11 · 7276 阅读 · 0 评论 -
在ie9之中无法使用ajax的问题以及解决方案(以及layui的数据表格解决方案)
昨天,朋友遇到一个很Giao的问题,需要写一个程序,但是电脑系统最高适配IE9,就是说,要写的代码最低也要兼容ie9!!!当时博主朋友使用的layui(框架)来进行的前端书写。其他的兼容适配都没有问题,唯一的大Bug便是,在ie9里面jQuery的ajax方法不被兼容!!!ie9竟然不识别ajax!!!经过长达2小时的搜索,找到的解决方案如下:设置ajax的crossDomain配置为他的...原创 2019-07-11 10:35:33 · 755 阅读 · 0 评论 -
html和小程序的常用标签的一些对应关系
简介:微信小程序的wxml和html写法很是相似,但是有些标签和html不同,本文主要介绍了微信小程序一些常用标签与html5的对应关系.|html|小程序 ||-<div></div>-|-<view></view>-||-<i class="icon">-|- <view></view>-||<...原创 2019-07-06 16:29:48 · 718 阅读 · 0 评论 -
vue通过js来设置div的最小高度所出现的赋值失败问题。
最近敲代码遇到一个小问题,如图:当页面内容不够多时,会出现底部栏上移的问题。一开始我想到的解决方式时,获取到屏幕的高度,并将它赋值为中间的div之中,这就能完美解决footer下移的问题了,说干就干。当时写出的代码是这样的: mounted(){ console.log('进行了高度赋值'); console.log($(document).height()/1.7); ...原创 2019-07-03 22:41:54 · 3377 阅读 · 0 评论 -
对象(object)相等和变量相等的区别——让两个对象相等,当改变第二个对象的时候,第一个对象的数值也会进行改变。
前段时间敲代码时,遇到一个很尴尬的问题:让两个对象相等,当改变第二个对象的时候,第一个对象的数值也会进行改变。博主经过多方测试,成功解决了问题,产生原因:因为对象相等的话,相当于共用一个地址(指针),所以当修改第一个对象的时候,另外一个对象也会进行改变。解决方法:因为两个对象相等的时候是指针,但是两个变量相等的话,两个变量是互不干扰的。所以博主新建了一个空指针,通过变量相等的方法进行了遍历...原创 2019-07-01 15:45:56 · 545 阅读 · 0 评论 -
多行省略问题详解:省略号和文字重叠,vue之中多行省略失效。
最近敲代码的时候,遇到一个很奇葩的问题,原因:客户需求,想要文字两端对齐,多行省略。如图:一,vue之中多行省略失效问题:**先说一下多行省略和文字居中的基本代码**:.aboutUs-text >>> .p{ overflow: hidden; //超出隐藏 text-overflow: ellipsis; //文字超出部分省略号代替 display...原创 2019-06-20 13:47:47 · 3107 阅读 · 0 评论 -
手机端设置缩放的解决方法和遇到的UC浏览器的坑
更换之后没有禁止成功。原创 2019-06-20 13:04:47 · 4282 阅读 · 0 评论 -
前端两个div之间总是有白线的产生原因和解决方法
在写前端样式的时候,遇到过一个很坑很坑的大坑。就是两个兄弟div排列的时候,哪怕margin为0,padding为0,两个div之间还是有一条白线。产生原因:因为两个div之间有空格,而浏览器默认空格存在,那一条白线其实是空格占据产生。解决方法:1. 在父元素之中设置font-size为0。2. 将两个div紧贴着(删除div之间的空格)如: <div class="box...原创 2019-06-18 15:47:09 · 9764 阅读 · 3 评论 -
git小乌龟出现Disconnected: No supported authentication methods available (Sever sent: public key)的解决方法
打开TortoiseGit->设置 - >网络,在SSH客户端我更改“TortoiseGitPlink.exe”为“ssh.exe”。PS:ssh.exe可以在C:\ Program Files \ Git \ usr \ bin中找到原创 2019-09-01 20:12:42 · 672 阅读 · 0 评论