<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[dum_plings的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/dum_plings</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; dum_plings]]></copyright><item><title><![CDATA[vue3.0基础语法总结]]></title><link>https://blog.youkuaiyun.com/dum_plings/article/details/124712953</link><guid>https://blog.youkuaiyun.com/dum_plings/article/details/124712953</guid><author>dum_plings</author><pubDate>Wed, 11 May 2022 16:21:29 +0800</pubDate><description><![CDATA[vue3.0基础语法总结
前言
大家好！我叫椰_季，是一个刚入行不久得前端工程师，本着在提升自我学习能力为前提和认识一些前端方面得朋友为主要任务。准备发布一篇自己学习vue3.0基础语法的总结。学习途径来源于B站张天禹老师。
vue2.0的一些缺陷
我们先来说一说vue2.0存在的一些缺陷，大家都知道vue2.0中数据的代理方式是使用的defineProperty来实现响应式的。那么defineProperty存在什么样的问题呢


不能监听数组的变化


必须遍历对象的每个属性


必须深层遍历嵌套的对象]]></description><category></category></item><item><title><![CDATA[从0 搭建vue3+webpack5项目，不使用cli脚手架]]></title><link>https://blog.youkuaiyun.com/dum_plings/article/details/124370703</link><guid>https://blog.youkuaiyun.com/dum_plings/article/details/124370703</guid><author>dum_plings</author><pubDate>Sun, 24 Apr 2022 15:21:57 +0800</pubDate><description><![CDATA[从0搭建vue3+webpack5项目
一、初始化
1、先创建一个空文件夹 demo（任意命名）
在当面文件夹下打开cmd 命令框 输入 npm init -y 初始化项目生成package.json 文件
在后面加上 -y 能够让我们省去填写信息的步骤。
如果文件夹里面出现了package.json 文件那么说明你成功初始化了项目。
二、安装依赖
在cmd 命令框中 输入
1、安装webpack  注意这里是在本地安装，而不是全局安装。
 npm install webpack webpack-cli -]]></description><category></category></item><item><title><![CDATA[javascript原型、原型链、this指向]]></title><link>https://blog.youkuaiyun.com/dum_plings/article/details/121422899</link><guid>https://blog.youkuaiyun.com/dum_plings/article/details/121422899</guid><author>dum_plings</author><pubDate>Sat, 20 Nov 2021 19:28:44 +0800</pubDate><description><![CDATA[此篇文章，只是用来自己进行一个学习的总结，用于以后方便查看及复习。

一、JS原型对象
一、构造函数、原型、实例的关系：
1、构造函数：如果是通过new操作符调用的，那么就是构造函数，如果没有通过new操作符来调用的，就是普通函数。
2、每一个函数对象都有一个prototype属性，但是普通对象是没有的；prototype里面又有一个construetor又指向这个函数。
3、我们可以看到demo 是通过new操作符出来的，是一个构造函数，可以通过prototype找到它的原型。而qwe是一个普通函数，也是]]></description><category></category></item><item><title><![CDATA[JQuery选择器介绍]]></title><link>https://blog.youkuaiyun.com/dum_plings/article/details/117740889</link><guid>https://blog.youkuaiyun.com/dum_plings/article/details/117740889</guid><author>dum_plings</author><pubDate>Wed, 09 Jun 2021 14:19:29 +0800</pubDate><description><![CDATA[1、基本选择器
------- jQuery 中选择器的语法：$();
1.元素选择器   $("元素的名称")
  let divs = $("div");
  //alert(divs.length);

2.id选择器    $("#id的属性值")
  let div1 = $("#div1");
  //alert(div1);

3.类选择器     $(".class的属性值")
  let cls = $(".cls");
  alert(cls.length);

2、层级选择器
 1. ]]></description><category></category></item><item><title><![CDATA[js日期对象]]></title><link>https://blog.youkuaiyun.com/dum_plings/article/details/117193516</link><guid>https://blog.youkuaiyun.com/dum_plings/article/details/117193516</guid><author>dum_plings</author><pubDate>Sun, 23 May 2021 12:42:39 +0800</pubDate><description><![CDATA[构造函数：
