<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[heiyiking的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/heiyiking</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; heiyiking]]></copyright><item><title><![CDATA[前端面试题(3)]]></title><link>https://blog.youkuaiyun.com/heiyiking/article/details/116403643</link><guid>https://blog.youkuaiyun.com/heiyiking/article/details/116403643</guid><author>heiyiking</author><pubDate>Tue, 04 May 2021 18:58:39 +0800</pubDate><description><![CDATA[1.HTML5中新增了哪些内容？
广义上的html5指的是最新一代前端开发技术的总称，包括html5，CSS3，新增的webAPI。
Html中新增了header,footer,main,nav等语义化标签，新增了video,audio媒体标签，新增了canvas画布。新增了一些标签属性，例如input的placeholder。
Css3中新增了：圆角，阴影，滤镜，vwvh单位，flex布局，媒体查询，过度和动画，伪类。
webAPI,新增了localStorage和sessionStorage，query]]></description><category></category></item><item><title><![CDATA[js基础(3)~元素，节点，定时器，date，js事件]]></title><link>https://blog.youkuaiyun.com/heiyiking/article/details/116403639</link><guid>https://blog.youkuaiyun.com/heiyiking/article/details/116403639</guid><author>heiyiking</author><pubDate>Tue, 04 May 2021 18:57:29 +0800</pubDate><description><![CDATA[目录一.元素的属性修改和自定义属性二.元素的添加和删除三.Js中访问元素的尺寸和位置四.属性类型节点五.文本类型节点六.定时器七.三目运算符(条件运算符)八.日期类九.Js事件绑定方法十.鼠标事件十一.键盘事件十二.元素的滚动事件十三.事件的传播过程
一.元素的属性修改和自定义属性

Html标签属性可以分为2种;


html标准属性：在html语法中能够直接被浏览器识别，有专门用途。
自定义属性：标准属性之外的都叫做自定义属性，满足个性化。


基本所有的html属性都可以使用对象.属性的形式访问，属性]]></description><category></category></item><item><title><![CDATA[js基础(2)~array，object，function，math对象，DOM 节点]]></title><link>https://blog.youkuaiyun.com/heiyiking/article/details/116403630</link><guid>https://blog.youkuaiyun.com/heiyiking/article/details/116403630</guid><author>heiyiking</author><pubDate>Tue, 04 May 2021 18:56:56 +0800</pubDate><description><![CDATA[目录1.数组2.数组常用的方法3.字符串对象4.函数5.Js中数据类型6.对象7.封箱(装箱)操作8.Math对象：9.非布尔值当做布尔值使用10.DOM节点
1.数组
(1)存储多个同类型的数据时，可以使用 数组(array) ，数组是引用类型。

创建数组的2种方式

//第1种创建方式.使用new关键字
var nameList = new Array();
//第2种创建方式，使用[]字面量。
var nameList = [];

(2)数据在数中以索引(序号)进行存储，数据在数组中是有序的。可以]]></description><category></category></item><item><title><![CDATA[js基础(1)~数据类型，运算符，if，while，for]]></title><link>https://blog.youkuaiyun.com/heiyiking/article/details/116403620</link><guid>https://blog.youkuaiyun.com/heiyiking/article/details/116403620</guid><author>heiyiking</author><pubDate>Tue, 04 May 2021 18:55:31 +0800</pubDate><description><![CDATA[目录1.页面中运行js2.变量和基本数据类型3.基本运算符4.布尔运算符5.比较运算符6.If分支结构7.While循环结构8.For循环9.Js中的=、\==和===的区别
1.页面中运行js
(1)javascript,简写为js，是一种函数式、弱类型的脚本语言。
(2)在一个网页中：

HTML负责页面中有什么。
CSS负责页面长什么样子。
JS负责页面能够干什么。
JS能够控制HTML和CSS

(3)Js在页面中运行有两种方式：

直接在script标签中写js代码。
引用外部js文件。Src属性]]></description><category></category></item><item><title><![CDATA[html,css基础(3)~长度单位，元素阴影，表单元素，响应式布局]]></title><link>https://blog.youkuaiyun.com/heiyiking/article/details/116403614</link><guid>https://blog.youkuaiyun.com/heiyiking/article/details/116403614</guid><author>heiyiking</author><pubDate>Tue, 04 May 2021 18:54:48 +0800</pubDate><description><![CDATA[目录1.长度单位2.行内垂直居中3.元素阴影和文本阴影4.表单元素5.响应式布局
1.长度单位
(1)Px：像素，1px相当于屏幕上1个最小的显示单元。
(2)Em表示当前元素的父元素的字体大小。
(3)Rem表示根元素的字体大小。
(4)1vw表示浏览器窗口宽度的1%。
(5)1vh表示浏览器窗口高度的1%。
2.行内垂直居中
vertical-align: middle;

