<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Keep_Doing的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Keep_Doing</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Keep_Doing]]></copyright><item><title><![CDATA[Chrome 小技巧]]></title><link>https://blog.youkuaiyun.com/Keep_Doing/article/details/140052887</link><guid>https://blog.youkuaiyun.com/Keep_Doing/article/details/140052887</guid><author>Keep_Doing</author><pubDate>Fri, 28 Jun 2024 21:29:21 +0800</pubDate><description><![CDATA[一些关于chrome开发和调试小技巧]]></description><category></category></item><item><title><![CDATA[Vue中的key值]]></title><link>https://blog.youkuaiyun.com/Keep_Doing/article/details/115442870</link><guid>https://blog.youkuaiyun.com/Keep_Doing/article/details/115442870</guid><author>Keep_Doing</author><pubDate>Mon, 05 Apr 2021 15:23:21 +0800</pubDate><description><![CDATA[列表渲染中key值的作用
PS：
•v-for的时候一定要设置key属性，不然会产生警告。
• 如果我们要利用key属性的优点，必须保证同一父元素的所有子元素有不同的key属性。如果key值重复，会报错。
当 Vue.js 用v-for正在更新已渲染过的元素列表时，它默认用“就地复用”策略。如果数据项的顺序被改变，Vue 将不会移动 DOM 元素来匹配数据项的顺序， 而是简单复用此处每个元素，并且确保它在特定索引下显示已被渲染过的每个元素。
当v-for里面没有设置key属性时
var arr=[1,2,3]]></description><category></category></item><item><title><![CDATA[Vue 单向数据流与双向数据流]]></title><link>https://blog.youkuaiyun.com/Keep_Doing/article/details/115439163</link><guid>https://blog.youkuaiyun.com/Keep_Doing/article/details/115439163</guid><author>Keep_Doing</author><pubDate>Mon, 05 Apr 2021 11:03:50 +0800</pubDate><description><![CDATA[【本文偏向概念上的区分】
单向数据流 vs 双向数据流
数据流指的是组件之间的数据流动。
虽然vue有双向绑定v-model，但是vue父子组件之间数据传递，仍然还是遵循单向数据流的，父组件可以向子组件传递props，但是子组件不能修改父组件传递来的props，子组件只能通过事件通知父组件进行数据更改。
优点是所有状态的改变可记录、可跟踪，源头易追溯; 所有数据只有一份，组件数据只有唯一的入口和出口，使得程序更直观更容易理解，有利于应用的可维护性
vue支持单向绑定和双向绑定
单向绑定：插值形式{{data]]></description><category></category></item><item><title><![CDATA[同源策略与跨域解决方案]]></title><link>https://blog.youkuaiyun.com/Keep_Doing/article/details/114679492</link><guid>https://blog.youkuaiyun.com/Keep_Doing/article/details/114679492</guid><author>Keep_Doing</author><pubDate>Thu, 11 Mar 2021 21:02:08 +0800</pubDate><description><![CDATA[同源策略

源是由 URL 中协议、主机名（域名）以及端口共同组成的部分。
同源策略是浏览器的行为，为了保护本地数据不被JavaScript代码获取回来的数据污染，它是存在于浏览器最核心也最基本的安全功能。
所谓同源指的是：协议、域名、端口号必须一致，只要有一个不相同，那么就是“跨源”。

PS：HTML特殊标签
 &lt;link&gt;,&lt;script&gt;,&lt;img&gt;,&lt;frame&gt;等这些标签具有跨域特性，可以直接访问

跨域解决方案
CORS(服务端解决)
只需服务端]]></description><category></category></item><item><title><![CDATA[关于Canvas画布大小问题]]></title><link>https://blog.youkuaiyun.com/Keep_Doing/article/details/114372769</link><guid>https://blog.youkuaiyun.com/Keep_Doing/article/details/114372769</guid><author>Keep_Doing</author><pubDate>Thu, 04 Mar 2021 17:14:12 +0800</pubDate><description><![CDATA[1.canvas大小默认为300X150
 &lt;canvas id="myCanvas" style=" background-color: rgb(218, 108, 108);"&gt;&lt;/canvas&gt;
 &lt;script&gt;
   var canvas = document.getElementById('myCanvas')
   var context = canvas.getContext("2d");
    context.fillRect(0, 0, 100, 1]]></description><category></category></item><item><title><![CDATA[HTML+CSS    五种居中方式]]></title><link>https://blog.youkuaiyun.com/Keep_Doing/article/details/114295433</link><guid>https://blog.youkuaiyun.com/Keep_Doing/article/details/114295433</guid><author>Keep_Doing</author><pubDate>Tue, 02 Mar 2021 21:48:50 +0800</pubDate><description><![CDATA[&lt;div class="par"&gt;
    &lt;div class="son"&gt;&lt;/div&gt;
