<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Lce_mark的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Lce_mark</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Lce_mark]]></copyright><item><title><![CDATA[记录学习前端知识的旅程【8】]]></title><link>https://blog.youkuaiyun.com/Lce_mark/article/details/107486715</link><guid>https://blog.youkuaiyun.com/Lce_mark/article/details/107486715</guid><author>Lce_mark</author><pubDate>Tue, 21 Jul 2020 13:50:41 +0800</pubDate><description><![CDATA[进入jQuery 的学习，jquery是一种轻量级的js库，其中链式编程，隐式迭代较重要。

隐式迭代

遍历内部DOM元素（伪数组形式存储）的过程叫隐式迭代。

jquery版本：

jquery第一代 兼容IE678低版本的浏览器，但不再更新。

jquery第二代 不兼容IE678低版本的浏览器，也不再更新。

jquery第三代 不兼容IE678低版本的浏览器，持续更新。



DOM对象与jquery对象的区别

DOM对象只能用js获取，jquery对象用jquery获取。

DOM对象只能使.]]></description><category></category></item><item><title><![CDATA[记录学习前端知识的旅程【7】]]></title><link>https://blog.youkuaiyun.com/Lce_mark/article/details/107461396</link><guid>https://blog.youkuaiyun.com/Lce_mark/article/details/107461396</guid><author>Lce_mark</author><pubDate>Mon, 20 Jul 2020 13:23:40 +0800</pubDate><description><![CDATA[前端之本地存储（数据存储在用户浏览器中）



1、window.sessionStorage

生命周期为关闭浏览器，即当关闭浏览器时，存储的数据丢失,数据只能在同一页面使用。

使用方法:


//存储数据
sessionStorage.setItem('key',value)  //key为键值名，value为值

//获取数据
sessionStorage.getItem('key')

//删除数据
sessionStorage.removeItem('key')

//删除所有数据

s...]]></description><category></category></item><item><title><![CDATA[记录学习前端知识的旅程【6】]]></title><link>https://blog.youkuaiyun.com/Lce_mark/article/details/107443320</link><guid>https://blog.youkuaiyun.com/Lce_mark/article/details/107443320</guid><author>Lce_mark</author><pubDate>Sun, 19 Jul 2020 12:26:13 +0800</pubDate><description><![CDATA[现在web前端使用插件已经是很重要的了，插件能方便我们的开发，让我们能更高效，更方便的搭建网页。

下面介绍几个常用的前端插件

一、常用移动端插件，许多效果如（轮播图，动态Slides），可以直接使用

https://www.swiper.com.cn/

http://www.superslide2.com/

https://github.com/cubiq/iscroll



二、常用前端框架

1、Bootstrap

2、Vue

3、Angular

4、React



 ...]]></description><category></category></item><item><title><![CDATA[记录学习前端知识的旅程【5】]]></title><link>https://blog.youkuaiyun.com/Lce_mark/article/details/107427440</link><guid>https://blog.youkuaiyun.com/Lce_mark/article/details/107427440</guid><author>Lce_mark</author><pubDate>Sat, 18 Jul 2020 13:41:40 +0800</pubDate><description><![CDATA[window的滚动事件

1、window.scroll(x,y)  可以让浏览器窗口移到（x,y）的位置，如要回到顶部可写 window.scroll(0,0) ;

2、window.pageYOffset  获取到页面已经滚动了多少距离

可以用来实现返回顶部的效果



一些移动端的事件

1、touchstart  手指摸到 元素时 触发的事件

2、touchmove 手指在 元素 上移动时触发的事件

3、touchend 手指在 元素上 松开触发的事件



触摸...]]></description><category></category></item><item><title><![CDATA[记录学习前端知识的旅程【4】]]></title><link>https://blog.youkuaiyun.com/Lce_mark/article/details/107406492</link><guid>https://blog.youkuaiyun.com/Lce_mark/article/details/107406492</guid><author>Lce_mark</author><pubDate>Fri, 17 Jul 2020 13:47:14 +0800</pubDate><description><![CDATA[轮播图又称焦点图，是网页制作中必不可少的，现在几乎每个网站都会使用，虽然网上有很多模版，但我还是决定亲手写一次，感觉里面涉及了很多知识，控制变量，绑定事件，回调函数实现动画移动，定时器。

