听风是风

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

导航

2018年10月27日 #

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

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

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

2018年10月21日 #

精读JavaScript模式(一)

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

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

2018年9月28日 #

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

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

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

2018年9月14日 #

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

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

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

2018年9月12日 #

json.stringify()的妙用,json.stringify()与json.parse()的区别

摘要: 一、JSON.stringify()与JSON.parse()的区别 最近做项目,发现JSON.stringify()使用场景真的挺多,我们都知道JSON.stringify()的作用是将 JavaScript 对象转换为 JSON 字符串,而JSON.parse()可以将JSON字符串转为一个对象 阅读全文

posted @ 2018-09-12 00:03 听风是风 阅读(270197) 评论(14) 推荐(28)

2018年8月23日 #

vscode浏览器打开html vscode修改默认浏览器

摘要: vscode怎么浏览器打开html预览?这里大家可以通过安装open in browser插件解决。 1.vscode怎么浏览器预览 1.点击拓展 2.输入open in browser,选择第一个 3.点击安装(笔者已安装,所以显示的禁用) 2.vscode怎么修改默认浏览器 在安装完open i 阅读全文

posted @ 2018-08-23 23:48 听风是风 阅读(203983) 评论(0) 推荐(7)

2018年8月12日 #

http缓存详解,http缓存推荐方案

摘要: 前言 通过本文,你将了解到http缓存机制是怎样的,no-cache到底有没有缓存,地址栏回车,F5,ctrl+F5的区别,以及当下较为推荐的缓存方案等。 自从和前端组的同事一起整了个前端扫盲计划,想着给他们讲点什么,花了一周时间整理了http缓存的知识,花了一个多小时也算帮同事们重新理了理这玩意。 阅读全文

posted @ 2018-08-12 22:17 听风是风 阅读(24648) 评论(9) 推荐(14)

2018年7月18日 #

angular ng-repeat元素swiper无法滑动问题解决

摘要: 前言 angular中ng-repeat元素swiper无法滑动,angular与swiper冲突。 1.问题 在项目中,我需要利用ng-repeat循环li,比如一个nav导航条,在加入swiper后,出现无法滑动的问题。 问题展示: 其实,我们只需要在初始化swiper时加入两行代码即可 2.实 阅读全文

posted @ 2018-07-18 23:43 听风是风 阅读(500) 评论(0) 推荐(0)

angular ng-repeat点击切换样式,浅谈track by $index

摘要: 前言 angular ng-repeat点击切换样式,ng-repeat点击切换class样式,巧用ng-repeat track by $index。 1.问题 一个ul包含多个li,li通过ng-repeat循环得到,其中一个li默认带有class样式,通过点击让这个class进行切换。 2.实 阅读全文

posted @ 2018-07-18 23:15 听风是风 阅读(1904) 评论(0) 推荐(0)

2018年7月10日 #

offsetHeight,scrollHeight,clientHeight,scrollTop以及pageX,clientX,offsetX,screenX,offsetLeft,style.left等的区别以及使用详解

摘要: 一、写在前面 在阅读本文前,希望大家能针对每个属性亲手测试,网上现有的大量相关博客都有不等的概念错误,毕竟亲手实践才能更好的掌握这些概念。 1.pageX,clientX,screenX与offsetX 先统一了解下这四个概念,理解不透没关系,咱们把概念相近的对比着一一细说。 pageX:鼠标指针距 阅读全文

posted @ 2018-07-10 22:59 听风是风 阅读(4166) 评论(2) 推荐(1)