<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[wll_web的博客]]></title><description><![CDATA[]]></description><link>https://blog.csdn.net/wll_web</link><language>zh-cn</language><generator>https://blog.csdn.net/</generator><copyright><![CDATA[Copyright &copy; wll_web]]></copyright><item><title><![CDATA[js流程控制语句]]></title><link>https://blog.csdn.net/wll_web/article/details/118303914</link><guid>https://blog.csdn.net/wll_web/article/details/118303914</guid><author>wll_web</author><pubDate>Mon, 28 Jun 2021 14:57:02 +0800</pubDate><description><![CDATA[流程控制语句
javaScript 中的程序是从上到下一行一行执行的，通过流程控制语句可以控制程序执行的流程，使程序可以根据一定的条件来选择执行。
语句的分类：

条件判断语句。
条件分支语句。
循环语句。

条件判断语句
使用 if 关键字进行条件判断。
语法一
if (/*条件表达式*/) {
  // 逻辑语句...
}

if 语句在执行时，会先对条件表达式进行求值判断。


true：执行 if 后的语句。


false：不会执行 if 后的语句。


if 语句只能控制紧随其后的那条语句。
如]]></description><category></category></item><item><title><![CDATA[js中的常用运算符概述]]></title><link>https://blog.csdn.net/wll_web/article/details/116351186</link><guid>https://blog.csdn.net/wll_web/article/details/116351186</guid><author>wll_web</author><pubDate>Sun, 02 May 2021 10:55:56 +0800</pubDate><description><![CDATA[js中的常用运算符概述
运算符也叫操作符。
通过运算符可以对一个或多个值进行运算，并获取运算结果。
比如：typeof 就是运算符，可以来获取一个值的类型。
typeof 0 // number
typeof '' // string
typeof true // boolean
typeof undefined // undefined
typeof null // object

算数运算符




运算符
描述




+
加法运算。


-
减法运算。


*
乘法运算。


/
除法运算。


%]]></description><category></category></item><item><title><![CDATA[js中的8种数据类型]]></title><link>https://blog.csdn.net/wll_web/article/details/116116094</link><guid>https://blog.csdn.net/wll_web/article/details/116116094</guid><author>wll_web</author><pubDate>Sun, 25 Apr 2021 08:55:04 +0800</pubDate><description><![CDATA[js中的7种数据类型
目前 JavaScript 中一共有 7 种数据类型。




type
描述




String
字符串。


Number
数值。


Boolean
布尔值。


Null
空值。


Undefined
未定义。


Object
对象。


Symbol
独一无二的值。（ES6 新增）


这 7 中数据类型又分为 简单数据类型 和 复杂数据类型。


简单数据类型：String、Number、Boolean、Null、Undefined、Symbol。


复杂数据类型（]]></description><category></category></item><item><title><![CDATA[js数据类型转换]]></title><link>https://blog.csdn.net/wll_web/article/details/116033192</link><guid>https://blog.csdn.net/wll_web/article/details/116033192</guid><author>wll_web</author><pubDate>Thu, 22 Apr 2021 21:30:31 +0800</pubDate><description><![CDATA[js数据类型转换
一般转换 String、Number、Boolean 这 3 种类型。
将其他的数据类型转换为String
方式一
调用被转换数据类型的 toString 方法，该方法不会影响到原变量，它会将转换的结果返回。
(1).toString() // "1"
(true).toString() // "true"

注意：null 和 undefined 没有 toString 方法，如果调用它们的方法会报错。
(null).toString() // Cannot read property ]]></description><category></category></item><item><title><![CDATA[鼠标滚轮事件（mousewheel / DOMMouseScroll）兼容性处理]]></title><link>https://blog.csdn.net/wll_web/article/details/115726553</link><guid>https://blog.csdn.net/wll_web/article/details/115726553</guid><author>wll_web</author><pubDate>Thu, 15 Apr 2021 15:17:49 +0800</pubDate><description><![CDATA[滚轮事件
非Firefox浏览器中
在非 Firefox 浏览器中，使用 mousewheel 事件来监听鼠标的滚轮事件，通过事件对象的 wheelDelta 属性可以判断现在是向下滚动还是向上滚动。
// 方式一 DOM0
document.documentElement.onmousewheel = function(event) {
  console.log(event.wheelDelta) // 滚轮信息
}

