- 博客(21)
- 收藏
- 关注
RSS订阅原创 css中判断IE版本的语句
css中判断IE版本的语句css中判断IE版本的语句<!--[if gte IE 6]> Only IE 6/+ <![endif]-->：1. <!--[if !IE]> 除IE外都可识别 <!--<![endif]-->2. <!--[if IE]> 所有的IE可识别 <![endif]-->3. <...
2020-04-13 11:52:54
513
原创 移动端meta设置大全
声明文档使用的字符编码: <meta charset='utf-8'>强制让文档与设备的宽度保持1：1,对页面设置不能进行缩放：<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /&...
2019-12-30 10:59:48
248
原创 console方法探秘
1、断言：console.assert(expression, object[, object...])// 使用chrome测试console.assert(false,"test") // Assertion failed testconsole.assert(false,"test","test2") // Assertion failed test test2c...
2019-12-26 11:37:45
173
原创 水平垂直局中
设置父元素属性：display:flexalign-items:center//垂直局中justify-content:center//水平居中设置子元素属性定位，子元素没有固定宽高position：absolute/fixedtop:0left:0right:0bottom:0定位，子元素有固定宽高position:：absolute/fixed...
2019-10-23 11:25:18
196
原创 给iframe添加loading状态
if(iframe.attachEvent){ //IE iframe.attachEvent("onreadystatechange", function() { //此事件在内容没有被载入时候也会被触发，所以我们要判断状态 //有时候会比较怪异 readyState状态会跳过 complete 所以我们loaded状态也要判断 if (iframe.readyState...
2019-08-06 10:22:23
5612
原创 JS中的执行上下文(Execution Context)和栈(stack)
在这篇文章中，我将深入探讨JavaScript中一个最基本的部分，即Execution Context。 在本文结束时，您应该更清楚地知道解释器是怎么工作的，为什么某些函数/变量在声明之前就可以使用以及它们的值是如何确定的。一：什么是执行上下文？当JavaScript代码运行的时候，确定它运行所在的环境是非常重要的。运行环境由下面三种不同的代码类型确定全局代码（Global Co...
2019-07-18 11:12:06
345
原创 Provisional headers are shown
问题如上图，在谷歌浏览器中出现Provisional headers are shown的警告，换了其他的浏览器打开就正常了，查询资料，在浏览器中输入chrome://net-internals/#events，刷新页面重新请求，搜索delegate_blocked_by这个关键字...
2019-07-12 14:57:42
182
转载 Vim 保存和退出命令
Vim 保存和退出命令 命令 简单说明 :w 保存编辑后的文件内容，但不退出vim编辑器。这个命令的作用是把内存缓冲区中的数据写到启动vim时指定的文件中。 :w! 强制写文件，即强制覆盖原有文件。如果原有文件的访问权限不允许写入文件，例如，原有的文件为只读文件，则可使用这个命令强制...
2019-04-11 10:40:42
224
原创 跨域ajax两次请求 一次为option（复杂请求）
原因：1，跨域，2，请求为复杂请求： 1、请求方法不是GET/HEAD/POST 2、POST请求的Content-Type并非application/x-www-form-urlencoded, multipart/form-data, 或text/plain 3、请求设置了自定义的header字段解决办法： 1，改为简单请求（去掉header等）...
2019-02-27 10:43:42
2870
转载 vue项目实现路由按需加载(路由懒加载)的3种方式
vue异步组件 es提案的import() webpack的require,ensure()1 . vue异步组件技术 ==== 异步加载 vue-router配置路由 , 使用vue的异步组件技术 , 可以实现按需加载 . 但是,这种情况下一个组件生成一个js文件/* vue异步组件技术 */{ path: '/home', name: 'home', comp...
2018-12-20 17:00:00
1101
转载 基于vue的localStorage 与indexDB的基本封装
// 用来获取和设置 删除 localStorage 存储 let local = { save(key, value) { if (typeof value === 'string') { localStorage.setItem(key, value); } else { localStorage.setItem(key, JSON.stringify(val...
2018-12-18 20:53:43
618
转载 手动触发JS事件
input type=txt 这个组件触发change事件，需要同时满足两个条件：获得焦点；值发生改变；注:select这类组件只要值改变即可触发change事件；下面介绍一个实际例子：在一个页面中，引入了my97时间空间，对该input type=txt组件添加change时间，当使用my97改变数据后，发现无法触发change时间。猜测是由于失去focus造成，所以需要用js来手动...
2018-11-14 21:36:14
2309
原创 call apply 的基本用法与区别
知识点：apply为应用的意思， 函数的arguments代指入参1.基本应用var a = function () { console.log(this.dog)};var b = {};b.dog = 'yyy'a.apply(b) //输出了yyya.apply(b)意思为将a方法应用到b上；基本用法上，call用法与apply基本一致a.call(b...
2018-11-05 17:50:50
309
转载 手机抓包的两种方法：wireshark抓包和fiddler抓包
1、电脑做wifi热点，手机连上后电脑上使用wireshark抓包该方法手机无须root，并且适用于各种有wifi功能的手机（IOS、android等）、平板等。只要电脑的无线网卡具有无线承载功能，就可以。方法如下：1.把电脑的网络做为热点2.开启wifi热点后，被测手机连接到该热点；3.启动wireshark，选择做为热点的网卡，点击start开始抓包；4.操作手机，可以抓取...
2018-10-12 16:39:55
6415
转载 事件冒泡、事件捕获和事件委托
事件流 JavaScript与HTML之间的交互是通过事件实现的。事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用侦听器来预订事件，以便事件发生时执行相应的代码。 事件流的起源：就是在浏览器发展到第四代的时候，浏览器开发团队遇到一个问题：页面的哪一部分会拥有某个特定的事件？要明白这个问题问的是什么，可以想象画在一张纸上的一组同心圆。如果你把手指放在圆心上，那么你的手指指向的...
2018-09-19 12:52:18
192
原创 两个数组中包含对象，查找出数组1相对数组2差值
<script> let arr1 = [ {fpcid: "2da37fdfe66140089dc3367b21cc6194", fpcNameCode: "34"}, {fpcid: "2da37fdfe66140089dc3367b21cc6195", fpcNameCode: "33"}, {fpcid: "2da37fdfe66140089dc3367b21c...
2018-09-19 12:50:44
992
原创 VUE 与REACT获取真实的DOM节点
组件并不是真实的 DOM 节点，而是存在于内存之中的一种数据结构，叫做虚拟 DOM （virtual DOM）。只有当它插入文档以后，才会变成真实的 DOM 。根据 React与VUE 的设计，所有的 DOM 变动，都先在虚拟 DOM 上发生，然后再将实际发生变动的部分，反映在真实 DOM上，这种算法叫做 DOM diff ，它可以极大提高网页的性能表现需要注意的是，由于 this.refs.[r...
2018-07-11 17:51:13
1098
翻译 chrome 调试console点开时数据不对value below was evaluated just now
其实这是一个有点小意思的现象，因为当你在Chrome Console点击展开数组时，会重新去读一遍内存真实的值然后显示，一但展开后就不会再变。var Point = function() {}var arr = [ new Point(), new Point(), new Point() ]console.log(arr.length)console.log('第一个数组', arr)...
2018-07-11 17:37:38
9855
原创 前端项目架构心得
这篇文给正要架构前端项目的人提供一份参考。1.技术不盲目追新： 完美满足需求的技术才是这个项目最好的技术 程序员喜欢用新技术无可厚非，但是如果项目是公司核心产品，用的技术过新，一种可能是技术存在BUG，无人解决，哪怕自己可以解决，但是不能保证团队中所有人都有能力解决。2.技术选型不能盲目追求高逼格 还是相同的原因，你的技术很厉害不代表团队中所有人技术都很牛，给团队成员带来太高学习...
2018-06-25 11:07:02
1566
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人