听风是风

学或不学,知识都在那里,只增不减。

导航

2018年12月11日 #

页面优化,谈谈重绘(repaint)和回流(reflow)

摘要: 一、前言 偶尔在面试过程中遇到过重汇与回流reflow的问题,毕竟页面优化也是考核一个开发者能力的关键之一,上篇文章聊了下documentfragment也是为了减轻回流问题,那么本篇文章好好介绍下重绘和回流。 二、重绘和回流是什么 怎么去理解这两个概念呢?从字面上理解,重绘,重新绘画,重新上色,较 阅读全文

posted @ 2018-12-11 21:08 听风是风 阅读(13540) 评论(9) 推荐(7) 编辑

2018年12月10日 #

页面优化,DocumentFragment对象详解

摘要: 一、前言 最近项目不是很忙,所以去看了下之前总想整理的重汇和回流的相关资料,关于回流优化,提到了DocumentFragment的使用,这个对象在3年前我记得是有看过的,但是一直没深入了解过,所以这里做个整理。后面会把重汇,回流也做个整理,不鸽。 二、DocumentFragment对象是什么? M 阅读全文

posted @ 2018-12-10 20:03 听风是风 阅读(7439) 评论(0) 推荐(3) 编辑

2018年12月5日 #

AJAX unsupported media type 415错误处理

摘要: 一、问题 在使用angular做请求拦截时,因为依赖循环的问题,在请求拦截中改为使用ajax来发起请求拿到我想要的数据,结果出现了415 Unsupported Media Type错误,由于很久没使用ajax,这里还是记录下。 二、解决 源代码: 经查证,发现是我将data转为json字符串格式后 阅读全文

posted @ 2018-12-05 14:50 听风是风 阅读(2245) 评论(0) 推荐(0) 编辑

2018年11月24日 #

我应该坚强点。

摘要: 爸爸去世了,现在回家。 我想安慰妈妈,可是哭的说不出话。 我很没用,我应该坚强点。 毕竟我25岁了。 阅读全文

posted @ 2018-11-24 09:44 听风是风 阅读(499) 评论(3) 推荐(1) 编辑

2018年11月22日 #

jmeter安装教程与新手入门(附jdk安装教程)

摘要: 一、前言 最近要对网站做性能测试,提到了并发数测试,查了下,还是决定使用jmeter来完成这项测试,这里总结了jmeter完整的安装教程,附上新手使用教程。 二、jmeter安装 1.jdk安装(jmeter运行所需环境) jmeter运行需要java环境,如果没事先安装jdk,启动jmeter会出 阅读全文

posted @ 2018-11-22 21:15 听风是风 阅读(42881) 评论(6) 推荐(4) 编辑

2018年11月20日 #

精读JavaScript模式(二)

摘要: 我在想知识点怎么去分类,原本计划一章节一篇,但这样会会显得长短不一。更主要的是看到哪写的哪更为随意。那么这一篇还是紧接第一篇进行知识梳理,上篇说到了更优化的for循环,现在继续聊聊其它的循环方式。 1.for-in循环 for-in循环又称之为枚举,常用于遍历非数组对象。虽然也可以用于遍历数组,但并 阅读全文

posted @ 2018-11-20 18:36 听风是风 阅读(538) 评论(0) 推荐(0) 编辑

2018年10月27日 #

JS 从斐波那契数列浅谈递归

摘要: 一、前言 昨晚下班后,经理出于兴趣给我们技术组讲了讲算法相关的东西,全程一脸懵逼的听,中途还给我们出了一道比较有趣的爬楼问题,问题如下: 假设一个人从地面开始爬楼梯,规定一步只能爬一坎或者两坎,人只能往上走,例如爬到第一坎,很明显从地面到第一坎只有一种可选方式,从地面爬到第二坎,他可以从地面直接跨到 阅读全文

posted @ 2018-10-27 18:16 听风是风 阅读(6428) 评论(5) 推荐(5) 编辑

2018年10月21日 #

精读JavaScript模式(一)

摘要: 一、前言 为什么读这本书? 其实做前端开发,一个需求给不同工作经验的人去做,只要完工时间不算苛刻,大家都是能实现的。功能实现虽然大致相同,但当我们回归代码去看实现方式,代码书写的美观程度,以及实现的方法其实是不尽相同的。毕竟经验丰富的人,拿到一个需求,可能脑海里就浮现了多个可供选择的方案,而经验较浅 阅读全文

posted @ 2018-10-21 22:52 听风是风 阅读(1479) 评论(2) 推荐(4) 编辑

2018年9月28日 #

【JS】input输入框只能输入数字

摘要: 一、实现思路 input只能输入纯数字的思路其实很简单,监听输入框值的变化,每次输入检索输入框的值,将非数字的字段替换成空,再将此值赋予给输入框。 关键代码: \d:匹配数字 replace(/[^/d]/g,''):匹配非数字,并替换成空。 那我们的实现代码为: var input = docum 阅读全文

posted @ 2018-09-28 23:07 听风是风 阅读(3895) 评论(2) 推荐(0) 编辑

2018年9月14日 #

详解lastindex,正则test()与全局匹配g偶遇,带来一会true一会false的坑

摘要: 一、简单的需求与奇怪的问题 周一接到需求文档,产品分类页的输入框,需要加一个智能下拉提醒的功能,大概就是用户输入啥,找到符合输入字段的产品名,进行下拉推荐,同时将此字段标红,有点类似于百度搜索的智能提醒。 实现流程图一画,逻辑一理,胸有成竹就开始写代码了,然后在字段正则匹配时,却遇到一件很诡异的事情 阅读全文

posted @ 2018-09-14 23:54 听风是风 阅读(788) 评论(2) 推荐(0) 编辑