// 方式二 DOM2
document.documentElement.addEv]]></description><category></category></item><item><title><![CDATA[offsetParent、getBoundingClientRect与其他位置相关属性]]></title><link>https://blog.csdn.net/wll_web/article/details/115680007</link><guid>https://blog.csdn.net/wll_web/article/details/115680007</guid><author>wll_web</author><pubDate>Tue, 13 Apr 2021 21:55:25 +0800</pubDate><description><![CDATA[写在前面：本文章中的代码演示，默认清除的了 body 和 html 的 margin、padding。
定位父级
Element.offsetParent。
定位父级 offsetParent 是一个只读属性。

该属性返回一个指向最近的（指包含层级上的最近）包含该元素的定位元素或者最近的 table, td, th, body 元素。

&lt;div id="box1"&gt;
  &lt;div id="box2"&gt;
    &lt;div id="box3"&gt;&lt;/div&gt;
 ]]></description><category></category></item><item><title><![CDATA[最【通俗易懂】的 canvas 入门教程（多图预警）]]></title><link>https://blog.csdn.net/wll_web/article/details/115608660</link><guid>https://blog.csdn.net/wll_web/article/details/115608660</guid><author>wll_web</author><pubDate>Sun, 11 Apr 2021 22:41:10 +0800</pubDate><description><![CDATA[canvas画布
canvas画布的宽度与高度
canvas 标签只有两个常用的标签属性：width 和 height。
当没有设置宽度和高度的时候，canvas 会初始化成宽300px，高150px的画布。
使用 html 属性设置 width，height 时，只影响画布本身，不影响画布内容。
通过 css 样式指定 canvas 的 width，height 时，不但影响画布本身的宽高，还会使画布中的内容等比例缩放（缩放参照画布默认的尺寸）。
&lt;!-- 不要通过样式指定宽高 --&gt;
&lt]]></description><category></category></item><item><title><![CDATA[音视频标签总结]]></title><link>https://blog.csdn.net/wll_web/article/details/115584916</link><guid>https://blog.csdn.net/wll_web/article/details/115584916</guid><author>wll_web</author><pubDate>Sat, 10 Apr 2021 21:51:10 +0800</pubDate><description><![CDATA[音视频
音视频的理解
容器
大多数人会认为视频文件就是 .avi .mp4，但事实上 avi 和 mp4 仅仅是容器的格式，它只决定怎么将视频存储起来，而不关系存储的内容。有点类似于 .zip。


视频文件（视频容器）包含了音频轨道、视频轨道和其他一些元数据。


视频播放的时候，音频轨道和视频轨道是绑定在一起的。


元数据包含了视频的封面、标题、子标题、字幕等相关信息。


编解码器
音频和视频的编码 / 解码是一组算法，用来对一段特定音频或视频进行编码和解码，一遍音频和视频能够播放。原始的媒体文件体]]></description><category></category></item><item><title><![CDATA[HTML语义化标签总结]]></title><link>https://blog.csdn.net/wll_web/article/details/115409318</link><guid>https://blog.csdn.net/wll_web/article/details/115409318</guid><author>wll_web</author><pubDate>Fri, 02 Apr 2021 22:56:43 +0800</pubDate><description><![CDATA[HTML语义化标签总结HTML语义化标签总结语义化的好处hgroup标签header标签nav标签section标签article标签aside标签footer标签details标签datalist标签progress标签time标签mark标签meter标签ruby标签
HTML语义化标签总结
语义化的好处
HTML5可以让很多具有语义化、结构化的代码标签，代替大量无意义的 div 标签。
这种语义化的特性提升了网页的质量和语义，对搜索引擎更加的友好。
特点：它们这些标签功能就是代替 div 功能中的一部]]></description><category></category></item><item><title><![CDATA[js网页打印的4种方式和相关内容]]></title><link>https://blog.csdn.net/wll_web/article/details/105127055</link><guid>https://blog.csdn.net/wll_web/article/details/105127055</guid><author>wll_web</author><pubDate>Fri, 27 Mar 2020 15:11:06 +0800</pubDate><description><![CDATA[js打印的4种方式和相关内容前言注释方式打印id选择打印
前言
在网页上打印通常都是Ctrl+p，例如百度首页打印预览：

