<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[遛狗的代码的博客]]></title><description><![CDATA[自己在学习的时候的一些心得]]></description><link>https://blog.youkuaiyun.com/Brave_Coder</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Brave_Coder]]></copyright><item><title><![CDATA[你可能不知道的JSON.stringify]]></title><link>https://blog.youkuaiyun.com/Brave_Coder/article/details/88752993</link><guid>https://blog.youkuaiyun.com/Brave_Coder/article/details/88752993</guid><author>Brave_Coder</author><pubDate>Fri, 22 Mar 2019 23:11:53 +0800</pubDate><description><![CDATA[JSON.stringify,是定义在ES5中的标准对象。(以下均简称stringify)

说到stringify,大家可能再熟悉不过了，不过，我们最常见的使用还是使用的是仅仅带一个参数的情况。

stringify至多可接收3个参数，value: 要序列化的对象， ?replacer: 过滤条件，?space: 缩进。

replacer可以是3种值，null，字符串数组，函数。

1、当是n...]]></description><category></category></item><item><title><![CDATA[ElementUI解决自定义表头]]></title><link>https://blog.youkuaiyun.com/Brave_Coder/article/details/88352419</link><guid>https://blog.youkuaiyun.com/Brave_Coder/article/details/88352419</guid><author>Brave_Coder</author><pubDate>Fri, 08 Mar 2019 16:09:37 +0800</pubDate><description><![CDATA[开门见山，我直接阐述我的问题的由来：

根据Element官方的Demo，使用其渲染一个表格需要以下代码：


&amp;lt;el-table
    :data=&quot;data&quot;
    stripe border&amp;gt;
    &amp;lt;el-table-column
      prop=&quot;date&quot;
      label=&quot;日期&quot;
      width=&quot;180&quot;&amp;gt;
    &amp;lt]]></description><category></category></item><item><title><![CDATA[HTML5视频播放的一点儿小收获]]></title><link>https://blog.youkuaiyun.com/Brave_Coder/article/details/86551343</link><guid>https://blog.youkuaiyun.com/Brave_Coder/article/details/86551343</guid><author>Brave_Coder</author><pubDate>Sat, 19 Jan 2019 13:35:24 +0800</pubDate><description><![CDATA[ 

事情的起因是因为本人最近在淘宝网上买了一套Photoshop的视频，但是有个问题就是，它只能在淘宝学习模块观看，但是淘宝学习做的不能用难用来形容（相比网易云课堂、慕课网），于是我萌生了把视频下载下来的想法。

开始准备工作，以为满心欢喜的打开了F12，准备把它抓取出来。然后就开始问题来了：



然后，发现它的URL是一个blob，由此，开始引入Blob类。

我才疏学浅，就不进行解释了，直...]]></description><category></category></item><item><title><![CDATA[对于JavaScript同样的正则表达式多次执行的结果不一致分析]]></title><link>https://blog.youkuaiyun.com/Brave_Coder/article/details/85016075</link><guid>https://blog.youkuaiyun.com/Brave_Coder/article/details/85016075</guid><author>Brave_Coder</author><pubDate>Sat, 15 Dec 2018 17:47:04 +0800</pubDate><description><![CDATA[正则表达式的基础内容我就不在此进行赘述，不懂的小伙伴们请自行Google。废话不多说，直接上正题：

我现在要验证一个10以内(包括10)的数字，最多保留2位有效数字，但是不能以0打头，可以是0.00。

那么：^((10)|[0-9])(\.\d{1,2})?$

我们到图形化正则表达式的网站上测试一下。

https://regexper.com/，在此把链接贴出来，大家可以自行测试。