1.var date = new Date();
2.可以添加参数获取的是参数对应的日期
3.不添加参数 获取的是当前日期
方法：
1.获取年： getFullYear()
2.获取月： getMonth() 获取月要加1
3.获取日期：getDate()
4.获取星期：getDay 星期日是0
5.获取时： getHours()
6.获取分：getMinutes();
7.获取秒：getSeconds();
获取毫秒值：
获取的距离1970年1月1日
1.获取的方式
		1.date.valu]]></description><category></category></item><item><title><![CDATA[js作用域以及数学对象]]></title><link>https://blog.youkuaiyun.com/dum_plings/article/details/117193413</link><guid>https://blog.youkuaiyun.com/dum_plings/article/details/117193413</guid><author>dum_plings</author><pubDate>Sun, 23 May 2021 12:38:53 +0800</pubDate><description><![CDATA[作用域：
全局作用域：在函数外部都是全部作用域
局部作用域： 在函数内部都是局部作用域
全局变量： 在任何地方都可以访问
局部变量： 只能在当前作用域下访问
局部可以访问全局    全局不可以访问局部
作用域链的基本原理：
当调用函数—会把函数推送到执行栈（局部作用域）----全局作用域与函数的链式称为作用域链。 0级作用域链----1级作用域链
数学对象：
1.Math.PI
2.Math.max(1,3,4)
3.Math.min()
4.random()
5.floor()
6.ceil

...]]></description><category></category></item><item><title><![CDATA[javascript 练习题目]]></title><link>https://blog.youkuaiyun.com/dum_plings/article/details/116501887</link><guid>https://blog.youkuaiyun.com/dum_plings/article/details/116501887</guid><author>dum_plings</author><pubDate>Fri, 07 May 2021 20:29:46 +0800</pubDate><description><![CDATA[javascript 练习题目

// 判断用户输入年份是否为闰年
// var w = prompt('请输入一个年份');
    // if (w % 4 == 0 &amp;&amp; w % 100 != 0 || w % 400 == 0) {
    //     alert('您输入的是闰年')
    // } else {
    //     alert('您输入的不是闰年')
    // }

// 1.求1-100之间3与7的倍数的总和与平均值
    // var a = 0;]]></description><category></category></item><item><title><![CDATA[JavaScript数据类型转换]]></title><link>https://blog.youkuaiyun.com/dum_plings/article/details/116501797</link><guid>https://blog.youkuaiyun.com/dum_plings/article/details/116501797</guid><author>dum_plings</author><pubDate>Fri, 07 May 2021 20:25:11 +0800</pubDate><description><![CDATA[JavaScript数据类型转换
1、转换为字符串类型
1、数字转换为字符串类型 变量.toString（）
2、利用String（变量）
3、利用+拼接字符串的方法实现转换效果 隐士转换（重点）
2、转换为数字型
parselnt(string)函数   -string类型转换成整数数值型（后面的小数 不会有 ，会去掉后面的单位）
parseFloat(string)函数  -转换成浮点数数值型
Number()强制转换函数   转换为数值型	
js隐士转换（- * /）	利用算术运算隐士转换为数值型
c]]></description><category></category></item><item><title><![CDATA[javaScript数据类型]]></title><link>https://blog.youkuaiyun.com/dum_plings/article/details/116501570</link><guid>https://blog.youkuaiyun.com/dum_plings/article/details/116501570</guid><author>dum_plings</author><pubDate>Fri, 07 May 2021 20:20:26 +0800</pubDate><description><![CDATA[javaScript数据类型
介绍
	javaScript是一种弱类型或者说动态语言。这意味不用提前申明变量的类型，
在程序运行过程中，类型会被自动确定
在js的变量数据类型中只有程序在运行过程中，根据等号右边的值来确定的
 avaScript拥有动态类型，同时也意味着相同的变量可用作不同的类型