我们有时候在项目中也会使用打印的功能，基本上都是打印网页上的一部分内容，比如某块区域的文章、表格或者标签。总的来说就是自定义需要打印的区域，接下来就让我们一起来看一下吧！
注释方式打印
html代码：
	&lt;h1&gt;注释区域外不需要打印的内容&lt;/h1&gt;
	...]]></description><category></category></item><item><title><![CDATA[js中substr，substring和slice的区别]]></title><link>https://blog.csdn.net/wll_web/article/details/105125351</link><guid>https://blog.csdn.net/wll_web/article/details/105125351</guid><author>wll_web</author><pubDate>Thu, 26 Mar 2020 20:03:13 +0800</pubDate><description><![CDATA[js中substr，substring和slice的区别
相同点：

substr，substring，slice都是用来操作字符串的，都有两个参数。
操作之后原字符串不会发生变化，必须通过变量接收substr，substring，slice返回的结果。

var str = 'abcdefg';
//只传一个参数，三者都代表起始位置，结果都一样。
console.log(str.substr(2...]]></description><category></category></item><item><title><![CDATA[js扫描（上传）图片解析二维码]]></title><link>https://blog.csdn.net/wll_web/article/details/105056676</link><guid>https://blog.csdn.net/wll_web/article/details/105056676</guid><author>wll_web</author><pubDate>Tue, 24 Mar 2020 10:44:31 +0800</pubDate><description><![CDATA[getUserMedia.访问摄像头（扫描以及上传图片）解析二维码1.核心准备工作
话不多说先上效果图：

1.核心准备工作

]]></description><category></category></item><item><title><![CDATA[css高度塌陷问题以及兼容IE6]]></title><link>https://blog.csdn.net/wll_web/article/details/104866017</link><guid>https://blog.csdn.net/wll_web/article/details/104866017</guid><author>wll_web</author><pubDate>Sat, 14 Mar 2020 19:50:23 +0800</pubDate><description><![CDATA[css高度塌陷问题以及兼容IE6
首先我们要明白什么是高度塌陷：在父元素不设置高度的情况下，其高度是由子元素所撑开的，如果子元素脱离文档流，父元素就会出现高度塌陷的问题。
元素未脱离文档流的情况：
  &lt;div class="box"&gt;
	&lt;div class="inner"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="wrap...]]></description><category></category></item><item><title><![CDATA[css圆角（border-radius）的深入理解]]></title><link>https://blog.csdn.net/wll_web/article/details/103872397</link><guid>https://blog.csdn.net/wll_web/article/details/103872397</guid><author>wll_web</author><pubDate>Tue, 07 Jan 2020 16:46:55 +0800</pubDate><description><![CDATA[css圆角（border-radius）的深入理解
写在前面：
1.介绍：
	在border-radius出来之前，传统的生成圆角，必须使用多张图片作为背景图案，浪费很多的时间。
	css3圆角的出现，使我们再也不必浪费时间去制作这些图片了，并且可以减少文件维护的工作量、提高网页性能，增加视觉可靠性。

2.border-radius:
	这是一个简写属性，用来设置：
		border-top-l...]]></description><category></category></item><item><title><![CDATA[css调节和控制元素大小]]></title><link>https://blog.csdn.net/wll_web/article/details/103869509</link><guid>https://blog.csdn.net/wll_web/article/details/103869509</guid><author>wll_web</author><pubDate>Tue, 07 Jan 2020 11:01:51 +0800</pubDate><description><![CDATA[css调节和控制元素大小1.（resize）调节元素大小2.（box-sizing）控制元素大小
