<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[fvbxjnch的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/fvbxjnch</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; fvbxjnch]]></copyright><item><title><![CDATA[解决vue数据更新视图不更新]]></title><link>https://blog.youkuaiyun.com/fvbxjnch/article/details/119673975</link><guid>https://blog.youkuaiyun.com/fvbxjnch/article/details/119673975</guid><author>fvbxjnch</author><pubDate>Fri, 13 Aug 2021 14:02:49 +0800</pubDate><description><![CDATA[出现的问题：当我们点击按钮，为student添加一个age属性，数据已经更新，但是视图层并没有更新数据。
出现的原因：由于受JavaScript的限制，vue.js不能监听对象属性的添加和删除，因为在vue组件初始化的过程中，会调用getter和setter方法，所以该属性必须是存在在data中，视图层才会响应该数据的变化
解决这个问题的方法大体有两种：
使用this.$set(obj, key, value)/vue.set(obj, key, value)
&lt;script&gt;
export d]]></description><category></category></item><item><title><![CDATA[2021-04-30]]></title><link>https://blog.youkuaiyun.com/fvbxjnch/article/details/116305509</link><guid>https://blog.youkuaiyun.com/fvbxjnch/article/details/116305509</guid><author>fvbxjnch</author><pubDate>Fri, 30 Apr 2021 16:54:30 +0800</pubDate><description><![CDATA[出现的问题:在vue项目中使用路由传参页面刷新出现数据丢失问题
数据消失的写法：
this.$router.push({ name:"card",params:{ cardName:this.cardName}})
解决方法：
this.$router.push({ name:"card",query:{ cardName:this.cardName}})
注意：获取参数的时候是route，跳转和传参的时候是route，
跳转和传参的时候是route，跳转和传参的时候是router
params可以理解为a]]></description><category></category></item><item><title><![CDATA[2021-04-30]]></title><link>https://blog.youkuaiyun.com/fvbxjnch/article/details/116303355</link><guid>https://blog.youkuaiyun.com/fvbxjnch/article/details/116303355</guid><author>fvbxjnch</author><pubDate>Fri, 30 Apr 2021 15:57:11 +0800</pubDate><description><![CDATA[业务需求：跳转每个模块之前都有一个协议页面，要先同意协议之后才能真正进入相应的模块。
思路：将协议页面封装为组件，由于协议样式相同内容不同，决定将协议的主要内容放在JSON文件中，在组件中引入JSON文件。
//父组件 agreementType进行判断是哪个模块的协议
&lt;Agreement :show.sync="agreementShow" :agreementType="agreementType"&gt;&lt;/Agreement&gt;


//agreement.json文件
{  
 ]]></description><category></category></item><item><title><![CDATA[2021-04-08]]></title><link>https://blog.youkuaiyun.com/fvbxjnch/article/details/115506269</link><guid>https://blog.youkuaiyun.com/fvbxjnch/article/details/115506269</guid><author>fvbxjnch</author><pubDate>Thu, 08 Apr 2021 09:56:25 +0800</pubDate><description><![CDATA[Vue @click.native 的使用
1.首先， @click.native 是给组件绑定原生事件，只能用在组件上，不可以用在原生元素上。
 异常信息： [Vue warn]: The .native modifier for v-on is only valid on components but it was used on &lt;button&gt;.


在组件上绑定@click="clickCpn"事件，click事件无法触发也不生效，需要通过使用@click.native=“clickC]]></description><category></category></item><item><title><![CDATA[var foo =function (){}与function foo()的区别]]></title><link>https://blog.youkuaiyun.com/fvbxjnch/article/details/109481221</link><guid>https://blog.youkuaiyun.com/fvbxjnch/article/details/109481221</guid><author>fvbxjnch</author><pubDate>Tue, 03 Nov 2020 22:49:00 +0800</pubDate><description><![CDATA[当代码开始运行的时候，第一种方法的初始foo是undefined,当代码运行到var foo =function (){}的时候，foo就变成fuction
 console.log(foo);//undefined,
        var foo =function (){}
        console.log(foo);//f(){}

第二种方法，是代码运行的时候，foo就是fuction了
 console.log(foo);//f foo (){}
        function foo ]]></description><category></category></item><item><title><![CDATA[创建Vue项目的前期准备和出现的问题]]></title><link>https://blog.youkuaiyun.com/fvbxjnch/article/details/108899843</link><guid>https://blog.youkuaiyun.com/fvbxjnch/article/details/108899843</guid><author>fvbxjnch</author><pubDate>Fri, 02 Oct 2020 10:35:25 +0800</pubDate><description><![CDATA[安装node和git（在官网上下载即可）
