- 博客(89)
- 收藏
- 关注
原创 unable to access ‘https://gitee.com/xxx自己项目的名称xxx/web-community.git/‘: Failed
Git处理Failed to connect to www.google.com port 80: Timed out
2022-06-21 16:18:46
277
原创 js小技巧
1、IOS 手机容器滚动条滑动不流畅overflow: auto;-webkit-overflow-scrolling: touch;2、修改滚动条样式隐藏 div 元素的滚动条div::-webkit-scrollbar{ display: none;}div::-webkit-scrollbar 滚动条整体部分div::-webkit-scrollbar-thumb 滚动条里面的小方块,能向上向下移动(或往左往右移动,取决于是垂直滚动条还是水平滚动条div::-webkit-scr
2022-05-17 14:49:03
171
1
原创 js递归遍历树形结构,数组扁平化
// 递归遍历 getDeepData(data){ const { selectList } = this let orgCopy = common.deepCopy(data) let listCopy = [orgCopy] function loop(node){ node.forEach(item =>{ item.label = item.name i
2022-04-22 09:41:43
538
原创 vue echarts图表提示气泡自动轮播
// 图形初始化 initData(){ //tooltip自动播放 this.autoPlayToolTip() this.addEvents()} // tooltip自动播放 autoPlayToolTip() { // 防止多次添加轮播定时器,扰乱轮播节奏 if(this.timer) return const that = this this.timer = setInterval(() => { .
2022-03-16 10:54:38
1375
原创 vue动态添加多个class
在实际开发中会有很多动态改变class的情况第一种icon可以是变量也可以是常亮,isLike只能是字符串,是类名,且likeClass为true时才有<div :class="[icon,{'isLike':likeClass}]"></div>第二种classB和classC都是类名,都是字符串<div :class=" { classB: true, classC: isC }"></div>第三种class绑定一个三元表达式<
2022-03-08 14:31:11
2410
原创 echarts tooltip自定义鼠标悬浮提示信息
在项目中会有一些复杂的提示信息比如这样的废话不多说,直接上代码!!export default (a, list) => { const { dataIndex } = a[0] const _compCityName = list && list[dataIndex].cityName const _htmlString = list && list[dataIndex].resources && list && l
2022-03-08 14:22:59
520
原创 前端开发必备基础单词
一、导航类导航:nav主导航:mainbav子导航:subnav顶导航:topnav边导航:sidebar左导航:leftsidebar右导航:rightsidebar菜单:menu子菜单:submenu标题:title摘要:summary二、页面结构容器:container页头:header内容:content/container页面主体:main页尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体布局宽度:wrapper左右中:
2022-01-20 21:07:01
779
1
原创 from表单点击回车键,提交给后台
如果from表单内只有一个input输入框,按下回车键就会自动提交,可以在input输入框增加一个onkeydown属性, οnkeydοwn=“if(event.keyCode==13){return false;}” <form class="form-horizontal" name="form"> <div class="form-group"> <label for="backupName"><span class
2022-01-18 14:03:48
491
原创 js获取当前日期的前七天
废话不多说,直接上代码,在图标或者列表数据的时候可以用到// 获取当前日期的前7天 getDays(){ let oneDay = 24 * 60 * 60 * 1000 let endTime = new Date(Date.now() - oneDay) endTime = this.formatterDate(endTime,"yyyy-MM-dd hh:mm:ss") let startTime = new Date(Date.now() -
2022-01-18 10:13:09
5431
原创 js获取上一个月的时间
在写图标或者列表的时候会有获取近一个月的数据的功能,封装成函数,直接拿用,不用谢!上代码// 获取某月的最后一天 2021-2 -> 2021-2-28 getCurrentMonthLast (date){ var endDate = new Date(date); //date 是需要传递的时间如:2018-08 var month=endDate.getMonth(); var nextMonth=++month; var nextMo
2022-01-18 10:09:29
3604
原创 js两个json数组去重
list: [ { id: 1, name: '1日' }, { id: 2, name: '2日' }, ]arr: [ { id: 1, name: '1日'
2022-01-09 21:51:02
621
原创 谷歌浏览器显示弹框登陆代理解决方法
谷歌浏览器弹出代理服务器登录框的原因:部分用户会出现在启动浏览器或新建窗口时,会弹窗登录窗口。主要原因是由于 浏览器安装有多个扩展程序,他们的启动权重不同,这个可能和安装顺序有关导至的,我们代理插件在一些插件启动之后启动,权重低,造成代理自动验证功能无法完成。这算是浏览器的一个逻辑BUG。解决方法一:最筒单方法: 将我们插件删除重新安装,这样权重会高于其它已安装的插件了。找出其它插件的API地址.将他们添加到“上网策略”中,代理模式选直连,这样这些插件就不会走代理。解决方法二:当进入一个网
2021-12-15 15:39:01
4823
原创 element Drawer抽屉在ie浏览器页面抖动
测试提了一个bug,项目在IE浏览器中点击饿了么的组件抽屉页面会抖动,现在还有人用IE吗?看到这种bug头就大,没办法只能看看是什么问题了,在谷歌浏览器,别的一些浏览器都是没有问题的,百度了下有很多人也遇到了这个问题,可能是样式问题,是element自带的样式问题。找到问题就解决问题,最简单的办法就是把这个属性去掉或者替换掉。.el-drawer__wrapper{ overflow: visible;}...
2021-12-14 14:41:48
1661
2
原创 通过css让图片设置成黑白色
.gray{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
2021-12-13 17:29:24
1441
原创 js保留四位小数
超过4位截取保留4位,不足4位保留原位数不补0//保留4位小数 var number = 12.3321432; number = String(number).replace(/^(.*\..{4}).*$/,"$1"); number = Number(number); // number = 12.3321 //保留2位小数 var reg = /^(.*\..{2}).*$/; var number2 = 12.3; number2 = S
2021-12-06 16:52:26
6943
原创 程序员如何接私活、外包的秘技
在网上看到,似乎接私活也有很多不容易,技术问题本身是个因素,还有很多有技术的人接私活时被骗,或者是合作到最后以失败告终。今天结合以前的经历给大家一些建议,可借鉴。接私活是怎么接的?一般流程怎样?要注意什么?签合同的风险?等等问题,希望高手能将宝贵的经验与大家共享。第一节 接外包的渠道1.通过朋友介绍,这个是比较靠谱的方法,如果能保证质量,可能会有介绍来的单子;2.通过一些外包平台,现在主要有猪八戒、一品威客、解放号、码客帮、码市、程序员客栈、军刃这几个主流的平台。3.自有渠道,适合比较大牛的开发者,
2021-12-06 15:21:04
4930
原创 前端重要信息手机号、邮箱、身份证号进行脱敏处理
在项目中要展示一些重要的用户信息,但是又不想全部都展示出来,就需要这些数据处理一下。// 手机号脱敏 phoneDesensitization(val) { if (val && val.length == 11) { return val.replace(val.substr(3,4), '****') } else { return val } }...
2021-12-02 10:14:33
1397
原创 验证码机制
首先:验证码是从后端生成的,随机生成的;【后端永远认为前端有可能会被伪造】1、后端调用相关的绘图第三方库,或者是(平台PHP、.NET、Java)系统核心绘图类库进行图片的绘制;2、绘制的那些随机数字、字母,都是后端预先定义好的;3、将绘制的图片的URL地址,通过网络返送到客户端,然后客户端可以使用img标签,去引用这验证码的地址;4、后端在绘制完毕验证码之后,注意,随机生成的字母,不能丢弃,而是需要保存到Session中;5、当客户端输入验证完毕后,会提交表单,后端服务器会拿到客户端提交过来的验
2021-11-26 17:46:42
1612
1
原创 常用正则表达式
英文和数字:^[A-Za-z0-9]+$ 或 ^[A-Za-z0-9]{4,40}$正数、负数、和小数:^(\-|\+)?\d+(\.\d+)?$26个英文字母组成的字符串:^[A-Za-z]+$数字和26个英文字母组成的字符串:^[A-Za-z0-9]+$中文、英文、数字但不包括下划线等符号:^[\u4E00-\u9FA5A-Za-z0-9]+$ 或 ^[\u4E00-\u9FA5A-Za-z0-9]{2,20}$汉字:^[\u4e00-\u9fa5]{0,}$邮箱:/^(\w-*\.*)+@
2021-11-26 14:19:11
750
原创 js保留三位小数
// 保留三位小数 keepThreeNum(value) { let resValue = 0 //小数点的位置 let index = value&&value.toString().indexOf('.') + 1 //小数的位数 let num = value&&Math.abs(Number(value)).toString().length - index if(index .
2021-11-25 13:57:24
8164
原创 CSS隐藏元素的几种方法
1. visibility: hidden;这个属性只是简单的隐藏某个元素,但是元素占用的空间任然存在2.opacity: 0;CSS3属性,设置0可以使一个元素完全透明3.position: absolute;设置一个很大的 left 负值定位,使元素定位在可见区域之外4.display: none;元素会变得不可见,并且不会再占用文档的空间。5.transform: scale(0);将一个元素设置为缩放无限小,元素将不可见,元素原来所在的位置将被保留6.height: 0将元素高
2021-11-23 14:56:28
931
原创 css盒模型
什么是盒子模型?在我们HTML页面中,每一个元素都可以被看作一个盒子,而这个盒子由:内容区(content)、填充区(padding)、边框区(border)、外边界区(margin)四部分组成。盒子模型有哪两种标准模式下: 一个块的总宽度(页面中占的宽度)= width + margin(左右) + padding(左右) + border(左右)怪异模式下: 一个块的总宽度= width + margin(左右)(即width已经包含了padding和border值)(IE浏览器)标准和
2021-11-23 14:35:18
262
原创 vue中使用高德地图
1、注册账号并申请key2、准备容器添加div标签作为地图容器,同时为该div指定id属性;<div id="container"></div> #container { width:300px; height: 180px; } 3、引入地图JSAPI脚本<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=您申请得key值"></
2021-11-23 11:28:21
470
原创 css布局中的BFC
1. 双边距(边距重叠)1.什么是边距重叠?2.什么情况下会发生边距重叠?3.如何解决边距重叠?边距重叠: 两个box如果都设置了边距,那么在垂直方向上,两个box的边距会发生重叠,以绝对值大的那个为最终结果显示在页面上。有两种边距重叠的情况:1. 父子关系的边距重叠父子关系,如果子元素设置了外边距,在没有把父元素变成BFC的情况下,父元素也会产生外边距给父元素添加 overflow:hidden 这样父元素就变为 BFC,不会随子元素产生外边距<style>.o
2021-11-23 10:54:37
473
原创 你不知道的JavaScript小技巧
.map() 的替代品可以使用 .from() 代替 .map()。var arr = [ { name: 'Rio', age: 2 }, { name: 'Mac', age: 3 }, { name: 'Bruno', age: 5 }, { name: 'Jucas', age: 10 }, { name: 'Furr', age: 8 }, { name: 'Blu', age: 7 }]let arrNames = Array.from(
2021-11-22 17:30:20
494
原创 简单实用的Js单行代码
1、 标题、反转字符串你可以使用 split、reverse 和 join 方法轻松反转字符串。const reverse = str => str.split('').reverse().join('');reverse('hello world'); // Result: 'dlrow olleh'2、检查数组是否为空检查数组是否为空的简单单行程序将返回 true 或 false。const isNotEmpty = arr => Array.isArray(arr) &
2021-11-19 15:58:27
599
原创 BOM概述
什么是BOMBOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window。BOM由一系列相关的对象构成,并且每个对象都提供了很多方法和属性。BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C,BOM最初是Netscape浏览器的一部分。DOM文档对象模型 浏览器对象模型DOM就是把【文档】当作一个【对象】来看DOM的顶级对象是documentDOM主要学习的是操作页面
2021-10-08 16:57:19
339
原创 Js装逼指南
1、世上最快清除缓存方法<a href="javascript:alert( 清除成功 );">清除缓存</a>2、JS 错误处理的方式的正确姿势(直接定位错误原因)try { // something} catch (e) { window.location.href = "http://stackoverflow.com/search?q=[js]+" + e.message;}3、从一行代码里面学点 JavaScript(如何快速
2021-09-30 15:54:33
333
原创 HTML5和CSS3新增的特性
htmlt5的新特性HTML5的新增特性主要是针对以前的不足,增加了一些新的表单、新的标签和新的表单特性等。这些新特性都有兼容问题,基本是IE9以上版本的浏览器才支持,如果不考虑兼容问题,可以大量使用这些新特性。1.1HTML5新增的语义化标签以前我们布局,基本使用div,div对于搜素引擎来说,是没有意义的。<div class="header"></div><div class="nav"></div><div class="conten
2021-09-30 15:25:24
363
原创 js模拟快递单号查询
案例分析1、快递单号输入内容时,上面的大号字体盒子显示这里面的数字2、同时把快递单号里面的值(value)获取过来赋值给con盒子(innerText)做为内容3、如果快递单号里面内容为空,则隐藏大号字体的盒子4、注意:keydown和keypress在文本框里面的特点:这两个事件触发的时候,文字还没落入文本框中5、keyup事件触发的时候,文字已经落入文本框里面了6、当我们失去焦点,就隐藏这个con盒子7、当我们获得焦点,并且文本框内容不能为空,就显示这个con盒子<!DOCTY.
2021-09-29 19:45:43
1477
原创 js图片跟随鼠标
案例分析1、鼠标不断的移动,使用鼠标移动事件:mousemove2、在页面中移动,给document注册事件3、图片要移动距离,而且不占位置,我们使用绝对定位就可以4、核心原理:每次鼠标移动,我们都会获得最新的鼠标位置把这X和Y坐标做为图片的top和left值就可以移动图片。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name=".
2021-09-29 16:38:19
454
原创 jsDOM重点核心
文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可标记语言(HTML或者XML)的标准编程接口。W3C已经定义了一些列的DOM接口,通过这些DOM接口可以改变网页的内容、结构和样式。1、对于JavaScript,为了能够更好的使JavaScript操作HTML,Javascript就有了一套自己的dom编程接口。2、对于HTML,dom使得html形成一个dom树,包括文档、元素、节点关于dom操作,我们主要针对元素的操作。主要有创建、增、删、改、查、
2021-09-29 10:31:04
323
原创 js三种动态创建元素的区别
js三种动态创建元素的区别document.write()element.innerHTMLdocument.createElement()区别:1、document.write是直接将内容写入页面的内容流,但是文档流执行完毕,则它会导致页面全部重绘。2、innerHTML是将内容写入某个DOM节点,不会导致页面全部重绘。3、innerHTML创建多个元素效率更高(不要拼接字符串,采取数组形式拼接),结构稍微复杂。4、createElement()创建多个元素效率稍微低一点,但是结构更清晰。
2021-09-28 17:51:29
369
原创 js动态生成表格
案例分析1、因为里面的学生数据都是动态的,我们需要js动态生成,我们进行模拟数据,自己定义好数据,数据我们采取对象形式存储。2、所有的数据都是放到tbody里面的行里面。3、因为行很多,我们需要循环创建多个行。4、每个行里面有很多单元格(对应里面的数据),我们还继续使用循环创建多个单元格,并且把数据存入里面(双重for循环);5、最后一列单元格是删除需要单独创建单元格。<!DOCTYPE html><html lang="en"><head> .
2021-09-28 16:59:22
866
原创 js简单的发布留言板案例
案例分析1、核心思路:点击按钮之后,就动态创建一个li,添加到ul里面。2、创建li的同时,把文本域里面的值通过li.innerHTML赋值给li。3、如果想要新的留言在后面显示就用appendChild,想要在前面显示就用insertBefore。4、当我们把文本域里面的值赋值给li的时候,多添加一个删除的链接。5、需要把所有的链接获取过来,当我们点击当前的链接的时候,删除当前链接所在的li。6、阻止链接跳转需要添加javascript:void(0);或者javascript:;。&l.
2021-09-28 15:18:04
1297
原创 jsTab栏制作选项卡
案例分析1、Tab栏切换有2个大的模块2、上的模块选项卡,点某一个,当前这一个底色会变,其他不变(排他思想)修改类名的方法,3、下面的模块内容,会跟随上面的选项卡变化。所以下面的模块写到点击事件里。4、规律:下面的模块显示内容和上面的选项卡一一对应,相匹配。5、核心思路:给上面的模块里面的所有元素添加自定义属性属性值从0开始。6、当我们点击上面模块的某一个li,让下面模块对应序号的内容显示,其他隐藏(排他)。<!DOCTYPE html><html lang="en"&.
2021-09-27 19:06:45
562
原创 js表单全选和取消全选
案例分析1、全选和取消全选做法:让下面所有复选框的checked属性(选中状态)跟随全选按钮即可2、下面复选框需要全部选中,上面全选才能选中做法:给下面所有复选框绑定点击事件,每次点击,都要循环查看下面所有的复选框是否有没选中的,如果有一个没选中的上面全选就不选中。3、可以设置一个变量,来控制是否选中。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &l.
2021-09-27 16:47:17
2514
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人