<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[LightLinV的博客]]></title><description><![CDATA[一个不止关注技术的码农，微信公众号「frondev」。]]></description><link>https://blog.youkuaiyun.com/LightLinV</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; LightLinV]]></copyright><item><title><![CDATA[图片懒加载的几种方法]]></title><link>https://blog.youkuaiyun.com/LightLinV/article/details/89042758</link><guid>https://blog.youkuaiyun.com/LightLinV/article/details/89042758</guid><author>LightLinV</author><pubDate>Fri, 05 Apr 2019 13:44:56 +0800</pubDate><description><![CDATA[在一些图片比较多的网站会用到 图片懒加载 技术，这项技术可以延迟加载图像，只当图片出现在我们看到的视图中才加载，它的好处是大大提高用户体验，节省不必要的资源浪费以及网站的性能提升等。下面介绍几种图片懒加载的方法，分别是监听 scroll、resize 事件，使用 Intersection Observer API 以及 Chrome70 自带的懒加载设置。任何技术都是为解决问题服务的。在开始之前，...]]></description><category></category></item><item><title><![CDATA[JavaScript 学习之路-原型和原型链]]></title><link>https://blog.youkuaiyun.com/LightLinV/article/details/88779863</link><guid>https://blog.youkuaiyun.com/LightLinV/article/details/88779863</guid><author>LightLinV</author><pubDate>Sun, 24 Mar 2019 18:26:14 +0800</pubDate><description><![CDATA[面向对象语言(Object-Oriented) 都有类的概念，通常用 class 关键字来定义。在最新的 ES6 标准里，也加入了类的使用，这意味着，js 也能像其它 OO 语言那样很方便地实现继承了。但是，js 的 class 其实只是个语法糖，它依然是通过原型链来实现继承的。
在理解原型链之前，首先要理解一句话，构造函数、原型和实例三者的关系：每个构造函数都有一个原型对象，原型对象都包含一个指...]]></description><category></category></item><item><title><![CDATA[JS 实现一个倒计时]]></title><link>https://blog.youkuaiyun.com/LightLinV/article/details/88602302</link><guid>https://blog.youkuaiyun.com/LightLinV/article/details/88602302</guid><author>LightLinV</author><pubDate>Sat, 16 Mar 2019 17:50:20 +0800</pubDate><description><![CDATA[你看到这篇文章时，倒计时应该已经结束了。
又到了金三银四季节，每年这个时候大家都在拼命刷题准备各大公司的招聘，这个时候我们需要对一些常见的面试题有所了解，比如今天要说的就是我在网上看到的，要你手写一个 js 倒计时效果，手写代码是什么感觉？速度 70 迈，心情真是嗨，本想好好秀一下的，谁知刚落笔就 … … 告辞！不过，多写代码确实可以保持手感，虽然刚开始会一直支支吾吾写不出，不过越写越顺手，越能发...]]></description><category></category></item><item><title><![CDATA[一个移动端 H5 项目总结]]></title><link>https://blog.youkuaiyun.com/LightLinV/article/details/88036900</link><guid>https://blog.youkuaiyun.com/LightLinV/article/details/88036900</guid><author>LightLinV</author><pubDate>Thu, 28 Feb 2019 17:18:09 +0800</pubDate><description><![CDATA[两个月前做过几个移动端的 H5 页面，一些看似简单的东西一旦动手做起来总是会出现许多各式各样的问题，所以把这些问题记录下来，自己没事翻一翻，而且没准以后别人也遇到类似的问题，就可以供别人做参考，或者有个思路去解决。
position: fixed 定位失效
需求里要求把导航栏固定在顶部，这个也很简单，当然就是一个position: fiexed 的事，然而到 Chrome 上调成手机模式一看，em...]]></description><category></category></item><item><title><![CDATA[JavaScript 学习之路-语法篇(下)]]></title><link>https://blog.youkuaiyun.com/LightLinV/article/details/86308294</link><guid>https://blog.youkuaiyun.com/LightLinV/article/details/86308294</guid><author>LightLinV</author><pubDate>Fri, 11 Jan 2019 17:13:52 +0800</pubDate><description><![CDATA[这段时间一直在期末复习，这几天考完试末，轻松了许多，终于放假啦。
上篇文章（很久了）说的是 JavaScript 的操作符，有相等操作符、条件操作符、赋值操作符等等，这篇文章写的是语法篇的最后两个内容：语句 和 函数 。
语句
语句由一个或多个词组成，可以完成某些任务和操作。
if 语句
最常用也很熟悉的语句了，它的语法如下：
if (condition) {
    block1
} else ...]]></description><category></category></item><item><title><![CDATA[JavaScript 学习之路-语法篇(中)]]></title><link>https://blog.youkuaiyun.com/LightLinV/article/details/84893880</link><guid>https://blog.youkuaiyun.com/LightLinV/article/details/84893880</guid><author>LightLinV</author><pubDate>Sat, 08 Dec 2018 16:14:52 +0800</pubDate><description><![CDATA[上篇文章分享了 JavaScript 的基本语法、严格模式的启用，还有变量、五大基本数据类型以及所定义的一些关键字保留字等。在这篇文章里，你可以了解到 JavaScript 中的各类操作符，这些操作符有些很熟悉，一直在用，有些可能平时不太注意，但也会多少用到。
花式操作符
操作符，顾名思义，就是对数据进行操作。JavaScript 能参与运算的操作符很多，有一元操作符、位操作符、乘性操作符等等，接...]]></description><category></category></item><item><title><![CDATA[JavaScript 学习之路-语法篇(上)]]></title><link>https://blog.youkuaiyun.com/LightLinV/article/details/84677492</link><guid>https://blog.youkuaiyun.com/LightLinV/article/details/84677492</guid><author>LightLinV</author><pubDate>Sat, 01 Dec 2018 19:16:41 +0800</pubDate><description><![CDATA[上篇文章介绍了 JavaScript 的基本概念和发展概况，这篇文章将开始讲 JavaScript 的一些基本语法概念。
前言
学一门编程语言，首先无非就是了解它的基本语法，例如变量、标识符、关键字、数据类型以及函数等等，然后应用这些东西去写出你相要的程序，当然程序也分很多种，就像只输出一句hello world也是一个程序对吧。那么这些在 JavaScript 里是如何规定和体现的呢？
语法(不...]]></description><category></category></item><item><title><![CDATA[JavaScript 学习之路-起步]]></title><link>https://blog.youkuaiyun.com/LightLinV/article/details/84501599</link><guid>https://blog.youkuaiyun.com/LightLinV/article/details/84501599</guid><author>LightLinV</author><pubDate>Sun, 25 Nov 2018 19:49:41 +0800</pubDate><description><![CDATA[这是一篇讲 JavaScript 基础的文章，接下来会更新这个系列文章。
JavaScript 诞生于 1995 年，至今已经有 20 几年了，在最新的 JavaScript 2018 年度报告 中，许多人依旧认为这门语言正在朝着好的方向去发展，从最开始的默默无闻到如今的未来可期，JavaScript 作为前端开发者的一门学习语言，一定会被更多爱好编程的人喜欢。如果想了解和学习 JavaScrip...]]></description><category></category></item><item><title><![CDATA[css 实现元素水平垂直居中的几种方法]]></title><link>https://blog.youkuaiyun.com/LightLinV/article/details/84146312</link><guid>https://blog.youkuaiyun.com/LightLinV/article/details/84146312</guid><author>LightLinV</author><pubDate>Fri, 16 Nov 2018 21:42:13 +0800</pubDate><description><![CDATA[在做网页的时候经常会需要让某一个元素水平垂直居中，而要实现水平垂直居中有很多种方法，不知道你们有没遇到这种情况：方法倒是知道，甚至还知道许多种，可一到真正用到的时候，却突然在努力地回想，这或许就是人们经常说的「脑子短路」，所以，这篇文章和大家一起来温故而知新，梳理一下常见的几种元素水平垂直居中的方法，以后突然短路了，就翻出来看一看，而且万一以后面试就问到了，那就更好不过了。
div 元素的水平垂直...]]></description><category></category></item><item><title><![CDATA[ES6 新特性总结]]></title><link>https://blog.youkuaiyun.com/LightLinV/article/details/83996061</link><guid>https://blog.youkuaiyun.com/LightLinV/article/details/83996061</guid><author>LightLinV</author><pubDate>Mon, 12 Nov 2018 18:05:00 +0800</pubDate><description><![CDATA[JavaScript 的标准 ECMAScript6 到目前为止已经得到广泛使用并被绝大数浏览器所支持，相比 ES5 ，ES6 增加了许多新特性，帮助开发者简化了许多操作，下面一起来看看这些新特性。
箭头函数
ES6 新增了用 =&amp;gt; 来表示函数，在这之前，定义一个加法函数是这样子的
function add (x,y) {
    return x + y;
} 

而现在，可以省去 fun...]]></description><category></category></item></channel></rss>