在终端中使用淘宝镜像来下载依赖包
2.1在终端中输入（安装淘宝镜像）

 npm config set registry=https://registry.npmjs.org/

2.2安装包管理器nrm(全局安装)
npm i nrm -g

2.3查看所有可用的镜像源
nrm ls

2.4果出现无法识别该命令的时候
配置一下环境变量
2.5系统禁止运行脚本时，以管理员身份打开cmd输入
输入  set-executionpolicy remotesigned.]]></description><category></category></item><item><title><![CDATA[vue中v-model双向数据绑定的底层原理]]></title><link>https://blog.youkuaiyun.com/fvbxjnch/article/details/108560108</link><guid>https://blog.youkuaiyun.com/fvbxjnch/article/details/108560108</guid><author>fvbxjnch</author><pubDate>Sun, 13 Sep 2020 11:07:28 +0800</pubDate><description><![CDATA[双向数据绑定
在vue中实现数据双向绑定的指令是v-model。接下来简单介绍一下v-model指令实现的底层原理

v-bind可以用来绑定属性
v-on可以绑定事件
使用v-bind将input输入框的值设置为msg
设置输入事件，将输入框的值最新数据覆盖原来的msg的数据

&lt;body&gt;
  &lt;div id="app"&gt;
    &lt;div&gt;{{msg}}&lt;/div&gt;
    &lt;input type="text" v-model="msg"&gt;
]]></description><category></category></item><item><title><![CDATA[使用原生js和vue两种方法实现输入框文本放大功能]]></title><link>https://blog.youkuaiyun.com/fvbxjnch/article/details/108553707</link><guid>https://blog.youkuaiyun.com/fvbxjnch/article/details/108553707</guid><author>fvbxjnch</author><pubDate>Sat, 12 Sep 2020 19:33:52 +0800</pubDate><description><![CDATA[使用原生js实现
&lt;body&gt;
  &lt;div id="box"&gt;&lt;/div&gt;
  &lt;input type="text" id="content"&gt;
  &lt;script&gt;
    var haha = document.querySelector("#box")
    var lala = document.querySelector("#content")
    //设置键盘离开事件
    content.addEventListener("]]></description><category></category></item><item><title><![CDATA[使用 git commit -m “描述文字“出现＜情况的解决方式]]></title><link>https://blog.youkuaiyun.com/fvbxjnch/article/details/108205137</link><guid>https://blog.youkuaiyun.com/fvbxjnch/article/details/108205137</guid><author>fvbxjnch</author><pubDate>Mon, 24 Aug 2020 19:25:26 +0800</pubDate><description><![CDATA[出现这种情况可能是因为引号使用的是中文，可以使用ctrl+c退出

]]></description><category></category></item><item><title><![CDATA[什么是立即执行函数，立即执行函数有什么作用]]></title><link>https://blog.youkuaiyun.com/fvbxjnch/article/details/107986596</link><guid>https://blog.youkuaiyun.com/fvbxjnch/article/details/107986596</guid><author>fvbxjnch</author><pubDate>Thu, 13 Aug 2020 18:08:26 +0800</pubDate><description><![CDATA[https://www.jianshu.com/p/b10b6e93ddec

]]></description><category></category></item><item><title><![CDATA[判断一个字符串 ‘abcoefoxyozzopp‘ 中出现次数最多的字符，并统计其次数]]></title><link>https://blog.youkuaiyun.com/fvbxjnch/article/details/107451273</link><guid>https://blog.youkuaiyun.com/fvbxjnch/article/details/107451273</guid><author>fvbxjnch</author><pubDate>Sun, 19 Jul 2020 20:57:53 +0800</pubDate><description><![CDATA[案例：判断一个字符串 ‘abcoefoxyozzopp’ 中出现次数最多的字符，并统计其次数	
思路：
indexOf可以查找字符串中元素的索引号，charAt可以根据索引号得到该地方的字符
核心算法：
先使用charAt()遍历整个字符串，并把得到的每个字符都存储在对象中。
使用if判断对象中是否有这个属性，有了就加1没有了就赋值为一
使用for  in遍历对象
  var str = 'abcoefoxyozzopp';
     var obj = {};//创建一个空对象用于存放charAt()得到]]></description><category></category></item><item><title><![CDATA[用js实现倒计时]]></title><link>https://blog.youkuaiyun.com/fvbxjnch/article/details/107451227</link><guid>https://blog.youkuaiyun.com/fvbxjnch/article/details/107451227</guid><author>fvbxjnch</author><pubDate>Sun, 19 Jul 2020 20:55:17 +0800</pubDate><description><![CDATA[倒计时思路：