&lt;/div&gt;

/* 方法一：利用定位 */
    .par {
        width: 500px;
        height: 500px;
        background-color: rgb(241, 112, 60);
        position: relative;
    }
    .son {
        width: 10]]></description><category></category></item><item><title><![CDATA[Javascript：Cannot read property ‘value‘ of null]]></title><link>https://blog.youkuaiyun.com/Keep_Doing/article/details/109602169</link><guid>https://blog.youkuaiyun.com/Keep_Doing/article/details/109602169</guid><author>Keep_Doing</author><pubDate>Tue, 10 Nov 2020 16:51:01 +0800</pubDate><description><![CDATA[情况1：
错误实例：
&lt;textarea id="txtRemark" rows="2" style="width:200px;" /&gt;
错误原因：
textarea这个控件本身不同于&lt;input /&gt;、&lt;img /&gt;等控件，它是没有value属性的，所以我们平时要按照正确的格式书写。
正确写法：
&lt;textarea id="txtRemark" rows="2" style="width:200px"&gt;&lt;/textarea&gt;

情况2：
JS 运]]></description><category></category></item><item><title><![CDATA[凯撒密码算法  Javascript实现]]></title><link>https://blog.youkuaiyun.com/Keep_Doing/article/details/109600728</link><guid>https://blog.youkuaiyun.com/Keep_Doing/article/details/109600728</guid><author>Keep_Doing</author><pubDate>Tue, 10 Nov 2020 16:02:12 +0800</pubDate><description><![CDATA[信息安全概论
凯撒密码算法 ----Javascript实现
&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;meta http-equiv="X-UA-Compatible" content="ie]]></description><category></category></item><item><title><![CDATA[元素水平均匀分布]]></title><link>https://blog.youkuaiyun.com/Keep_Doing/article/details/109031293</link><guid>https://blog.youkuaiyun.com/Keep_Doing/article/details/109031293</guid><author>Keep_Doing</author><pubDate>Mon, 12 Oct 2020 17:20:01 +0800</pubDate><description><![CDATA[1.浮动元素不定宽
&lt;div class="c"&gt;
      &lt;div class="b"&gt;
            &lt;div class="a"&gt;&lt;/div&gt;
            &lt;div class="a"&gt;&lt;/div&gt;
            &lt;div class="a"&gt;&lt;/div&gt;
            &lt;div class="a"&gt;&lt;/div&gt;
      &lt;/d]]></description><category></category></item><item><title><![CDATA[MongoDB数据库安装及基本操作]]></title><link>https://blog.youkuaiyun.com/Keep_Doing/article/details/107975699</link><guid>https://blog.youkuaiyun.com/Keep_Doing/article/details/107975699</guid><author>Keep_Doing</author><pubDate>Thu, 13 Aug 2020 11:31:21 +0800</pubDate><description><![CDATA[一 . 预备操作
   1.安装
    npm i mongoose  
    输入mongod --version测试是否安装成功
    2.开启与关闭数据库
    # mongodb 默认使用执行mongod 命令所处盘符根目录下的/data/db作为自己的数据存储目录
    # 所以在第一次执行该命令之前先自己手动新建一个 /data/db
    开启：mongod
    关闭：Ctrl+C
    3.连接数据库
    mongo
    退出：exit
    4.基本命令
   ]]></description><category></category></item><item><title><![CDATA[JavaScript--封装方法（一）]]></title><link>https://blog.youkuaiyun.com/Keep_Doing/article/details/107465326</link><guid>https://blog.youkuaiyun.com/Keep_Doing/article/details/107465326</guid><author>Keep_Doing</author><pubDate>Mon, 20 Jul 2020 15:53:05 +0800</pubDate><description><![CDATA[JavaScript–封装方法（一）
1.type方法
function type(target) { 
     var ret = typeof (target); 
     var template = { 
     "[object Array]": "array", 
     "[object Object]": "object", 
     "[object Number]": "number - object", 
     "[object Boolean]": "boolean -]]></description><category></category></item></channel></rss>