纪风夜影-CSDN博客

原创随笔

最近公司任务比较少，自己的项目占了自己大部分时间，与公司任务不同，自己的项目经常采用的是原生JS去写，在写的过程中遇到了很多问题，兼容性以及各种晦涩难记JS方法都让我头大，写的比较慢，不过我也知道这是想成为一个好前端的必经之路。大学时只学会了C，在第一家公司入了前端的门，也学了PHP，其实就平时的编程习惯而言，我是比较喜欢写后台的，喜欢研究算法和数据结构，那本算法导论一直跟着我从大学到武汉到深圳，虽

2017-08-16 16:43:51 265

原创图片懒加载的getBoundClientRect() Bug

最新自己做项目的时候有用到图片懒加载，我的思路是在视口滚动到图片上方一定距离时加载图片，于是采用了 getBoundClientRect 函数来获取图片的视口坐标，可是在实现过程中发现了一点小问题。在没有加载图片的情况下获取 getBoundClientRect 的值是获取不到的，得到的对象返回值中所有的属性均为 0，这样的情况该如何去处理呢？因为图片懒加载的地方图片的宽高大致是固定的，如果高度不

2017-08-16 16:05:31 656

原创 ES6语法学习（一）

ES6 （1）字符串扩展反引号的使用

2017-07-13 21:06:19 332

原创 JS 输入框银行卡格式（三）

之前博主发过两种方法实现银行卡格式的输入，前面两种方法都有一个共同的弊端，也是之前博主没有考虑到的，就是拦截输入。在认真思考过一番过后发现，其实拦截输入是不必要的，由于博主不在公司，代码没法发，这里大致说一下思路

2017-06-25 22:51:37 1414

原创图片懒加载

图片懒加载很多网站在初次打开的时候会特别慢，其中一个原因就是图片太多，页面一次加载太多图片。如何来解决这个问题呢？其中一个办法就是采用图片懒加载的技术，图片懒加载也就是在用户还没有浏览到指定位置时，暂时不加载图片，等用户浏览到时再加载。实现这样的技术其实并不复杂，只需要理解好浏览器，熟悉DOM就行。

2017-06-23 18:33:02 538

原创纯JS实现页面滚动至顶部并自动显示或隐藏

**博主最近在试着写一些简单的JS组件，一方面锻炼自己的JS功底，另一方面也为将来JS组件复用打好基础**我们在浏览网页时常常看到这样的JS组件这个是CSDN博客的返回顶部按钮，这种按钮是瞬间回到页面顶部，到页面顶部后的消失也是立马消失，而我们今天要写的是逐步返回至顶部，并逐步消失，在页面往下拉后，按钮也是逐步出现。

2017-06-22 15:00:41 6021

原创移动web 键盘挡住输入框

这两天在做移动端开发，做的时候遇到一点小问题，就是用户准备输入的时候，由于软键盘的弹出，而遮挡住了输入框，很不好的用户体验，上网搜了很久，感觉都不靠谱，一番琢磨之后有了眉头，这里大致说一下。这里点击输入框，页面变成了这个样子可是，其实我们想要的一般是这个样子那么，如何才能消除这个BUG呢？原来在楼主写前端的时候，把页面高度，定义成了100%，如果我们换成一个固定的像素值

2017-06-16 16:25:27 1367

原创 JS 银行卡格式输入框（二）

今天下午写了一篇关于银行卡格式输入框的介绍，就在写完没多久，自己又想起了另外一种方法，可能会比前一种方法更加有效，BUG更少（其实前一种方式的BUG挺多的），那么现在就来介绍一下。思路大致如下: 1.其实我们做输入框的要点就是字符串的处理，我们用一个数组保存每次用户输入字符后输入框的值 inputString。

2017-06-12 20:57:48 1505

原创 JS 银行卡格式输入框

最近工作涉及到这样一个问题，客户需要在一个输入框中输入他的银行卡号，我们知道，银行卡号的位数非常长，如果不加以区分的全部显示在用户面前，用户的体验度肯定不高，所以诸如支付宝之类的软件在用户需要输入银行卡号时都添加了一定的格式，就是在用户输入卡号时，以4个数字为一组的形式显示给用户，譬如 6214 1234 5678 1234 那么今天就在这里大致描

2017-06-12 17:01:48 4567

原创 Bootstrap踩坑经历

Bootstrap是一款十分受欢迎的前端响应式框架，里面几乎包含了所有你能想到的优秀组件，设计出来的网站十分炫酷，但是使用过程并没有想象中的那么顺利，这里发布一下使用Bootstrap时所可能遇到的'坑' （本文既作为作者使用Bootstrap的一个记录，也分享给大家）1.在引入Bootstrap后，也就例如这样：若要自己定义某些内容的属性，哪怕没有采用bootstrap的

2017-06-07 16:04:13 1601

原创 javascript正则表达式

这两天看javascript权威指南时，看到了正则表达式，这是我之前一直没有去关注的点，现在时间空闲些了，准备系统的学习一遍，这里也做一个博客记录，也算是监督自己的一种方式吧。1.正则表达式是干什么的在做项目的时候，我们经常会有一些字符串匹配的需求，譬如，判断邮箱，判断电话诸如此类的，而正则的作用就是通过一系列规定的字符来对特定字符串进行匹配。也就是说正则表达式的作用体现在判断一个

2017-06-06 10:07:56 242

原创一道JS面试题及分析

前几天，一个前端微信群里有这么一道题：var y=1;if( function f(){}){ y += typeof f;}console.log(y);第一反应呢，这个题答案应该式 1function ，可是结果出人意料，是 1undefined。查阅资料后大致了解了原因。这里涉及到一个知识点，就是函数声明和函数表达式。（i）函数声明和函数表达式在J

2017-05-12 22:29:32 511

原创 client-side and server-side

在stackoverflow上面没事儿闲逛的时候，在最热门问题中找到了这个问题传送门 http://stackoverflow.com/questions/13840429/what-is-the-difference-between-client-side-and-server-side-programming

2017-05-10 23:27:58 813

原创外边距塌陷

外边距塌陷的一般讲解和解决办法

2017-03-30 21:05:13 1313

纪风夜影