<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[domunweb的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/domunweb</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; domunweb]]></copyright><item><title><![CDATA[vue3做到父子级组件的双向响应式数据传输]]></title><link>https://blog.youkuaiyun.com/domunweb/article/details/132584114</link><guid>https://blog.youkuaiyun.com/domunweb/article/details/132584114</guid><author>domunweb</author><pubDate>Wed, 30 Aug 2023 17:04:47 +0800</pubDate><description><![CDATA[vue3父子级组件的双向响应式数据传输方式]]></description><category></category></item><item><title><![CDATA[js事件的对象属性和方法。事件冒泡，捕获及委托。]]></title><link>https://blog.youkuaiyun.com/domunweb/article/details/111187616</link><guid>https://blog.youkuaiyun.com/domunweb/article/details/111187616</guid><author>domunweb</author><pubDate>Mon, 14 Dec 2020 23:28:38 +0800</pubDate><description><![CDATA[一、事件的Event对象和属性
首先来看一段代码
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;

&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;event_bubble&lt;/title&gt;
&lt;/head&gt;
]]></description><category></category></item><item><title><![CDATA[分享一道面试题：10ml试管10ml的水，一个7ml，一个3ml，将10ml分成两个5ml的]]></title><link>https://blog.youkuaiyun.com/domunweb/article/details/110942290</link><guid>https://blog.youkuaiyun.com/domunweb/article/details/110942290</guid><author>domunweb</author><pubDate>Wed, 09 Dec 2020 22:22:42 +0800</pubDate><description><![CDATA[分享一道面试题：一个10ml的试管里面装满10ml的水，另外还有一个7ml，一个3ml，将10ml的水分成两个5ml的水。
先上过程：
10ml &gt; 7ml, 7ml &gt; 3ml, 3ml &gt; 10ml, 7ml &gt; 3ml,  3ml &gt; 10ml, 7ml &gt; 3ml, 10ml &gt; 7ml,  7ml &gt; 3ml, 3ml &gt; 10ml
简易图解：


...]]></description><category></category></item><item><title><![CDATA[js类型和判断类型]]></title><link>https://blog.youkuaiyun.com/domunweb/article/details/110881996</link><guid>https://blog.youkuaiyun.com/domunweb/article/details/110881996</guid><author>domunweb</author><pubDate>Tue, 08 Dec 2020 23:05:16 +0800</pubDate><description><![CDATA[js是一种弱类型语言，拥有动态数据动态，相同的变量可用作不同的类型。
基本数据类型：Number，string，Boolean，Symbol(es6)
特殊类型：undefined，null
以上类型为原始数据类型
引用类型：Object， Array，function，Date
判断类型
1、使用 typeof
typeof 可以检测Number，String，Boolean，undefined，null，function类型。
但是检测 Object 和 Array 时，返回的都是对象型 Object。]]></description><category></category></item><item><title><![CDATA[arguments函数的类数组-参数对象]]></title><link>https://blog.youkuaiyun.com/domunweb/article/details/110847148</link><guid>https://blog.youkuaiyun.com/domunweb/article/details/110847148</guid><author>domunweb</author><pubDate>Mon, 07 Dec 2020 23:23:46 +0800</pubDate><description><![CDATA[arguments是一个对应传递给函数的参数的类数组对象；
eg:
function  show_nums(){
    console.log(arguments)
};

show_nums(1,2);
show_nums(1);
show_nums(1,2,3);

// 直接在vscode里run code结果为：
[Arguments] { '0': 1, '1': 2 }
[Arguments] { '0': 1 }
[Arguments] { '0': 1, '1': 2, '2': 3 }
]]></description><category></category></item><item><title><![CDATA[HTML特殊符号对照表]]></title><link>https://blog.youkuaiyun.com/domunweb/article/details/110846469</link><guid>https://blog.youkuaiyun.com/domunweb/article/details/110846469</guid><author>domunweb</author><pubDate>Mon, 07 Dec 2020 22:43:06 +0800</pubDate><description><![CDATA[也是直接上代码
&lt;p&gt;
显示结果	描述	实体名称		实体编号
	￠	分		&amp;cent;		&amp;#162;
	£	镑		&amp;pound;		&amp;#163;
	¥	日圆	&amp;yen;		&amp;#165;
	§	节		&amp;sect;		&amp;#167;
	©	版权	&amp;copy;		&amp;#169;
	®	注册商标	&amp;reg;		&amp;#174;
	×	乘号	&amp;times;		&amp;#215;
	÷	除号	&amp;div]]></description><category></category></item><item><title><![CDATA[jquery实现鼠标拖拽div改变位置]]></title><link>https://blog.youkuaiyun.com/domunweb/article/details/110846294</link><guid>https://blog.youkuaiyun.com/domunweb/article/details/110846294</guid><author>domunweb</author><pubDate>Mon, 07 Dec 2020 22:12:32 +0800</pubDate><description><![CDATA[废话不多说，直接上代码