思路：

1、先把静态页面搭建好



2、实现鼠标移到div中左右按钮出现，离开按钮消失。

3、实现小圆点根据图片个数自动生成，for循环利用document.createElement()创建小圆点中的li，然后 父级.appendChild（子级）增加li

4、利用排他思想，给小圆点的点击事件加...]]></description><category></category></item><item><title><![CDATA[记录学习前端知识的旅程【3】]]></title><link>https://blog.youkuaiyun.com/Lce_mark/article/details/107380709</link><guid>https://blog.youkuaiyun.com/Lce_mark/article/details/107380709</guid><author>Lce_mark</author><pubDate>Thu, 16 Jul 2020 13:14:11 +0800</pubDate><description><![CDATA[今天没有去学习新的知识点，而是自己动手复习了一遍如何搭建静态网页首页。

把一张psd图片转化成pc端静态网页。



1、首先设置确定好中心样式


/* 中心板式 */
.logo-warp,.banner-warp,.content-warp,.main-warp,.new-warp,.bottom-warp{
	width: 1086px;
	margin: 0px auto;
}

2、根据psd图片确定几个大的div分布，直接上代码


	&lt;body&gt;
		&lt;div clas.]]></description><category></category></item><item><title><![CDATA[记录学习前端知识的旅程【2】]]></title><link>https://blog.youkuaiyun.com/Lce_mark/article/details/107358632</link><guid>https://blog.youkuaiyun.com/Lce_mark/article/details/107358632</guid><author>Lce_mark</author><pubDate>Wed, 15 Jul 2020 13:18:52 +0800</pubDate><description><![CDATA[又是新的一天到来，每天学习一点前端小知识。

今天学习了几个关于pc端特效的属性。


1、offset系列属性

offsetLeft 可以动态获取元素距离父元素左边框的偏移量。//父元素需带有定位，如果父元素没有定位则相对于body偏移

offsetTop可以动态获取元素距离父元素上边框的偏移量。//父元素需带有定位，如果父元素没有定位则相对于body偏移

offsetWidth 获取自身的宽度包括padding、border、内容，返回值不带单位。

offsetHeight 获取自身的...]]></description><category></category></item><item><title><![CDATA[记录学习前端知识的旅程【1】]]></title><link>https://blog.youkuaiyun.com/Lce_mark/article/details/107333269</link><guid>https://blog.youkuaiyun.com/Lce_mark/article/details/107333269</guid><author>Lce_mark</author><pubDate>Tue, 14 Jul 2020 11:19:06 +0800</pubDate><description><![CDATA[时隔许久终于又决定写博客，之前由于一些事情没能坚持写博客，但最主要的原因还是自己不够坚持，现在我打算重新来写，记录自己的旅程，emmm，在学校好像学得比较杂，导致我现在感觉没有哪一门知识是我比较拿手的，所以现在我想深入学习前端的知识，打算重头来一遍，用博客记录我的每一天。

在这里给大家分享一下我这几天寻找的用于做网站的素材，灵感链接。

1、根据颜色找图片一个网站

https://www.colorhub.me/



2、视觉中国，里面有许多高清的图片比较全，各类图片都有，但注意不可商...]]></description><category></category></item><item><title><![CDATA[【必读】C语言入门基本知识]]></title><link>https://blog.youkuaiyun.com/Lce_mark/article/details/90489627</link><guid>https://blog.youkuaiyun.com/Lce_mark/article/details/90489627</guid><author>Lce_mark</author><pubDate>Fri, 24 May 2019 19:11:14 +0800</pubDate><description><![CDATA[想要了解编程，C语言是一门很好入门的编程课程。
一. C语言基础概念

C语言包含由头文件和源文件。
C语言由函数组成。源程序中只有一个主函数（main）或 没有主函数。


...]]></description><category></category></item></channel></rss>