- 博客(28)
- 收藏
- 关注
RSS订阅原创 ios 短信验证码自动填充时总是被复制两遍
这应该是ios系统本身的一个bug。这个算是苹果系统的一个bug，某些app或者微信网页里复制验证码是苹果手机会触发UITextFieldTextDidChangeNotification监听事件，导致验证码出现了两次。 解决：限制input标签的maxlength；...
2018-12-29 18:28:09
16157
原创 input type=number时，限制输入位数
1、当input，type为text时，设置maxlength后，能限制输入内容长度；2、当input，type为tel时，设置maxlength后，也是能限制输入内容长度，并且弹起键盘为默认为数字键盘；3、当input，type为number，设置了maxlength，是无法正常限制输入内容长度的，input元素内还是可以无限的输入内容。 解决方法：a、通过监听input的输入...
2018-12-29 18:24:37
14071
1
原创 微信端网页ios手机 点击屏幕空白处 出现黑色蒙层
在微信中或者在safari中打开网页，例如简单的登录页，如果该网页没有撑满一屏，在点击这些空白处时，会出现黑色蒙层。猜测原因是：html高度没有满一屏，点击空白的区域是ios浏览器页面的区域，点击这些区域会出现黑色蒙层。解决：设置html或者容器的高度为100vh，满一屏。这时点击就不会出现黑色蒙层了。...
2018-12-29 18:06:59
1618
原创 css选择器 +、>、~
1、 > #a>p{} // 使用 > 号，让选择器选择id="a"的所有子类（直接子类） 2、+h1+p，选择紧接在另一个元素后的元素，而且二者有相同的父元素。只会选择第一个相邻的匹配元素。 3、~#b~p，匹配所有在#b元素之后的同级p元素。...
2018-11-08 22:43:03
374
原创 web前端性能优化
一、减少HTTP请求二、使用浏览器缓存三、css放在页面的上面，js放在页面的下面四、压缩css文件和js文件五、减少Dom的操作六、减少cookie的传输七、使用cdn的加速...
2018-11-08 10:13:11
176
转载 vue-cli生成的项目结构
之前一段时间都在使用 vue 开发后台管理系统，在摸索的过程中对 vue 本身和模块化、规范化开发有了更深的认知，现在记录下来，希望对其他需要开发项目的人有帮助。项目配置首先，在确定好使用的框架和组件库后，先要大致了解它们，做到文档基本熟悉。本次开发使用到的有： vue ， vuex ， axios ， el...
2018-11-06 18:31:21
715
原创 call、apply与bind的异同
相同点：1、这三个方法都是用来改变函数内this的指向。2、都可以接收参数。3、第一参数都是this要指向的对象。 不同点： function Parent(name, arr){ this.name = name; this.arr = arr; } function Child(name, arr){ ...
2018-10-13 10:05:10
258
原创 cookie与Webstorage的区别
WebStorage分为 localStorage 和 sessionStorage。Cookie数量和长度的限制。每个domain最多只能有20条cookie，每个cookie长度不能超过4KB。另外还有安全性问题，如果cookie被人拦截了，那么别人就可以取得所有的session信息。 cookie与Webstorage的区别：1、存储大小不同 cookie的大小...
2018-10-12 17:25:33
2356
原创 Js 创建对象的方式
1、字面量形式 {}2、new Object()3、new Fn() // new 一个构造函数4、Object.create（） //Object.create(prototype, descriptors) 参考：https://msdn.microsoft.com/zh-cn/library/ff925952(v=vs.94).aspx...
2018-10-12 17:08:34
148
原创 use strict是什么及其优缺点
'use strict' ：“严格模式”。就是Js代码运行时，自动地实现更严格的解析和错误处理方法。 优点：消除js代码中不严谨、不合理的地方；提高代码的质量，保证代码更安全地运行；压缩时，js文件体积会更小。缺点：现在网站的 JS 都会进行压缩，一些文件用了严格模式，而另一些没有。这时这些本来是严格模式的文件，被 merge 后，这个串就到了文件的中间，不仅没有指示严格模式，反而在压...
2018-10-12 16:38:10
968
原创 Js onload（）和ready（）区别
1、onload（）window.onload = function(){}执行时机：等待页面中的所有资源（包括图片、视频等资源）都加载完成后，才会执行。而且在js中文件中只有一个onload事件。2、ready（）$(document).ready(function(){})或者简写成$(function(){}) 执行时机：等待页面Dom树加载完成后...
2018-10-12 16:15:50
10136
原创 Js延迟加载的方法
为什么要js延迟加载？js延迟加载，就是等页面加载完成后，再加载js文件。这样有利于提高页面的加载速度。提高用户体验。 Js延迟加载有以下的几种方法：1、利用defer属性<script type="text/javascript" src='index.js' defer='defer'></script>作用：js脚本会立即下载，但要在页面加载...
2018-10-12 15:52:22
489
原创 new操作符做了什么操作
1、创建一个空对象obj2、设置原型链。 让obj的__proto__属性，指向函数的原型3、让函数中的this指向obj。并且执行函数体 Function.call(obj);4、判断函数返回值的内容 如果返回的是对象，此时就不做操作了。直到最后将该对象赋值给一个变量。 如果返回的是一个值，此时返回obj。然后直到最后的赋值操作...
2018-10-12 15:31:00
1834
原创 Js原生与jQuery的Dom操作
一、创建节点1、原生js创建元素节点document.createElement('div');2、jquery创建元素节点$('<div></div>');二、创建、添加文本节点1、原生js创建文本节点，然后添加到元素节点中var txt = document.createTextNode('文本');var el = documen...
2018-10-12 15:17:55
247
原创 Js 判断是否为数组
判断类型，一般情况下，首先想到的是typeof，但是对于数组，typeof得到的结果是object var arr = []; console.log( typeof arr ); // object这样是无法准确判断是不是数组。下面使用两种方法进行判断1、instanceof var arr = []; console.log( arr insta...
2018-10-12 12:10:45
187
原创 Js 获取url中参数
// 获取url参数 function getUrlParam(name){ // 注意点：因为正则的字面量形式是不可以带变量的，所以一般都是使用构造函数形式 // 匹配url中指定格式的字符串，eg &tn=baidu。 var reg = new RegExp( '(^|&)' + name + '=([^&]*...
2018-10-12 11:59:19
268
原创 Js 常用的格式验证（手机号、邮箱，身份证）
1、手机号格式验证 // 手机号格式验证：1开头，第二位可可以是3,4,5,6,7,8，11位 var reg1 = /^1[3|4|5|6|7|8]\d{9}$/; var phone = '13800138000' console.log( reg1.test(phone) ); // true2、用户名格式验证 // 用户名格式验证:字母、下划线...
2018-10-12 11:42:46
1990
原创 Js 阻止事件冒泡和默认行为
为了兼容ie，下面将阻止事件冒泡和默认行为封装成函数1、阻止事件冒泡 // 阻止冒泡 function stopBubble(e){ var e = window.e || e; if( e.stopPropagation ){ e.stopPropagation(); ...
2018-10-11 16:38:56
154
原创 Js 对象的浅拷贝和深拷贝
一、以下的方式并不算浅拷贝 var obj = { name: '张三', arr: [1,2,3] } function copy(obj){ var Obj = obj; return Obj; } var obj1 = copy( obj ); obj1.name = '...
2018-10-10 16:52:34
209
原创 Js 数组去重
一、利用数组的splice方法 var array = [1, 2, 3, 4, 5, 6, 1, '1']; function unique(arr) { for (var i = 0; i < arr.length - 1; i++) { for (var j = i + 1; j < ...
2018-10-10 15:37:50
123
原创 css3 loading效果-示例1
效果预览： HTML:<div id="loading"> <span class="bounce bounce1"></span> <span class="bounce bounce2"></span> <span class="bounce
2018-10-08 18:06:28
356
原创 git 忽略部分文件，不加入版本控制
一、使用.gitignore文件 1 >> 在项目目下创建.gitignore文件。 2 >> 在.gitignore文件中添加忽略内容。 eg： /node_modules/ /dist/ （需要注意的是，.gitignore文件本身是会加入到...
2018-10-08 12:21:00
1525
原创 git 本地仓库与远程仓库关联
一、直接从远程仓库拉取项目 在github或是其他一些基于git的平台上，复制远程仓库的链接。然后在本地文件夹中使用git clone ‘远程仓库链接’命令来将远程仓库的项目拉取到本地。 二、本地仓库创建项目，推送到远程 1 >> 本地初始化git仓库 git init 2 >> 新建文件并写入内容 ...
2018-10-08 12:09:14
437
原创 git 常用命令（三）--版本回退
关于版本回退：例如现在有A、B两个人，总共有3次提交 A1--A2--B1，而且两个人都在最新的提交上。现在的问题是A这个人发现A2提交是有问题的，需要去修改。 方法一：在现有的基础上进行修改 如果发现并不是很严重的问题，可以通过log日志来找到问题，然后在B1提交上进行修改，然后commit后push，作为A3提交就可以。 方法二：版本回退（强退） ...
2018-10-08 11:45:51
176
原创 git 常用命令（二）
1 >> git rm --cached (文件名) 内容add到暂存区后，想要撤销掉所有提到暂存区中的内容。2 >> git commit --allow-empty -m ‘空的提交’ 默认的情况下，git是不允许没有修改内容就进行commit的。3>> git log --oneline ...
2018-10-08 11:35:48
186
原创 git 常用命令（一）
> 文件名 增加文件rm 文件名 删除工作区中的文件 ls 查看该文件夹下的文件ls -a 查看该文件夹下的文件，包括隐藏文件ls -R 查看该文件夹下的文件夹中的内容cat 文件名 查看文件内容vi 文件名 查看并编辑文件...
2018-10-08 11:20:36
206
原创 sass小结
sass使用小结：1、变量变量必须以$开头，如果将变量使用到字符串中，需把变量名放到#{}大括号中。$comW: 200px;$comH: 200;$comC: red;#div1{ width: $comW; height: #{$comH}px; // 在字符串使用需要加上#{} background: $comC;} 2、简单的运算...
2018-09-27 21:50:35
197
原创 Ajax的简单封装
function ajax(options){ // 格式化参数 var params = formData( options.data ); // 创建ajax对象 var xhr = null; if( window.XMLHttpRequest ){ xhr = new XMLHttpRequest(); }else{...
2018-08-27 20:55:08
147
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人