...]]></description><category></category></item><item><title><![CDATA[在Vue项目里面使用阿里巴巴IconFont]]></title><link>https://blog.youkuaiyun.com/Brave_Coder/article/details/79928344</link><guid>https://blog.youkuaiyun.com/Brave_Coder/article/details/79928344</guid><author>Brave_Coder</author><pubDate>Fri, 13 Apr 2018 14:22:49 +0800</pubDate><description><![CDATA[http://ms.youkuaiyun.com/geek/257473]]></description><category></category></item><item><title><![CDATA[Sequelize实现一对一，一对多，多对多关联]]></title><link>https://blog.youkuaiyun.com/Brave_Coder/article/details/79734451</link><guid>https://blog.youkuaiyun.com/Brave_Coder/article/details/79734451</guid><author>Brave_Coder</author><pubDate>Wed, 28 Mar 2018 21:46:31 +0800</pubDate><description><![CDATA[var SysUser = sequelize.import('../models/SysUser.js');
var MonitorSetting = sequelize.import('../models/MonitorSetting.js');
var Car = sequelize.import('../models/Car.js');
var Camera = sequelize.imp...]]></description><category></category></item><item><title><![CDATA[简谈对ES7的async和await的理解]]></title><link>https://blog.youkuaiyun.com/Brave_Coder/article/details/79560889</link><guid>https://blog.youkuaiyun.com/Brave_Coder/article/details/79560889</guid><author>Brave_Coder</author><pubDate>Wed, 14 Mar 2018 22:20:41 +0800</pubDate><description><![CDATA[如果遇到过深度回调的朋友一定对JS的回调地狱再熟悉不过了，举个例子说（如果我的列子不恰当尽请谅解），常见的就是省市区级联吧，假如我要获取一个县级市的信息，那么我首先得获得它所在的省的信息，当取得省的信息以后，再拉去地级市的信息，当获得地级市的信息以后，然后才有可能获取到它的信息。这就是典型的深度回调的业务场景。这使得开发人员变得痛苦不堪，代码的质量难以得到保证。对此，ES6中引入了一个Promis...]]></description><category></category></item><item><title><![CDATA[解决vue-cli中webpack无法打包js变量中的图片路径]]></title><link>https://blog.youkuaiyun.com/Brave_Coder/article/details/79533757</link><guid>https://blog.youkuaiyun.com/Brave_Coder/article/details/79533757</guid><author>Brave_Coder</author><pubDate>Mon, 12 Mar 2018 22:33:02 +0800</pubDate><description><![CDATA[首先，我们先来重现一下问题，如果直接通过路径的形式引入一个图片，例如：&amp;lt;template&amp;gt;
  &amp;lt;div id=&quot;app&quot;&amp;gt;
    &amp;lt;img src=&quot;./assets/demo.jpg&quot;&amp;gt;
    &amp;lt;!--&amp;lt;img :src=&quot;demo&quot;&amp;gt;--&amp;gt;
    &amp;lt;HelloWorld/&amp;gt]]></description><category></category></item><item><title><![CDATA[从axios看前后端数据交互]]></title><link>https://blog.youkuaiyun.com/Brave_Coder/article/details/78379073</link><guid>https://blog.youkuaiyun.com/Brave_Coder/article/details/78379073</guid><author>Brave_Coder</author><pubDate>Sat, 28 Oct 2017 20:40:19 +0800</pubDate><description><![CDATA[axios作为Vue生态系统中浓墨重彩的一笔，我学习这个东西也是花了一定的时间的。刚开始的时候，也是遇到了很多问题。
逐渐摸透了它的脾气。
首先说说FormData和Payload两种数据格式的区别：
先是提交一个FormData的请求试试看：


然后我们看后端：


然后我们提交一个以Payload传输数据的请求：


我们再切到后台：