&lt;!DOCTYPE html&gt;  
    &lt;html lang="zh-CN"&gt;  
        &lt;head&gt;  
            &lt;meta charset="utf-8" /&gt;  
            &lt;title&gt;jquery实现鼠标拖拽div改变位置&lt;/title&gt;  
            &lt;script src="./http_ajax/js/jquery.js"&gt;&l]]></description><category></category></item><item><title><![CDATA[js中的math函数]]></title><link>https://blog.youkuaiyun.com/domunweb/article/details/110845899</link><guid>https://blog.youkuaiyun.com/domunweb/article/details/110845899</guid><author>domunweb</author><pubDate>Mon, 07 Dec 2020 21:54:16 +0800</pubDate><description><![CDATA[Math.LN10
Math.LN10就是loge10，即10的自然对数，其值近似于 2.3025850929940459011。
Math.PI
Math.PI属性就是π，即圆的周长和它的直径之比。
Math.SQRT1_2
Math.SQRT1_2属性返回2的平方根的倒数，这个值近似为0.7071067811865476。
Math.SQRT2
Math.SQRT2属性返回2的平方根，此值近似为 1.4142135623730951。
/以下高能***/
Math.abs()
此方法可返回数值的绝对值。]]></description><category></category></item><item><title><![CDATA[git使用的笔记]]></title><link>https://blog.youkuaiyun.com/domunweb/article/details/110006912</link><guid>https://blog.youkuaiyun.com/domunweb/article/details/110006912</guid><author>domunweb</author><pubDate>Mon, 23 Nov 2020 22:55:47 +0800</pubDate><description><![CDATA[记录一些自己开发中常用的git命令
1、git status
可查看本地文件变更。
2、git add demo.html
可将工作区修改或者新创建的文件添加到本地暂存区。(eg: 将demo.html的添加到本地)
3、git commit -m "新增修改了demo.html文件"
可将本地暂存区添加的代码提交到本地分支。(eg: 将已 git add 操作过的demo.html文件提交到本地分支)
4、git diff demo.html
可查看变更文件修改了什么内容。(eg: 查看demo.html]]></description><category></category></item><item><title><![CDATA[js脚本小笔记]]></title><link>https://blog.youkuaiyun.com/domunweb/article/details/109730036</link><guid>https://blog.youkuaiyun.com/domunweb/article/details/109730036</guid><author>domunweb</author><pubDate>Mon, 16 Nov 2020 23:09:54 +0800</pubDate><description><![CDATA[整理一些自己写过的js笔记
1.  js基本语句
js 定义变量基本规则：

不能用数组开头；
不能用 js 的关键字和保留字命名；
可用 _ (下划线) 和 $ 开头是允许的；
变量命名要有意义；
变量名严格区别大小写；

&lt;script&gt;
// 获取 dom 元素
var box = document.getElementById("box"); // 通过 id ,获取的是页面上 id 为 box 的元素。
var box = document.getElementsByClassName]]></description><category></category></item><item><title><![CDATA[css样式2]]></title><link>https://blog.youkuaiyun.com/domunweb/article/details/109632354</link><guid>https://blog.youkuaiyun.com/domunweb/article/details/109632354</guid><author>domunweb</author><pubDate>Wed, 11 Nov 2020 23:41:11 +0800</pubDate><description><![CDATA[整理一些自己写过的css样式，记录。
1. css翻牌效果
html部分：
&lt;div class="card_rotate"&gt;
		&lt;div class="card card1"&gt;
			&lt;img class="font" src="images/card6.png"&gt;
			&lt;img class="back" src="images/card6-back.png"&gt;
		&lt;/div&gt;
		&lt;div class="card back2"&gt]]></description><category></category></item><item><title><![CDATA[jQuery 图像 360 度旋转插件]]></title><link>https://blog.youkuaiyun.com/domunweb/article/details/98486833</link><guid>https://blog.youkuaiyun.com/domunweb/article/details/98486833</guid><author>domunweb</author><pubDate>Mon, 05 Aug 2019 14:43:30 +0800</pubDate><description><![CDATA[13 款最热门的 jQuery 图像 360 度旋转插件推荐
时间：02月07日
　在 web 页面上使用 jQuery 图像 360 度旋转插件是最美也是最方便的显示图像的方式。这些超级棒的 360° 图像选择插件允许用户更详细的分析产品或者文章。jQuery 图像旋转插件可以让用户从各种角度进行 360 度的图像展示，经常在电子商务网站上使用，帮助消费者更好的了解产品，从任意的一个角度观察欣赏...]]></description><category></category></item><item><title><![CDATA[整理一些有趣的页面效果]]></title><link>https://blog.youkuaiyun.com/domunweb/article/details/96967334</link><guid>https://blog.youkuaiyun.com/domunweb/article/details/96967334</guid><author>domunweb</author><pubDate>Tue, 23 Jul 2019 10:44:17 +0800</pubDate><description><![CDATA[一.鼠标倾斜效果
在jquery插件库	http://www.jq22.com/daiseo?seo=鼠标&amp;PageNo=12
看到的 鼠标倾斜效果

三维倾斜 http://www.jq22.com/code1086
背景的变化 http://www.jq22.com/code1382
按钮倾斜 	http://www.jq22.com/code1984