3.元素阴影和文本阴影
Box-shadow：设置元素阴影，五个参数：
横向偏移量，
纵向偏移量，
模糊程度，
阴影大小，
阴影颜]]></description><category></category></item><item><title><![CDATA[html,css基础(2)~元素盒模型，浮动布局，弹性布局]]></title><link>https://blog.youkuaiyun.com/heiyiking/article/details/116403608</link><guid>https://blog.youkuaiyun.com/heiyiking/article/details/116403608</guid><author>heiyiking</author><pubDate>Tue, 04 May 2021 18:54:00 +0800</pubDate><description><![CDATA[目录1.图片精灵（雪碧图）2.元素盒模型3.外边距重叠的条件4.浮动布局5.样式的优先级6.元素的隐藏7.弹性布局8.2d变形9.3d变形10.css动画
1.图片精灵（雪碧图）
(1)Link标签：引入外部文件

	&lt;link rel="stylesheet" href="sprite.css"&gt;

(2)用到图片精灵的时候如何设置背景大图的尺寸？
不用看大图的原有尺寸，先看纵向和横向有多少小图，然后分别用个数*元素对应轴的尺寸。
(3)图片精灵的定义：将很多张小图整合成一张大图片，然后通过c]]></description><category></category></item><item><title><![CDATA[html,css基础(1)~元素，定位，列表，表格，语义化标签，css选择器]]></title><link>https://blog.youkuaiyun.com/heiyiking/article/details/116403587</link><guid>https://blog.youkuaiyun.com/heiyiking/article/details/116403587</guid><author>heiyiking</author><pubDate>Tue, 04 May 2021 18:52:55 +0800</pubDate><description><![CDATA[目录1.html简介2.元素(1)块元素、行元素、行内块元素3.元素定位方式4.列表5.伪类和伪元素6.表格7.Html语义化标签8.B标签和strong标签的区别？9.S标签和del标签10.Css选择器
1.html简介
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言，而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描]]></description><category></category></item><item><title><![CDATA[前端面试题(2)]]></title><link>https://blog.youkuaiyun.com/heiyiking/article/details/116403573</link><guid>https://blog.youkuaiyun.com/heiyiking/article/details/116403573</guid><author>heiyiking</author><pubDate>Tue, 04 May 2021 18:51:33 +0800</pubDate><description><![CDATA[目录一，HTML(css)部分1，什么是盒模型？2，块元素，行元素，行内块元素分别有哪些？他们有什么不同？3，css水平、垂直居中的写法，请至少写出3种？3.1，水平居中3.2，垂直居中4，1rem、1em、1vh、1px各自代表的含义？5，说出几种元素定位的方式，最少3种6，清除浮动的方法（最少2种）7，Css选择符有哪些？8，HTML5新特性9，Css新特性10，cookie，session，localStorage，sessionStorage的区别？二，js部分1．javascript有几种类型的值]]></description><category></category></item><item><title><![CDATA[前端面试题(1)]]></title><link>https://blog.youkuaiyun.com/heiyiking/article/details/116403562</link><guid>https://blog.youkuaiyun.com/heiyiking/article/details/116403562</guid><author>heiyiking</author><pubDate>Tue, 04 May 2021 18:50:15 +0800</pubDate><description><![CDATA[1.元素消失的方案

(1)Visibility:hidden；元素隐藏但保留位置，
(2)display: none；元素隐藏且不保留位置。

2.vue中v-if和v-show的区别

(1)v-if的原理是根据判断条件来动态的进行增删DOM元素，
(2)v-show是根据判断条件来动态的进行显示和隐藏元素。
(3)v-for比v-if优先级高，

3.Css中px，em，rem的区别

(1)px像素（Pixel），相对长度单位，相对于屏幕分辨率而言。
(2)em：相对长度单位，相对于当前容器内的文本]]></description><category></category></item><item><title><![CDATA[vue基础(1)]]></title><link>https://blog.youkuaiyun.com/heiyiking/article/details/116403550</link><guid>https://blog.youkuaiyun.com/heiyiking/article/details/116403550</guid><author>heiyiking</author><pubDate>Tue, 04 May 2021 18:48:49 +0800</pubDate><description><![CDATA[目录1，vue.js是什么？1.1，渐进式框架1.2，自底向上逐层应用1.3，MVVM2，vue的核心思想2.1，数据驱动(数据双向绑定)2.2，组件化开发3，vue组件实例3.1，el3.2，data3.3，methods3.4，实例生命周期钩子函数4，模板语法4.1，插值4.2，常用指令4.2.1，v-model4.2.2，v-bind4.2.3，Class 与 Style 绑定4.2.4，v-on4.2.5，v-if，v-show(条件渲染)4.2.6，v-for(列表渲染)4.2.7，v-html4]]></description><category></category></item></channel></rss>