- 博客(89)
- 收藏
- 关注
RSS订阅原创 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
270
原创 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
164
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
533
原创 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
1358
原创 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
2386
原创 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
491
原创 前端开发必备基础单词
一、导航类导航：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
763
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
486
原创 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
5409
原创 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
3600
原创 js两个json数组去重
list: [ { id: 1, name: '1日' }, { id: 2, name: '2日' }, ]arr: [ { id: 1, name: '1日'
2022-01-09 21:51:02
618
原创 谷歌浏览器显示弹框登陆代理解决方法
谷歌浏览器弹出代理服务器登录框的原因：部分用户会出现在启动浏览器或新建窗口时，会弹窗登录窗口。主要原因是由于 浏览器安装有多个扩展程序，他们的启动权重不同，这个可能和安装顺序有关导至的，我们代理插件在一些插件启动之后启动，权重低，造成代理自动验证功能无法完成。这算是浏览器的一个逻辑BUG。解决方法一:最筒单方法: 将我们插件删除重新安装，这样权重会高于其它已安装的插件了。找出其它插件的API地址.将他们添加到“上网策略”中，代理模式选直连，这样这些插件就不会走代理。解决方法二:当进入一个网
2021-12-15 15:39:01
4768
原创 element Drawer抽屉在ie浏览器页面抖动
测试提了一个bug，项目在IE浏览器中点击饿了么的组件抽屉页面会抖动，现在还有人用IE吗？看到这种bug头就大，没办法只能看看是什么问题了，在谷歌浏览器，别的一些浏览器都是没有问题的，百度了下有很多人也遇到了这个问题，可能是样式问题，是element自带的样式问题。找到问题就解决问题，最简单的办法就是把这个属性去掉或者替换掉。.el-drawer__wrapper{ overflow: visible;}...
2021-12-14 14:41:48
1648
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
1434
原创 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
6858
原创 程序员如何接私活、外包的秘技
在网上看到，似乎接私活也有很多不容易，技术问题本身是个因素，还有很多有技术的人接私活时被骗，或者是合作到最后以失败告终。今天结合以前的经历给大家一些建议，可借鉴。接私活是怎么接的？一般流程怎样？要注意什么？签合同的风险？等等问题，希望高手能将宝贵的经验与大家共享。第一节 接外包的渠道1.通过朋友介绍，这个是比较靠谱的方法，如果能保证质量，可能会有介绍来的单子；2.通过一些外包平台，现在主要有猪八戒、一品威客、解放号、码客帮、码市、程序员客栈、军刃这几个主流的平台。3.自有渠道，适合比较大牛的开发者，
2021-12-06 15:21:04
4906
原创 前端重要信息手机号、邮箱、身份证号进行脱敏处理
在项目中要展示一些重要的用户信息，但是又不想全部都展示出来，就需要这些数据处理一下。// 手机号脱敏 phoneDesensitization(val) { if (val && val.length == 11) { return val.replace(val.substr(3,4), '****') } else { return val } }...
2021-12-02 10:14:33
1391
原创 验证码机制
首先：验证码是从后端生成的，随机生成的；【后端永远认为前端有可能会被伪造】1、后端调用相关的绘图第三方库，或者是（平台PHP、.NET、Java）系统核心绘图类库进行图片的绘制；2、绘制的那些随机数字、字母，都是后端预先定义好的；3、将绘制的图片的URL地址，通过网络返送到客户端，然后客户端可以使用img标签，去引用这验证码的地址；4、后端在绘制完毕验证码之后，注意，随机生成的字母，不能丢弃，而是需要保存到Session中；5、当客户端输入验证完毕后，会提交表单，后端服务器会拿到客户端提交过来的验
2021-11-26 17:46:42
1569
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
743
原创 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
8124
原创 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
924
原创 css盒模型
什么是盒子模型？在我们HTML页面中，每一个元素都可以被看作一个盒子，而这个盒子由：内容区（content）、填充区（padding）、边框区（border）、外边界区（margin）四部分组成。盒子模型有哪两种标准模式下: 一个块的总宽度(页面中占的宽度)= width + margin(左右) + padding(左右) + border(左右)怪异模式下： 一个块的总宽度= width + margin(左右)（即width已经包含了padding和border值）（IE浏览器）标准和
2021-11-23 14:35:18
261
原创 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
462
原创 css布局中的BFC
1. 双边距（边距重叠）1.什么是边距重叠？2.什么情况下会发生边距重叠？3.如何解决边距重叠？边距重叠： 两个box如果都设置了边距，那么在垂直方向上，两个box的边距会发生重叠，以绝对值大的那个为最终结果显示在页面上。有两种边距重叠的情况：1. 父子关系的边距重叠父子关系，如果子元素设置了外边距，在没有把父元素变成BFC的情况下，父元素也会产生外边距给父元素添加 overflow：hidden 这样父元素就变为 BFC，不会随子元素产生外边距<style>.o
2021-11-23 10:54:37
469
原创 你不知道的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
492
原创 简单实用的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
598
原创 BOM概述
什么是BOMBOM(Browser Object Model)即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window。BOM由一系列相关的对象构成，并且每个对象都提供了很多方法和属性。BOM缺乏标准，JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C，BOM最初是Netscape浏览器的一部分。DOM文档对象模型 浏览器对象模型DOM就是把【文档】当作一个【对象】来看DOM的顶级对象是documentDOM主要学习的是操作页面
2021-10-08 16:57:19
337
原创 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
329
原创 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
361
原创 js模拟快递单号查询
案例分析1、快递单号输入内容时，上面的大号字体盒子显示这里面的数字2、同时把快递单号里面的值（value）获取过来赋值给con盒子(innerText)做为内容3、如果快递单号里面内容为空，则隐藏大号字体的盒子4、注意：keydown和keypress在文本框里面的特点：这两个事件触发的时候，文字还没落入文本框中5、keyup事件触发的时候，文字已经落入文本框里面了6、当我们失去焦点，就隐藏这个con盒子7、当我们获得焦点，并且文本框内容不能为空，就显示这个con盒子<!DOCTY.
2021-09-29 19:45:43
1465
原创 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
450
原创 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
318
原创 js三种动态创建元素的区别
js三种动态创建元素的区别document.write()element.innerHTMLdocument.createElement()区别：1、document.write是直接将内容写入页面的内容流，但是文档流执行完毕，则它会导致页面全部重绘。2、innerHTML是将内容写入某个DOM节点，不会导致页面全部重绘。3、innerHTML创建多个元素效率更高（不要拼接字符串，采取数组形式拼接），结构稍微复杂。4、createElement()创建多个元素效率稍微低一点，但是结构更清晰。
2021-09-28 17:51:29
362
原创 js动态生成表格
案例分析1、因为里面的学生数据都是动态的，我们需要js动态生成，我们进行模拟数据，自己定义好数据，数据我们采取对象形式存储。2、所有的数据都是放到tbody里面的行里面。3、因为行很多，我们需要循环创建多个行。4、每个行里面有很多单元格(对应里面的数据)，我们还继续使用循环创建多个单元格，并且把数据存入里面(双重for循环);5、最后一列单元格是删除需要单独创建单元格。<!DOCTYPE html><html lang="en"><head> .
2021-09-28 16:59:22
862
原创 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
1292
原创 jsTab栏制作选项卡
案例分析1、Tab栏切换有2个大的模块2、上的模块选项卡，点某一个，当前这一个底色会变，其他不变（排他思想）修改类名的方法，3、下面的模块内容，会跟随上面的选项卡变化。所以下面的模块写到点击事件里。4、规律：下面的模块显示内容和上面的选项卡一一对应，相匹配。5、核心思路：给上面的模块里面的所有元素添加自定义属性属性值从0开始。6、当我们点击上面模块的某一个li，让下面模块对应序号的内容显示，其他隐藏（排他）。<!DOCTYPE html><html lang="en"&.
2021-09-27 19:06:45
556
原创 js表单全选和取消全选
案例分析1、全选和取消全选做法：让下面所有复选框的checked属性（选中状态）跟随全选按钮即可2、下面复选框需要全部选中，上面全选才能选中做法：给下面所有复选框绑定点击事件，每次点击，都要循环查看下面所有的复选框是否有没选中的，如果有一个没选中的上面全选就不选中。3、可以设置一个变量，来控制是否选中。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &l.
2021-09-27 16:47:17
2507
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人