简单数据类型（Number，String，Boolean，Undefined，Null）
Number：数字型，包含整形值和 浮点型值 如：21、 0.21
在js中八进制前面加0开头， 十六进制前面加 0x
数]]></description><category></category></item><item><title><![CDATA[js基础介绍]]></title><link>https://blog.youkuaiyun.com/dum_plings/article/details/116501453</link><guid>https://blog.youkuaiyun.com/dum_plings/article/details/116501453</guid><author>dum_plings</author><pubDate>Fri, 07 May 2021 20:09:16 +0800</pubDate><description><![CDATA[JS的组成：
1、ECMAscript定义的默认的变量 语法 分支 循环 函数 数组 api
规定了js的编译语法和基础核心知识，是所有浏览器共同遵守的一套js文档
2、bom浏览器对象模型（操作浏览器的）
3、dom文档对象模型（操作文档）
js的特点：
1、弱类型
2、直译型
3、不需要服务器的支持
注意点：
1、js语法中的输出  不存在覆盖
2、在外部引入语法中，不可以在script中书写代码
3、defer属性是等到页面加载完毕之后再去加载当前引入的js，defer在内部使用是无效的
4、asyn]]></description><category></category></item><item><title><![CDATA[移动端布局与多终端浏览器兼容概念]]></title><link>https://blog.youkuaiyun.com/dum_plings/article/details/102736353</link><guid>https://blog.youkuaiyun.com/dum_plings/article/details/102736353</guid><author>dum_plings</author><pubDate>Fri, 25 Oct 2019 09:01:12 +0800</pubDate><description><![CDATA[移动端布局
1、百分比（弹性）布局的原理及应用
弹性布局（100%）布局的特点
顶部与底部的bar不管分辨率怎么变，它的高度和位置都不变；
中间每条招聘信息不管分辨率怎么变，招聘公司的图标信息都位于
条目的左边，薪资都位于右边
2、rem（等比缩放）布局的原理及应用
在详细介绍rem之前，我们先来一起回顾一下我们常用的两种计量单位，
也是备受争论的两个：
px为单位
在Web页面初期制作中，我们都...]]></description><category></category></item><item><title><![CDATA[CSS弹性盒属性]]></title><link>https://blog.youkuaiyun.com/dum_plings/article/details/102695821</link><guid>https://blog.youkuaiyun.com/dum_plings/article/details/102695821</guid><author>dum_plings</author><pubDate>Wed, 23 Oct 2019 09:57:12 +0800</pubDate><description><![CDATA[弹性盒子是css3的一种新的布局模式。
CSS3弹性盒（Flexible Box或flexbox），是一种当页面需要适应
不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。
引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器
中的子元素进行排列、对齐和分配空白空间。
弹性盒子由弹性容器（Flex container）和弹性子元素（Flex item）
组成。弹性容器通过设置d...]]></description><category></category></item><item><title><![CDATA[CSS3D效果和CSS3动画]]></title><link>https://blog.youkuaiyun.com/dum_plings/article/details/102680897</link><guid>https://blog.youkuaiyun.com/dum_plings/article/details/102680897</guid><author>dum_plings</author><pubDate>Tue, 22 Oct 2019 13:47:46 +0800</pubDate><description><![CDATA[3D位移
在css3中3D位移主要包括两种函数translateZ（）和translate3d（）
translate3d（）函数使一个元素在三维空间移动。这种变形的特点是
使用三维向量的坐标定义元素在每个方向移动多少
随着px的增加，直观效果上：
x：从左向右移动
Y：从上向下移动
Z：以方框中心为原点，变大
3D旋转
在三维变形中，我们可以让元素在任何轴旋转。为此，CSS3新增
三个旋转函数：...]]></description><category></category></item><item><title><![CDATA[CSS2D效果]]></title><link>https://blog.youkuaiyun.com/dum_plings/article/details/102664554</link><guid>https://blog.youkuaiyun.com/dum_plings/article/details/102664554</guid><author>dum_plings</author><pubDate>Mon, 21 Oct 2019 15:19:41 +0800</pubDate><description><![CDATA[1、CSS3过渡
通过CSS3，我们可以在不适用Flash动画或javaScript的情况下，
当元素从一种样式变换为另一种样式时为元素添加效果。
IE10、Firefox、Chrome以及Opera支持transition属性。
Safari需要前缀 -webkit-
IE9以及更早的版本，不支持transition属性。
Chrome25以及更早的版本，需要前缀  -webkit-
要实现这一...]]></description><category></category></item><item><title><![CDATA[CSS新增属性与服务器端字体]]></title><link>https://blog.youkuaiyun.com/dum_plings/article/details/102468106</link><guid>https://blog.youkuaiyun.com/dum_plings/article/details/102468106</guid><author>dum_plings</author><pubDate>Wed, 09 Oct 2019 19:21:05 +0800</pubDate><description><![CDATA[1、背景属性
语法：background-clip：border-box/padding-box/conter-box
说明：在css2中，背景的显示范围是指内部补白之内的范围，不包括边框；
而在css2.1乃至css3中，背景的显示范围是指包括边框在内的范围。在css3
中，可以使用background-clip来修改背景的显示范围，如果将background-clip
的属性值设定为borde...]]></description><category></category></item><item><title><![CDATA[CSS3选择器介绍]]></title><link>https://blog.youkuaiyun.com/dum_plings/article/details/101600868</link><guid>https://blog.youkuaiyun.com/dum_plings/article/details/101600868</guid><author>dum_plings</author><pubDate>Sat, 28 Sep 2019 10:37:03 +0800</pubDate><description><![CDATA[1、属性选择器（是指html属性 ）
语法：E[att]{sRules}    （E代表标签属性，att 代表条件）
说明：用于选取带有指定属性的元素。
语法：E[att=“val”]{sRules}
说明：用于选取带有指定属性和值的元素
语法：E[att~=“val”]{sRules}（有局限性，指定的单词）
说明：用于选取属性值中包含指定词汇的元素
语法：E[att|=“val”]{sRule...]]></description><category></category></item><item><title><![CDATA[HTML5新增常用标签]]></title><link>https://blog.youkuaiyun.com/dum_plings/article/details/101350770</link><guid>https://blog.youkuaiyun.com/dum_plings/article/details/101350770</guid><author>dum_plings</author><pubDate>Wed, 25 Sep 2019 10:54:36 +0800</pubDate><description><![CDATA[html5的特点：语义化标签
语义化标签就是尽量使用有相对应的结构的含义的html的标签
1.结构更好，更利于搜索引擎的抓取（seo的优化）和开发人员的可维护(可维护性更好，因为结构清晰，so易于阅读)
2.更有利于特殊终端的阅读（手机，个人助理等）
尽量用有结构含义的，少用无语义的，如《span》，《div》无意义，看不出是什么东西，可是《address》一看就知道这里面的是地址，
em标签一看...]]></description><category></category></item><item><title><![CDATA[CSS浏览器兼容问题]]></title><link>https://blog.youkuaiyun.com/dum_plings/article/details/101272406</link><guid>https://blog.youkuaiyun.com/dum_plings/article/details/101272406</guid><author>dum_plings</author><pubDate>Tue, 24 Sep 2019 11:18:09 +0800</pubDate><description><![CDATA[五大浏览器内核代表作品
Trident：IE、Maxthon（遨游）、Theworld世界之窗、360浏览器
Gecko：代表作品Mozilla Firefox是开源的，它的最大优势是跨平台
能在Microsoft Windows、Linux和MacOS X等主要操作系统上运行
Webkit：代表作品 Safari、Chrome，是一个开源项目
Presto：代表作品Opera，Presto是由O...]]></description><category></category></item><item><title><![CDATA[css元素定位与宽高自适应]]></title><link>https://blog.youkuaiyun.com/dum_plings/article/details/101195746</link><guid>https://blog.youkuaiyun.com/dum_plings/article/details/101195746</guid><author>dum_plings</author><pubDate>Mon, 23 Sep 2019 10:35:16 +0800</pubDate><description><![CDATA[css元素定位属性：
position属性：定义简历元素布局所用的定位机制。
语法：{position：static/absolute/relative/fixed}
说明：
static：默认值。没有定位，元素出现在正常的流中
absolute：生成绝对定位的元素，相对于static定位以外的第一个父元素进行定位。
元素的位置通过left 、top、right、以及bottom属性进行规定
  ...]]></description><category></category></item><item><title><![CDATA[css元素类型哪几种]]></title><link>https://blog.youkuaiyun.com/dum_plings/article/details/101033564</link><guid>https://blog.youkuaiyun.com/dum_plings/article/details/101033564</guid><author>dum_plings</author><pubDate>Thu, 19 Sep 2019 19:39:13 +0800</pubDate><description><![CDATA[元素的类型
根据css显示分类，XHTML元素被分为三种类型：
块状元素（block element）
说明：没有动过 修饰过 它的宽度就是浏览器的宽度，高度就是子元素的高度
1.块状元素在网页中就是以块的形式显示，所谓块状就是元素显示为
矩形区域，常用的块状元素包括div,dl,dt,dd,ol,ul,fieldset,(h1~h6)
,p,form,hr,iframe,colgroup,col...]]></description><category></category></item></channel></rss>