- 博客(30)
- 问答 (4)
- 收藏
- 关注
RSS订阅
原创 正则-完美的身份证以及真实姓名
验证真实姓名的正则（2-30位）： var reg= /^(([a-zA-Z+\.?\·?a-zA-Z+]{2,30}$)|([\u4e00-\u9fa5+\·?\u4e00-\u9fa5+]{2,30}$))/;改正则支持中文以及英文姓名： 中文：大卫·波菲尔、王林 、上官飞燕等纯中文以及圆点组合（名字的长度可以自用限制） 英文：Mr.li 等一系列 验证身份证号的正则： ...
2018-04-03 15:12:58
55812
2
原创 Vue项目中组件相互引用，组件不能正常注册，控制台警告处理
在.vue 文件初始化时，引用关系已经形成,所以在B引用C的时候，我们采用异步组件，这样在B用到C组件的时候再去加载C组件就不会出现上面的问题了。Vue项目中在控制台遇见下面的这种报错，组件没有正常注册，排查代码发现组件也都正常导入、注册、使用了。A组件引用了B组件，B组件引用了C组件，C组件内部又引用了A组件，存在着相互引用。按照报错问题上面的文件引用关系，逐级排查发现存在着件。
2023-09-22 14:30:58
437
原创 npm publish 将代码发布到远程之后，下载下来文件解压之后的时间异常
不修改打包时间，publish打的包所有文件的修改时间是不变的，部署完之后也是同样的道理。浏览器缓存机制可能会判断为文件没有更新，更具体的细节，后续研究吧，哈哈！前端的Vue项目，本地通过npm publish 将打包之后的文件发布到了远程库，运维的同学从远程下载下来的压缩文件解压之后，发现文件的修改日期为1985/10/26 16:15:00，并且每次发版完之后这个时间一直是这样，不会改变。更新完之后，部分用户告知客户端访问异常，有的人能访问，有的人不能访问（需要清楚浏览器缓存之后才能访问）
2023-07-20 12:08:30
173
原创 mac电脑 在Chrome浏览器上安装vue devtools
问题：在mac上安装vue的DevTools 之前安装的.crx后缀的一致安装不成功解决方案：将.crx 后缀之接改为.zip后缀之后，安装就可以了。有需要的同学自取哦！链接: https://pan.baidu.com/s/1Ez5SGYC7lt-_C0l-8SR4UA 提取码: fa13...
2022-03-18 12:00:38
778
3
原创 前端根据url下载文件、各种格式图片以及txt文件
downloadFile(path, name) { fetch(path).then(res => res.blob()).then(blob => { // 将链接地址字符内容转变成blob地址 let node = document.createElement('a') node.href = URL.createObjectURL(blob) node.download = name; document.body.app
2022-03-09 14:12:56
1405
2
原创 Elementui table表格金额实现千位分割符
示例：<template> <el-table :data="tableData" > <el-table-column property="money1" label="示例1" :formmat="handleFormat"> </el-table-column> <el-table-column property="money2" label="示例
2021-03-12 19:57:45
2012
原创 找出数组中相同key的对象，并将对应的value进行拼接
数组如下： let ary = [ {fileName: "文档1", nodeId: "1133275924701949952"}, {fileName: "文档2", nodeId: "1133275743956807681"}, {fileName: "文档3",nodeId: "1133275683449434112"}, ...
2019-08-06 10:32:11
1602
原创 elementUI，多选表格实现单选操作
<el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%" height="53vh" @row-click="toStaffDetail" @select="u...
2019-05-09 23:15:33
6891
2
原创 ElementUI根据某些状态判断复选框的状态实现
table表格中根据某些状态来判断复选框是否可以勾选？我们为多选框表格增加一个selectable属性，改属性仅对 type=selection 的列有效，类型为 Function，Function 的返回值用来决定这一行的 CheckBox 是否可以勾选//核心代码如下 <el-table-column type="selection" ...
2019-04-29 14:33:36
8395
原创 各种面试题
什么是标签语义化合适的标签做合适的事情标签语义化的好处比如标题使用 h1-h6,能够增加权重，有利于蜘蛛的抓取，有利于SEO的优化去掉样式的时候，页面结构仍然比较清晰便于团队的开发和维护link和@import的区别link是属于XHTML标签，除了加载CSS之外，还可以用于定义RSS等其他事务；@import属于CSS范畴，只能加载CSSlink引用CSS的时候，在页面载...
2018-11-30 15:58:20
364
原创 $.extend和$.fn.extend的区别
(function () { var jQuery = function (selector, context) { return new jQuery.fn.init(selector, context); }; jQuery.fn = jQuery.prototype = { constructor: jQuery, ...
2018-11-28 17:54:14
643
原创 AJAX详解
AJAXasynchonous javascript and xml异步js和xml作用：通过ajax技术，客户端可以向服务器端发送请求，把需要展示给用户的数据获取到，也可以把客户端用户填写的一些信息发送给服务器端进行处理。=&gt;ajax实现的是前后端数据请求交互的。ajax中异步js的概念此处的异步和之前学习的同步和异步是有区的，这里提到的异步其实想表达的意思是局部刷新全局刷新...
2018-11-22 17:37:45
753
原创 一道简单的面试题引发的思考
反正我感觉我被这道题侮辱了智商，好吧，我承认这是我平常没有认证思考的锅哦！var str = 'name';str.len = 4;console.log(str.len);当时我简单一看直接就给出了答案 4 ，面试官对我冷冷一笑，我就知道自己又傻了。下来一看发现这么简单的问题，顿时羞愧啊！// 我们定义了一个字符串，字符串是基本数据类型var str = 'name' ;/...
2018-11-21 16:54:43
226
原创 搜索功能的实现
在爱课帮http://www.ikebang.com的项目当中，需要新增加一个搜索功能，刚接到这个任务的时候头都大了，以前从来没有做过。但是办法总是想出来的，只好慢慢的做了。主要技术前端：jQuery、seajs后台：php遇到的问题通过上下键来选择列表内容失焦（列表会隐藏）如何在点击列表中的每一项如何避免频繁的向后台请求数据（减少后台的压力）效果图如下（背景图为...
2018-04-18 18:31:45
5916
原创 Git基本操作
Git Git项目源代码版本控制器（代码管理工具），便于团队的协作开发。Git 安装成功后的如果我们在直接桌面（desktop）打开的话，需要进行一系列的操作才能到达我们的目的地。 首先给出一些基本的文件操作命令：cd 磁盘：进入某个盘cd..：返回上级目录ls：列出当前盘下的文件名ll：详细的列出当前文件的信息（比如年月日等）pwd：打印当前路径mkdir：创...
2018-03-15 00:03:07
446
原创 你可能不知道的东西
元素的margin和padding值什么时候生效 元素可以分为块级元素，行内元素以及行内块级元素。行内元素的margin或者padding只有margin-left和margin-right以及padding-left和padding-right有效果，margin-top、margin-bottom、padding-top、padding-bottom这四个属性都可以对行内元素（...
2018-03-02 09:52:32
336
原创 在移动端封装一个自己的tap事件
事件-移动端单手指事件：touchstart：手指按在屏幕上touchmove：手指在屏幕上移动touchend：手指离开屏幕touchcancle ：手指操作取消（一般都是意外情况导致操作取消）多手指事件：getsturestart：多手指按下getsturechange：多手指位置改变getstureend ：手指离开getsturecancel：多手指操
2018-01-15 22:32:47
2184
原创 重写原型对象（prototype）
重写后constructor属性的变化以及处理//创建一个Parent实例function Parent() { this.name = "wgh";}//重写Parent的原型对象，并为其手动添加constructor属性，注意在ECMAScript5中默认的constructor是不可枚举的，但是我们手动设置的是可以枚举的，如果要处理的话我们可以通过Object.defi
2018-01-15 16:45:49
901
原创 两个数组的交叉合并
var ary=["A","B","C","D"];var ary2=[1,2,3,4,5,6,];function aryJoinAry(ary,ary2) { var itemAry=[]; var minLength; //先拿到两个数组中长度较短的那个数组的长度 if(ary.length>ary2.length){ minLength=
2018-01-13 19:31:20
7919
原创 求一个字符串的字节长度
var str="123王光辉love";function getBytes(str) { var strLength=str.length; var num=strLength; for (var i = 0; i < strLength; i++) { /*字符串的charCodeAt()方法获取指定索引对应的ASCII码值，汉字的ASCII大于255
2018-01-13 19:11:30
6925
4
原创 DOM2级事件绑定的兼容处理
DOM2的兼容处理DOM2事件绑定，标准浏览器和IE低版本浏览器中除了语法上的区别，还有其它方面的区别THIS问题标准 执行事件池中绑定的方法，方法中的THIS是当前操作的元素；会给方法传递事件对象进来，事件对象中存在TARGET等属性；IE低版本 执行方法的时候，方法中的THIS是WINDOW而不是当前元素；事件对象也传递进来了，但是传递进来的值和window.event一样
2017-12-21 14:02:26
909
原创 outerHTML的兼容处理
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>outerHMTL的兼容处理</title></head><body><div id="box" style="background:red;width:100px;height: 100px;"> <span>你好啊</span>
2017-12-21 13:56:39
1753
1
原创 数组去重的四种方法
方法一： 实现思路：首先我们需要的是一个临时的空数组，将我们要去重数组的第一项放进去（第一项是不可能重复的;然后循环数组中的每一项，看看每一项在临时数组中是否存在，存在的话我们将其放在临时数组，最后返回临时数组即可）var ary=[12,1,1,2,3,4,2,3,4,5,3,4,8,789];Array.prototype.myUnique=function myUnique () {
2017-12-16 16:50:47
854
原创 跨域问题的5种解决方案
跨域什么是跨域？ 跨域是由浏览器的同源策源产生的，是指页面请求的接口地址，必须与页面的url地址处于同域上（即域名、端口、协议相同）。这是为了防止某域名下面的接口，被其他域名下的网页非法调用，是浏览器对JavaScript施加的安全限制。跨域产生的原因在我们日常的开发中，静态资源是放在本地电脑上面的，访问这些资源通常通过IP地址（127.0.0.1）或者localhost来访问的，与线上服务器所
2017-12-10 16:54:15
1138
原创 DOM
DOMdocument object model 文档对象模型，它里面提供了一系列的属性和方法，能够让JS操作页面中的元素。一个HTML有页面的组成如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>DOM是什么</title></head><body><div></div></bo
2017-08-22 21:55:07
394
2
原创 初识函数
函数数据类型定义函数的几种方法1、函数声明（使用function语句来创建一个函数）function（a,b）{return a+b;}；2、函数表达式，又叫函数字面量var fn=function（a,b）{return a+b;}；这两种方式的区别：解析器会先读取函数声明，并使其在执行任何代码之前都可以被访问，而函数表达式则需要解析器执行到他所在的代码才会被真正的解释执行（主要原因js代码的变量
2017-08-21 23:47:22
343
原创 任意数求和（不限传递实参个数，都可以求和 对非有效数字的实参值进行规避 在函数外面可以使用求和的结果）
该函数功能主要通过对实参集合arguements（）函数的应用，将传递过来的实参值全部存储到改函数中，便于调用。通过isNaN方法来验证是否为有效数字，以及对Number()方法的应用。主要功能的JS代码如下： /*arguments:当函数执行的时候，传递进来的实参值，都存储在arg（arguements）, * 这个集合中不管是否定义了形参，也不管是否传递了实参，a
2017-07-25 20:48:18
1051
空空如也
帮忙看下作用域的题？真的迷了！
2017-08-08
解释下这种方法是怎么求的数组中的最大值？
2017-08-04
自执行函数的执行过程
2017-07-31
自执行函数变量提升问题
2017-07-31
TA创建的收藏夹 TA关注的收藏夹
TA关注的人