这就是使用axios和]]></description><category></category></item><item><title><![CDATA[Vue-cli之http请求代理]]></title><link>https://blog.youkuaiyun.com/Brave_Coder/article/details/78376926</link><guid>https://blog.youkuaiyun.com/Brave_Coder/article/details/78376926</guid><author>Brave_Coder</author><pubDate>Sat, 28 Oct 2017 16:28:26 +0800</pubDate><description><![CDATA[现在流行前后台分离开发，就是前端先前端的页面，后端写后端的接口。但是，当两者的工作合并的时候，要么前端自己搭建一个服务器，要么后端开启跨域让前端访问接口，我一般在开发的时候采用的是后者。但是这个是很坑的，经常出现无法跨域的错误。
Vue-cli中自带了代理，当你配置了这个代理之后，你访问他人电脑的接口的时候，就像访问自己本机的接口一样，避免了跨域的问题。
首先找到，config下面的index]]></description><category></category></item><item><title><![CDATA[JS删除一个数组中满足条件的所有数据]]></title><link>https://blog.youkuaiyun.com/Brave_Coder/article/details/78365065</link><guid>https://blog.youkuaiyun.com/Brave_Coder/article/details/78365065</guid><author>Brave_Coder</author><pubDate>Fri, 27 Oct 2017 15:03:57 +0800</pubDate><description><![CDATA[function removeItem(src, cb) {

            var counter = src.length - 1;

            while (true) {

                var result = cb(src[counter]);

                if (result) {

                  ]]></description><category></category></item><item><title><![CDATA[JS按照特定的条件对数组进行归类]]></title><link>https://blog.youkuaiyun.com/Brave_Coder/article/details/78364894</link><guid>https://blog.youkuaiyun.com/Brave_Coder/article/details/78364894</guid><author>Brave_Coder</author><pubDate>Fri, 27 Oct 2017 14:51:21 +0800</pubDate><description><![CDATA[函数定义：
function groupBy(arr, prop, callback) {

            var newArr = [],
                tempArr = [];
            for (var i = 0, j = arr.length; i < j; i++) {

                var result = callb]]></description><category></category></item><item><title><![CDATA[深入理解JS原型及其扩展]]></title><link>https://blog.youkuaiyun.com/Brave_Coder/article/details/77917385</link><guid>https://blog.youkuaiyun.com/Brave_Coder/article/details/77917385</guid><author>Brave_Coder</author><pubDate>Sat, 09 Sep 2017 20:38:10 +0800</pubDate><description><![CDATA[相信各位一定看到过Array.prototype.slice.call(arguments,1);这样的写法。（我是清楚的记得在看函数柯里化的时候遇到的，这儿我们不讨论它）
先查slice的定义：


上面的写法和我们看到MDN的例子看起来有很大的差别，其实殊途同归。
首先，简单向大家提及一下call，apply，bind的区别:
apply:(...).apply(context,[]]></description><category></category></item><item><title><![CDATA[解决axios跨域请求出错的问题]]></title><link>https://blog.youkuaiyun.com/Brave_Coder/article/details/77103899</link><guid>https://blog.youkuaiyun.com/Brave_Coder/article/details/77103899</guid><author>Brave_Coder</author><pubDate>Fri, 11 Aug 2017 22:48:26 +0800</pubDate><description><![CDATA[错误信息：
Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:9000' is therefore not al]]></description><category></category></item><item><title><![CDATA[详解JavaScript中__proto__和prototype]]></title><link>https://blog.youkuaiyun.com/Brave_Coder/article/details/71713169</link><guid>https://blog.youkuaiyun.com/Brave_Coder/article/details/71713169</guid><author>Brave_Coder</author><pubDate>Fri, 12 May 2017 11:14:59 +0800</pubDate><description><![CDATA[首先 对象才会有__proto__，函数(为了命名规范，所有函数首字母都是大写，那用这一规范来说的话，粗暴的理解为首字母大写的才会有哦prototype)才会有prototype;


比如(1).__proro__===Number.protype,({}).__proto__===Object.prototype