1.用户输入规定一个时间，用规定的时间减去现在的时间，就是还剩余的时间
2.使用时间戳来进行运算比较准确。把相差得总毫秒数算出来，再运用公式来计算具体的天，小时，分钟，秒
3. var nowTime = +new Date(); // 返回的是当前时间总的毫秒数
var inputTime = +new Date(time); // 返回的是用户输入时间总的毫秒数
转换公式如下：
d = parseInt(总秒数/ 60/60 /24);    //  计算天数
h = parseInt(总]]></description><category></category></item><item><title><![CDATA[for循环的小练习]]></title><link>https://blog.youkuaiyun.com/fvbxjnch/article/details/107284879</link><guid>https://blog.youkuaiyun.com/fvbxjnch/article/details/107284879</guid><author>fvbxjnch</author><pubDate>Sat, 11 Jul 2020 14:52:30 +0800</pubDate><description><![CDATA[求1-100之间所有数的总和与平均值
题目提示：

利用循环快速找到1-100的数字

 var sum = 0;
        var average = 0;
        for (var i = 1; i &lt;= 100; i++) {
            sum = sum + i;
            average = sum / i;
        }
        console.log(sum);
        console.log(average);

求1-1]]></description><category></category></item><item><title><![CDATA[js中分支结构小练习]]></title><link>https://blog.youkuaiyun.com/fvbxjnch/article/details/107238192</link><guid>https://blog.youkuaiyun.com/fvbxjnch/article/details/107238192</guid><author>fvbxjnch</author><pubDate>Thu, 09 Jul 2020 21:31:30 +0800</pubDate><description><![CDATA[1- 判断时间阶段。

题目描述：
用户输入几点弹出问候信息；
如用户输入12点中午好；
用户输入18点 弹出傍晚好；
用户输入23点弹出深夜好；
题目提示：
通过比较运算符判定输入的时间的范围，弹出相应的问候信息

在这里插入   var time = prompt('请输入时间');
        if (time == 12) {
            alert('中午好！');
        }
        else if (time == 18) {
            alert]]></description><category></category></item><item><title><![CDATA[js数据类型、运算符、流程控制知识点总结]]></title><link>https://blog.youkuaiyun.com/fvbxjnch/article/details/107237958</link><guid>https://blog.youkuaiyun.com/fvbxjnch/article/details/107237958</guid><author>fvbxjnch</author><pubDate>Thu, 09 Jul 2020 21:26:20 +0800</pubDate><description><![CDATA[数据类型
1.数据类型简介

为了便于把数据分成所需内存大小不同的数据，充分利用存储空间
数字型：数字（不能用引号）
八进制：var num=010(数字前面加0，表示八进制)
十六进制：var num=0x9(数字前面加0x表示十六进制)
最大值：Number.MAX_VALUE，这个值为： 1.7976931348623157e+308
最小值：Number.MIN_VALUE，这个值为：5e-32(点代表Number数字的最大值/最小值)
Infinity ，代表无穷大，大于任何数值
-Infinit]]></description><category></category></item><item><title><![CDATA[js和变量的介绍]]></title><link>https://blog.youkuaiyun.com/fvbxjnch/article/details/107146086</link><guid>https://blog.youkuaiyun.com/fvbxjnch/article/details/107146086</guid><author>fvbxjnch</author><pubDate>Sun, 05 Jul 2020 22:16:28 +0800</pubDate><description><![CDATA[JS是编程语言（有较强的逻辑性和行为能力），html是标记语言（被读取）
js是运行在客户端的脚本语言
1.JavaScript的作用

表单动态校验  （ 最初的目的 ）
网页特效
服务端开发(Node.js)
桌面程序(Electron)
App(Cordova)
控制硬件-物联网(Ruff)
游戏开发(cocos2d-js)

2.浏览器执行 JS 简介


浏览器本身并不会执行JS代码，是通过 JS（ 解释器)来执行 JS 代码 的，执行代码时逐行解释每一句源码，然后由计算机去执行，
3.js组成
]]></description><category></category></item><item><title><![CDATA[用C语言完成音乐播放器]]></title><link>https://blog.youkuaiyun.com/fvbxjnch/article/details/107124635</link><guid>https://blog.youkuaiyun.com/fvbxjnch/article/details/107124635</guid><author>fvbxjnch</author><pubDate>Sat, 04 Jul 2020 15:20:49 +0800</pubDate><description><![CDATA[//声明开始
#include &lt;stdio.h&gt;
#include &lt;unistd.h&gt;
#include &lt;stdlib.h&gt;
#include &lt;fcntl.h&gt;
#include &lt;gtk/gtk.h&gt;
#include &lt;string.h&gt;
#include "sungtk_interface.h"
#include "sungtk_interface.c"
GtkWidget * window;
GtkWidget * wi]]></description><category></category></item></channel></rss>