写在前面：
1.（resize）调节元素大小:
	none(无法调节).
	both(允许调节).
	horizontal(调节宽度).
	vertical(调节高度).
	注意:resize要和overflow:auto搭配使用.

2.（box-sizing）控制元素大小:
	content-bo...]]></description><category></category></item><item><title><![CDATA[css使图像模糊]]></title><link>https://blog.csdn.net/wll_web/article/details/103868534</link><guid>https://blog.csdn.net/wll_web/article/details/103868534</guid><author>wll_web</author><pubDate>Tue, 07 Jan 2020 10:12:17 +0800</pubDate><description><![CDATA[css使图像模糊
我们可以使用css中的filter（滤镜）属性使图片呈现出模糊的效果：
HTML代码：
&lt;img src="img/A.jpg" /&gt;

页面效果：

添加filter属性：
img{
  filter:blur(5px)
}

页面效果：

以下是filter（滤镜）属性的参数及使用方法：




参数
呈现效果
使用方法
默认值




none
默认值，没有效果...]]></description><category></category></item><item><title><![CDATA[js得出每个元素在数组中出现的次数]]></title><link>https://blog.csdn.net/wll_web/article/details/103800051</link><guid>https://blog.csdn.net/wll_web/article/details/103800051</guid><author>wll_web</author><pubDate>Thu, 02 Jan 2020 10:37:41 +0800</pubDate><description><![CDATA[JS得出每个元素在数组中出现的次数
举例：
 //数组数据
 var data = ['b','a','c','a','b','b','b','c','c','a','c','a','a','a','b','c'];
 //空对象
 var map = {};
 var i = 0, len = data .length;
 //循环查找
 for (; i &lt; len; i++) {
 	...]]></description><category></category></item><item><title><![CDATA[less预处理器相关内容]]></title><link>https://blog.csdn.net/wll_web/article/details/103793674</link><guid>https://blog.csdn.net/wll_web/article/details/103793674</guid><author>wll_web</author><pubDate>Wed, 01 Jan 2020 20:28:13 +0800</pubDate><description><![CDATA[less预处理器相关内容1.less编译工具2.less中的注释3.less中的变量4.less变量的延迟加载5.less的嵌套规则6.less中的混合7.less中的计算8.less继承（extend）9.less避免编译
less官网的简介：less是一种动态样式语言，属于css预处理的范畴，它扩展了css语言，增加了变量、Mixin、函数等特性，使css更易维护和扩展。less即可以在客服端...]]></description><category></category></item><item><title><![CDATA[less预处理入门]]></title><link>https://blog.csdn.net/wll_web/article/details/103788096</link><guid>https://blog.csdn.net/wll_web/article/details/103788096</guid><author>wll_web</author><pubDate>Wed, 01 Jan 2020 15:51:16 +0800</pubDate><description><![CDATA[less预处理器1.准备工作2.less.js预处理
在一些大型项目中我们会写到很多的css样式代码，好多都是相同的样式，重复性高，还必须写，样式越多的话，后期需要修改或者维护也挺麻烦的，这就大幅度降低了我们的开发效率。这个时候使用less预处理器就可以更高效的改变这一现状。
1.准备工作
使用less进行预处理可以使用less.js文件或者koala编译工具，这两者它们的官网上都有：
推荐大家使...]]></description><category></category></item><item><title><![CDATA[css3多列布局（分栏布局）]]></title><link>https://blog.csdn.net/wll_web/article/details/103722606</link><guid>https://blog.csdn.net/wll_web/article/details/103722606</guid><author>wll_web</author><pubDate>Fri, 27 Dec 2019 10:57:31 +0800</pubDate><description><![CDATA[css3多列布局
演示模板HTML代码：
  &lt;div id="box"&gt;
	多列布局，多列布局，多列布局，多列布局，多列布局，多列布局，多列布局，多列布局，&lt;br&gt;
	多列布局，多列布局，多列布局，多列布局，多列布局，多列布局，多列布局，多列布局，&lt;br&gt;
	多列布局，多列布局，多列布局，多列布局，多列布局，多列布局，多列布局，多列布局，&lt;br&gt;
...]]></description><category></category></item></channel></rss>