var Factory= function(){}  那么Fac]]></description><category></category></item><item><title><![CDATA[Ionic2踏坑之旅]]></title><link>https://blog.youkuaiyun.com/Brave_Coder/article/details/71592576</link><guid>https://blog.youkuaiyun.com/Brave_Coder/article/details/71592576</guid><author>Brave_Coder</author><pubDate>Wed, 10 May 2017 20:56:42 +0800</pubDate><description><![CDATA[今天开始学习Ionic2，Ionic和Cordova的安装都没有什么问题，和我之前写过的文章一样，Android_SDK的配置也是一样，此处不会赘述。
问题在于当你把一切准备工作做好了的时候，在命令行中输入ionic serve，问题来了：说什么插件没有装好，然后ionic-cli的功能被限制了，于是各种坑爹的找资料。
最后：
然后基本上ionic serve已经可以用了，问题接踵而至，坑爹]]></description><category></category></item><item><title><![CDATA[Vue之自定义指令进行表单验证。]]></title><link>https://blog.youkuaiyun.com/Brave_Coder/article/details/71504356</link><guid>https://blog.youkuaiyun.com/Brave_Coder/article/details/71504356</guid><author>Brave_Coder</author><pubDate>Tue, 09 May 2017 20:41:39 +0800</pubDate><description><![CDATA[Vuejs学了也有将近半年了，感觉没有实质上的进步。于是自己尝试些了一点儿东西。
Vuejs参照了Angularjs的设计思想，引入了指令的概念，于是，想当然的就会想到自定义一些好用的指令来减少平时繁琐的编码。
Vujes中自定义指令部分，鄙人不在此赘述，不懂的道友直接撸官方文档。
我首先定义了一个扩展方法$on，为了方便后面的代码的编写。
HTMLElement.prototype.$o]]></description><category></category></item><item><title><![CDATA[JavaScript之EcmaScript5中geter和setter]]></title><link>https://blog.youkuaiyun.com/Brave_Coder/article/details/71042898</link><guid>https://blog.youkuaiyun.com/Brave_Coder/article/details/71042898</guid><author>Brave_Coder</author><pubDate>Mon, 01 May 2017 10:26:32 +0800</pubDate><description><![CDATA[我在搞懂JavaScript的getter和setter之前，通过百度搜索在网上看了很多别人写的文章，个人的内心是表示很气愤的，因为大家都是一知半解，很多博主都并没有真正的理解这个语法的用处。虽然getter和setter的意思是这样，但是它的意义并不是局限于此。
先说下网上大部分人的理解：
   function  Person(){
      var  _personName="anon]]></description><category></category></item><item><title><![CDATA[Angular2踩坑之自定义Pipe管道]]></title><link>https://blog.youkuaiyun.com/Brave_Coder/article/details/70546632</link><guid>https://blog.youkuaiyun.com/Brave_Coder/article/details/70546632</guid><author>Brave_Coder</author><pubDate>Sun, 23 Apr 2017 21:19:46 +0800</pubDate><description><![CDATA[从15年底接触的AngularJS,当时的感觉是除了难学还是难学，跟后来的React和Vue相比，到现在AngularJS1.x已经没有什么优势了，谷歌去年推出了Angular2（习惯上从2.0版本开始就不再加"JS"），今年3月推出了4.0版本，于是我开始爬坑之旅。
Pipe，管道，如果写过Gulp的朋友肯定非常熟悉，就是工厂的生产线加工模式，我只负责实现某个模块，做完就扔给下一个人，绝不越俎]]></description><category></category></item><item><title><![CDATA[解决nodejs不支持async和await关键字的问题]]></title><link>https://blog.youkuaiyun.com/Brave_Coder/article/details/69802881</link><guid>https://blog.youkuaiyun.com/Brave_Coder/article/details/69802881</guid><author>Brave_Coder</author><pubDate>Sun, 09 Apr 2017 10:59:40 +0800</pubDate><description><![CDATA[1、$ npm install --save-dev babel-cli


2、
$ npm install --save-dev babel-preset-es2015 babel-preset-es2017

3、Create .babelrc in
 the project root folder with the following contents:




]]></description><category></category></item></channel></rss>