二.鼠标悬停效果
在jquer...]]></description><category></category></item><item><title><![CDATA[css中的flex（弹性）布局]]></title><link>https://blog.youkuaiyun.com/domunweb/article/details/95064383</link><guid>https://blog.youkuaiyun.com/domunweb/article/details/95064383</guid><author>domunweb</author><pubDate>Mon, 08 Jul 2019 18:02:00 +0800</pubDate><description><![CDATA[flex 弹性布局
一. flex 解释
1、flex 布局 为 flexible BOX 的缩写 ，意思为 弹性布局。
2、块级元素和行内块级元素都可以使用flex布局
3、Webkit内核的浏览器，需要加上-webkit前缀。
二. flex 容器 属性
1、flex-direction
此属性决定主轴的方向
.flex{
	flex-direction: row; // (默认值) 主轴水平...]]></description><category></category></item><item><title><![CDATA[原生js代码编写钟表]]></title><link>https://blog.youkuaiyun.com/domunweb/article/details/89513103</link><guid>https://blog.youkuaiyun.com/domunweb/article/details/89513103</guid><author>domunweb</author><pubDate>Thu, 25 Apr 2019 11:50:13 +0800</pubDate><description><![CDATA[原生js代码编写钟表
利用js中的定时器编写；
直接上代码：
&lt;!DOCTYPE html&gt;
&lt;html&gt;

&lt;head&gt;
	&lt;meta charset="UTF-8"&gt;
	&lt;title&gt;表&lt;/title&gt;
	&lt;style type="text/css"&gt;
		* {
			margin: 0;
			paddin...]]></description><category></category></item><item><title><![CDATA[html中的mata标签的作用]]></title><link>https://blog.youkuaiyun.com/domunweb/article/details/89477391</link><guid>https://blog.youkuaiyun.com/domunweb/article/details/89477391</guid><author>domunweb</author><pubDate>Tue, 23 Apr 2019 17:35:11 +0800</pubDate><description><![CDATA[标签介绍

首先是页面最上方的&lt;!DOCTYPE html&gt;标签。
&nbsp;&nbsp;&nbsp;&lt;!DOCTYPE html&gt;标签不属于html标签，是一种对web浏览器声明。作用是指示web浏览器页面使用了哪个html版本
&lt;html lang="en"&gt; or &lt;html lang="zh-CN"&gt; html标签中的lang表示页面使用的...]]></description><category></category></item><item><title><![CDATA[Vue(2.0)生命周期理解]]></title><link>https://blog.youkuaiyun.com/domunweb/article/details/89453589</link><guid>https://blog.youkuaiyun.com/domunweb/article/details/89453589</guid><author>domunweb</author><pubDate>Mon, 22 Apr 2019 15:55:23 +0800</pubDate><description><![CDATA[根据vue官方给出的结构图

vue总共有8个生命周期：

beforeCreate：组件实例化在创建之前，属性绑定之前，只是一个空壳，无法访问到数据和真实的dom和data。
created：组件实例创建完成，属性绑定完成，但是dom未绑定。可以获取到初始数据，可以使用数据，也可以更改数据，但是不会触发updated函数。
beforeMount：模块编译，事件挂载之前，变异模块将虚拟dom放在...]]></description><category></category></item><item><title><![CDATA[数组去重，并显示出每个元素的次数]]></title><link>https://blog.youkuaiyun.com/domunweb/article/details/89382310</link><guid>https://blog.youkuaiyun.com/domunweb/article/details/89382310</guid><author>domunweb</author><pubDate>Thu, 18 Apr 2019 16:41:46 +0800</pubDate><description><![CDATA[淡出的数组去重
		// 单纯的数组去重
        var a = [1, 2, 3, 3, 3, 2, 1, 4, 5, 3, 6];
        var b =[];
        for (var j = 0; j &lt; a.length; j++) {
            if (b.indexOf(a[j]) === -1) {
                b.p...]]></description><category></category></item><item><title><![CDATA[vue脚手架项目真机测试]]></title><link>https://blog.youkuaiyun.com/domunweb/article/details/89214918</link><guid>https://blog.youkuaiyun.com/domunweb/article/details/89214918</guid><author>domunweb</author><pubDate>Thu, 11 Apr 2019 16:54:39 +0800</pubDate><description><![CDATA[webpack创建vue脚手架真机测试
真机测试的前提是 手机和电脑必须处于同一局域网下 (连接 同一wifi即可) ！！！！！
1.在项目中打开package.json文件
在 dev属性后加入 --host 0.0.0.0
方法："dev": "webpack-dev-server --host 0.0.0.0 --inline --progress --config build/webpac...]]></description><category></category></item><item><title><![CDATA[css样式]]></title><link>https://blog.youkuaiyun.com/domunweb/article/details/89139941</link><guid>https://blog.youkuaiyun.com/domunweb/article/details/89139941</guid><author>domunweb</author><pubDate>Tue, 09 Apr 2019 11:27:28 +0800</pubDate><description><![CDATA[1.  css文字超出宽度显示成…
.txt{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

2. 弹性布局垂直居中
.div{
	display:flex;
	flex-direction:column;
	justify-content:center;
}


...]]></description><category></category></item></channel></rss>