[置顶] 原生http请求封装
摘要： 满血复活，今天开始开始更新博客。随着es6的普遍应用，promise属性也随之用之普遍，我们在一些项目中，为了避免引入一些http库，节省空间，就简单将原生http请求做了封装处理，封装代码如下：（其中应用到了fetch，不懂得同学可以去mdn了解一下） import http from './http'; let Http = { /** * @example ... 阅读全文
posted @ 2017-11-15 17:20 ylnog 阅读(1660) 评论(0) 推荐(0)
2019年4月11日
css布局方式总结
摘要： ### 居中布局 ### 一、水平居中 * 要求：子元素于父元素水平居中且其（子元素与父元素）宽度均可变。 ```` javacript <div class="parent"> <div class="child">Demo</div> </div> ```` 1. inline-block + 阅读全文
posted @ 2019-04-11 10:02 ylnog 阅读(222) 评论(0) 推荐(0)
2019年3月29日
js获取http请求响应头信息
摘要： var req = new XMLHttpRequest(); req.open('GET', document.location, false); req.send(null); var headers = req.getAllResponseHeaders().toLowerCase(); alert(headers); 阅读全文
posted @ 2019-03-29 11:11 ylnog 阅读(9770) 评论(0) 推荐(1)
2019年3月19日
js事件循环机制 （Event Loop）
摘要： 一、JavaScript是单线程单并发语言 什么是单线程 主程序只有一个线程，即同一时间片断内其只能执行单个任务。 为什么选择单线程？ JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。 单线程意味着什么？ 单线程就意味着，所有任务都需要 阅读全文
posted @ 2019-03-19 11:25 ylnog 阅读(2626) 评论(1) 推荐(3)
2019年3月18日
http协议的状态码
摘要： 100（继续） 请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。 101（切换协议） 请求者已要求服务器切换协议，服务器已确认并准备切换。 2xx（成功） 表示成功处理了请求的状态码。 200（成功） 服务器已成功处理了请求。通常，这表示服务器提供了请求的网页。如 阅读全文
posted @ 2019-03-18 09:55 ylnog 阅读(239) 评论(0) 推荐(0)
2019年3月16日
javaScript函数节流与函数防抖
摘要： javaScript函数节流与防抖之区别 函数防抖(debounce)与函数节流(throttle)都是为了限制函数的执行频次，以优化函数触发频率过高导致的响应速度跟不上触发频率，出现延迟、假死或卡顿的现象。 一、 函数防抖(debounce) 概念 函数防抖（debounce）是指在一定时间内，动 阅读全文
posted @ 2019-03-16 14:54 ylnog 阅读(560) 评论(0) 推荐(0)
2018年9月29日
Effective前端1---chapter 2 用CSS画一个三角形
摘要： 1.CSS画三角形的画法 第一步：三角形可以用border画出来，首先一个有四个border的div长这样： 第二步：然后把它的宽和高都去掉，width：0；height：0；变成如下图： 第三步：把border-top去掉，这样就把上面的区域给裁掉了，如下图： border-top:none; 第 阅读全文
posted @ 2018-09-29 18:25 ylnog 阅读(278) 评论(0) 推荐(0)
Effective前端1---chapter 1 HTML/CSS优化
摘要： 最近在读高效前端：web高效编程与优化实践，借此本书的感受总结下前端代码与性能优化，纯属自己见解，如有错误，欢迎指出。 1.能用HTML/CSS解决的问题就不要用js 场景1：鼠标悬浮时显示 鼠标悬浮在菜单上时，显示子菜单。 实现思路：刚开始隐藏掉子菜单，信息框作为hover目标的子元素或者相邻元素 阅读全文
posted @ 2018-09-29 17:40 ylnog 阅读(228) 评论(0) 推荐(0)
2018年9月28日
Effective前端2---加快页面打开速度
摘要： 1.避免head标签JS阻塞 所有放在head标签里的JS和CSS都会阻塞页面渲染。如果这些CSS和JS需要记在时间比较久，中间页面会存在一个空白期，严重影响到用户体验。 例如以下代码：在head标签内加载jquery的js文件， jquery.js脚本文件加载了1.2s的时间，如下图： 相比之下， 阅读全文
posted @ 2018-09-28 18:11 ylnog 阅读(494) 评论(0) 推荐(1)
2018年4月20日
electron通讯
摘要： Electron桌面应用实现两个窗口（渲染进程）之间的通讯，传输数据： 方法1：在两个网页（渲染进程）间共享数据最简单的方法是使用浏览器中已经实现的 HTML5 API。 其中比较好的方案是用 Storage API， localStorage，sessionStorage 或者 IndexedDB 阅读全文
posted @ 2018-04-20 09:47 ylnog 阅读(888) 评论(0) 推荐(0)
2017年11月15日
数组去重方法总结
摘要： 1.利用数组的indexof; 关于indexOf()方法： indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。 stringObject.indexOf(searchvalue,fromindex) 该方法将从头到尾地检索字符串 stringObject，看它是否含有子串 阅读全文
posted @ 2017-11-15 17:55 ylnog 阅读(1047) 评论(0) 推荐(0)
下一页