css hack

摘要: 什么是CSS hack 由于不同厂商的流览器或某浏览器的不同版本(如IE6-IE11,Firefox/Safari/Opera/Chrome等),对CSS的支持、解析不一样,导致在不同浏览器的环境中呈现出不一致的页面展现效果。这时,我们为了获得统一的页面效果,就需要针对不同的浏览器或不同版本写特定的 阅读全文
posted @ 2019-12-06 19:31 梦中飞雪 阅读(348) 评论(0) 推荐(0) 编辑

node升级

摘要: 1、 全局安装n: ; 2、查看n版本: n v 3、查看node版本: node v 4、安装node最新稳定版本: n stable 5、安装node指定版本: n 9.10.0 阅读全文
posted @ 2019-12-04 10:16 梦中飞雪 阅读(683) 评论(0) 推荐(0) 编辑

从一个url地址到最终页面渲染完成,发生了什么?

摘要: 从一个url地址到最终页面渲染完成,发生了什么? 1、DNS 解析 : 将域名地址解析为IP地址 浏览器DNS缓存 系统DNS缓存 路由器DNS缓存 网络运营商DNS缓存 递归搜索: www.baidu.com .com域名下查找DNS解析 .baidu域名下查找DNS解析 www域名下查找DNS解 阅读全文
posted @ 2019-11-25 23:18 梦中飞雪 阅读(350) 评论(0) 推荐(0) 编辑

面试题: nodejs 的事件轮询机制

摘要: setTimeout(function(){ console.log('setTimeout()执行了') },0) setImmediate(function(){ console.log('setImmediate()执行了') }) process.nextTick(function(){ c 阅读全文
posted @ 2019-11-25 22:35 梦中飞雪 阅读(451) 评论(0) 推荐(0) 编辑

什么是跨域? 如何解决跨域?

摘要: 1、 同源策略 是浏览器的安全策略 协议名、域名、端口号必须完全一致 2、跨域 违背同源策略就会产生跨域 3、解决跨域 jsonp(前后端配合)、 cors(后端配置)、 服务器代理(后端设置)... jsonp 前端需要的实现: ① 创建script标签 var script = document 阅读全文
posted @ 2019-11-25 22:05 梦中飞雪 阅读(379) 评论(0) 推荐(0) 编辑

什么是节流函数? 什么是防抖函数?

摘要: // 函数节流: 一个函数执行一次后,只有大于设定的执行周期后才会执行第二次。 有个需要频繁触发的函数,处于优化性能的角度考虑,在给定的时间内,只让函数触发的第一次生效,后面不生效 / @ param fn 要被节流的函数 @ param delay 规定的时间 / function throttl 阅读全文
posted @ 2019-11-25 21:52 梦中飞雪 阅读(732) 评论(0) 推荐(0) 编辑

JS综合面试题1

摘要: function foo(){ getName = function () { alert(1); }; return this; } Foo.getName = function(){ alert(2); }; Foo.prototype.getName = function(){ alert(3 阅读全文
posted @ 2019-11-25 21:10 梦中飞雪 阅读(130) 评论(0) 推荐(0) 编辑

求背景图片左边到#box盒子左边框外侧的距离

摘要: box{ width: 100px; height: 200px; background: pink; padding: 100px; border: 80px solid; background image: url("img/1.png"); //默认 background origin: pa 阅读全文
posted @ 2019-11-25 19:56 梦中飞雪 阅读(261) 评论(0) 推荐(0) 编辑

css实现三角形

摘要: box{ width: 0px; height: 0px; border: 100px solid; border top color: red; border right color: transparent; border bottom color: transparrent; border l 阅读全文
posted @ 2019-11-25 19:33 梦中飞雪 阅读(213) 评论(0) 推荐(0) 编辑

子元素位于父元素中央 css实现

摘要: wrap .box{ width: 200px; height:200px; background: pink; // 方案1 position: absolute; top:0; left:0; right:0; bottom:0; margin: auto; //方案2 position:abs 阅读全文
posted @ 2019-11-25 19:29 梦中飞雪 阅读(403) 评论(0) 推荐(0) 编辑