<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Dailoge的博客]]></title><description><![CDATA[☞web前端开发☜]]></description><link>https://blog.youkuaiyun.com/Dailoge</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Dailoge]]></copyright><item><title><![CDATA[webpack的path、publicPath和 devServer 的publicPath、contentBase]]></title><link>https://blog.youkuaiyun.com/Dailoge/article/details/109292631</link><guid>https://blog.youkuaiyun.com/Dailoge/article/details/109292631</guid><author>Dailoge</author><pubDate>Mon, 26 Oct 2020 17:20:24 +0800</pubDate><description><![CDATA[webpack


	path
	
文档描述

默认值：process.cwd()

output.path目录对应一个绝对路径， 最后 path 会输出到物理硬盘上的。


const path = require('path');

module.exports = {
  //...
  output: {
    path: path.resolve(__dirname, 'dist/assets')
  }
};



	publicPath
	
文档描述

默认值：空字符串

此选项指定在浏览.]]></description><category></category></item><item><title><![CDATA[检测对象属性值的修改]]></title><link>https://blog.youkuaiyun.com/Dailoge/article/details/108350608</link><guid>https://blog.youkuaiyun.com/Dailoge/article/details/108350608</guid><author>Dailoge</author><pubDate>Tue, 01 Sep 2020 21:01:34 +0800</pubDate><description><![CDATA[let obj = {
    name: 'dailoge',
    age: 23
}

function bindData(obj, func) {
    const tmp = Object.assign({}, obj)
    Object.keys(obj).map(key =&gt; {
        Object.defineProperty(obj, key, {
            set(newValue) {
                tmp[key] = new.]]></description><category></category></item><item><title><![CDATA[vue 组件 初始化流程]]></title><link>https://blog.youkuaiyun.com/Dailoge/article/details/103820108</link><guid>https://blog.youkuaiyun.com/Dailoge/article/details/103820108</guid><author>Dailoge</author><pubDate>Fri, 03 Jan 2020 14:39:48 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[跨域的时候可以访问到哪些属性，其含义分别是啥]]></title><link>https://blog.youkuaiyun.com/Dailoge/article/details/103301399</link><guid>https://blog.youkuaiyun.com/Dailoge/article/details/103301399</guid><author>Dailoge</author><pubDate>Fri, 29 Nov 2019 17:41:54 +0800</pubDate><description><![CDATA[1、背景
最近在开发iframe页面，想对iframe跨域的情况更进一步了解，跨域的时候，可以访问到iframe 文档中哪些属性
2、行动

]]></description><category></category></item><item><title><![CDATA[js 二进制位运算符]]></title><link>https://blog.youkuaiyun.com/Dailoge/article/details/102931300</link><guid>https://blog.youkuaiyun.com/Dailoge/article/details/102931300</guid><author>Dailoge</author><pubDate>Wed, 06 Nov 2019 11:21:23 +0800</pubDate><description><![CDATA[1、引用

ECMAScript 整数有两种类型，即有符号整数（允许用正数和负数）和无符号整数（只允许用正数）。在 ECMAScript 中，所有整数字面量默认都是有符号整数，这意味着什么呢？

有符号整数使用 31 位表示整数的数值，用第 32 位表示整数的符号，0 表示正数，1 表示负数。数值范围从 -2147483648 到 2147483647。-2147483648是补码10000000...]]></description><category></category></item><item><title><![CDATA[一道很有启发的面试题]]></title><link>https://blog.youkuaiyun.com/Dailoge/article/details/100173238</link><guid>https://blog.youkuaiyun.com/Dailoge/article/details/100173238</guid><author>Dailoge</author><pubDate>Sat, 31 Aug 2019 16:14:17 +0800</pubDate><description><![CDATA[题目要求如下：
LazyMan('Tony');
// Hi I am Tony

LazyMan('Tony').sleep(10).eat('lunch');
// Hi I am Tony
// 等待了10秒...
// I am eating lunch

LazyMan('Tony').eat('lunch').sleep(10).eat('dinner');
// Hi I am To...]]></description><category></category></item><item><title><![CDATA[第一个npm组件的遇到的问题，以及思考]]></title><link>https://blog.youkuaiyun.com/Dailoge/article/details/94441404</link><guid>https://blog.youkuaiyun.com/Dailoge/article/details/94441404</guid><author>Dailoge</author><pubDate>Tue, 02 Jul 2019 14:44:09 +0800</pubDate><description><![CDATA[勇敢的尝试，你会发现并没有那么难！

不知道为啥对于未知的领域总是充满排斥，怕去接触，喜欢处在舒适区内；但是每次去接触，发现结果并没有那么糟糕。


1.使用yarn link，yarn link npmName，代码重新build了，是可以直接刷新的，不需要其他额外的操作。
2.使用的npm link，项目A引入了组件B，项目A（有配置eslint）竟然会对组件进行eslint检测，排除办法先...]]></description><category></category></item><item><title><![CDATA[webpack的path和publicPath以及dev-server的publicPath是否清楚呢，一起来看看吧]]></title><link>https://blog.youkuaiyun.com/Dailoge/article/details/89447566</link><guid>https://blog.youkuaiyun.com/Dailoge/article/details/89447566</guid><author>Dailoge</author><pubDate>Mon, 22 Apr 2019 10:53:30 +0800</pubDate><description><![CDATA[webpack的path和publicPath以及dev-server的publicPath是否清楚呢，一起来看看吧]]></description><category></category></item><item><title><![CDATA[记一次的case处理——表单元素轻触不能聚焦在手机上]]></title><link>https://blog.youkuaiyun.com/Dailoge/article/details/89363778</link><guid>https://blog.youkuaiyun.com/Dailoge/article/details/89363778</guid><author>Dailoge</author><pubDate>Wed, 17 Apr 2019 20:15:21 +0800</pubDate><description><![CDATA[问题描述：在手机上，发现网页上所有的表单元素轻触都不能聚焦

1、第一次探索和尝试
为测试元素加上click事件和focus事件，轻触的时候发现click触发了，但是focus没有触发，有点奇怪啊，第一次的尝试解决方案：就在click的事件回调函数中调用focus方法；虽然最后聚焦成功了，但是仅仅只是处理了一个表单元素，页面还有n个元素需要这么处理，头疼；所以打算找原因，从底层根本处理问题。
2...]]></description><category></category></item><item><title><![CDATA[event.stopPropagation()、event.preventDefault()、return false 冒泡事件 默认事件]]></title><link>https://blog.youkuaiyun.com/Dailoge/article/details/89356970</link><guid>https://blog.youkuaiyun.com/Dailoge/article/details/89356970</guid><author>Dailoge</author><pubDate>Wed, 17 Apr 2019 15:34:17 +0800</pubDate><description><![CDATA[参考文章：https://blog.youkuaiyun.com/qq_39207948/article/details/79408323

1.event.stopPropagation()方法

这是阻止事件的冒泡方法，不让事件向document上蔓延，但是默认事件依然会执行，当你调用这个方法的时候，如果点击一个连接，这个连接仍然会被打开；

2.event.preventDefault()方法

这是阻...]]></description><category></category></item><item><title><![CDATA[es2018 异步迭代器]]></title><link>https://blog.youkuaiyun.com/Dailoge/article/details/89308529</link><guid>https://blog.youkuaiyun.com/Dailoge/article/details/89308529</guid><author>Dailoge</author><pubDate>Mon, 15 Apr 2019 11:22:25 +0800</pubDate><description><![CDATA[参考文章：https://blog.youkuaiyun.com/songxiugongwang/article/details/83243311

异步迭代器结构如下图：


const obj = {
    [Symbol.asyncIterator]: () =&gt; {
        const items = [`j`, `u`, `s`, `t`, `j`, `a`, `v`, `a`, `...]]></description><category></category></item><item><title><![CDATA[npm package.json bin字段]]></title><link>https://blog.youkuaiyun.com/Dailoge/article/details/88532486</link><guid>https://blog.youkuaiyun.com/Dailoge/article/details/88532486</guid><author>Dailoge</author><pubDate>Wed, 13 Mar 2019 15:00:45 +0800</pubDate><description><![CDATA[作用

在安装第三方带有bin字段的npm，那可执行文件会被链接到当前项目的./node_modules/.bin中，在本项目中，就可以很方便地利用npm执行脚本（package.json文件中scripts可以直接执行：'node node_modules/.bin/myapp'）；

如果是全局安装，npm将会使用符号链接把这些文件链接到/usr/local/bin/
	如果是本地安装，会链接...]]></description><category></category></item><item><title><![CDATA[前端 面试 小总结]]></title><link>https://blog.youkuaiyun.com/Dailoge/article/details/86540897</link><guid>https://blog.youkuaiyun.com/Dailoge/article/details/86540897</guid><author>Dailoge</author><pubDate>Fri, 18 Jan 2019 15:32:17 +0800</pubDate><description><![CDATA[一、常见的模块化构建工具 webpack

答：Gulp、Grunt、Webpack

 1.Grunt和Gulp都是前端自动化构建工具，可以进行文件的合并压缩，但是gulp比grunt更高效，因为它可以支持异步多任务，更易于使用，插件也有更高的质量

 2.Webpack是前端资源模块化管理和打包工具，是一个模块打包器，在他的视野里，前端所有的资源文件都会作为模块处理它将根据模块的依赖关系，生成...]]></description><category></category></item><item><title><![CDATA[IDEA 搭建 mvn web项目]]></title><link>https://blog.youkuaiyun.com/Dailoge/article/details/86427911</link><guid>https://blog.youkuaiyun.com/Dailoge/article/details/86427911</guid><author>Dailoge</author><pubDate>Sun, 13 Jan 2019 18:02:29 +0800</pubDate><description><![CDATA[1.新建、运行mvn项目

https://blog.youkuaiyun.com/LXB15959168136/article/details/52106212

2.pom.xml的常见配置

https://blog.youkuaiyun.com/qq_41285003/article/details/79157735

3.web.xml的常见配置

https://www.cnblogs.com/wiserol...]]></description><category></category></item><item><title><![CDATA[react 组件结构]]></title><link>https://blog.youkuaiyun.com/Dailoge/article/details/85239310</link><guid>https://blog.youkuaiyun.com/Dailoge/article/details/85239310</guid><author>Dailoge</author><pubDate>Mon, 24 Dec 2018 21:20:20 +0800</pubDate><description><![CDATA[一直很好奇，react中的class最后经过babel转义之后，长啥样，这里记录一下

1.Item也是一个组件

2.defaultProps对象是对接受到的props做限制

3.name是类名

4.prototype是类中定义的方法

5.__proto__是继承的类，这里应该是React.Component

...]]></description><category></category></item><item><title><![CDATA[正则匹配 或者 整个单词]]></title><link>https://blog.youkuaiyun.com/Dailoge/article/details/85171645</link><guid>https://blog.youkuaiyun.com/Dailoge/article/details/85171645</guid><author>Dailoge</author><pubDate>Fri, 21 Dec 2018 20:14:47 +0800</pubDate><description><![CDATA[像本地开发中经常需要匹配localhost和127.0.0.1

我们就可以使用:


/(localhost|127.0.0.1)/.test(location.hostname)

这里用括号代表一个整体，如果用的中括号[]，就是别的意思了


/[localhost|127.0.0.1]/.test(location.hostname)

 这个代表只要可以匹配中括号的任意一个字符就好了，包...]]></description><category></category></item><item><title><![CDATA[js 对象解构 默认值 重命名]]></title><link>https://blog.youkuaiyun.com/Dailoge/article/details/84960945</link><guid>https://blog.youkuaiyun.com/Dailoge/article/details/84960945</guid><author>Dailoge</author><pubDate>Tue, 11 Dec 2018 20:07:31 +0800</pubDate><description><![CDATA[本代码案例中，reduce的model是一个immutable类型，所以要先toJS


const { managerName: manager, oManagerName: oManager = {}, oOrganization = {} } = this.props.configmodel.toJS()

最后得到三个变量是：manager，oManager，oOrganization

...]]></description><category></category></item><item><title><![CDATA[js 快速生成 数组序列]]></title><link>https://blog.youkuaiyun.com/Dailoge/article/details/84874503</link><guid>https://blog.youkuaiyun.com/Dailoge/article/details/84874503</guid><author>Dailoge</author><pubDate>Fri, 07 Dec 2018 15:09:31 +0800</pubDate><description><![CDATA[主要是py有这个功能，就想js有没有什么办法也是一句话能实现的；


[...new Array(10).keys()]     //生成[0,1,2,3,4,5,6,7,8,9]

Array(10)返回是长度为10的，每一项item为undefined的数组

new Array(10).keys返回的是可迭代器，然后用解构运算符展开完美

可能有的同学会想到用Object.key是...]]></description><category></category></item><item><title><![CDATA[js中匿名函数和箭头函数的this指向]]></title><link>https://blog.youkuaiyun.com/Dailoge/article/details/82910404</link><guid>https://blog.youkuaiyun.com/Dailoge/article/details/82910404</guid><author>Dailoge</author><pubDate>Sun, 30 Sep 2018 16:10:09 +0800</pubDate><description><![CDATA[匿名函数最经典的总结：就是谁调用匿名函数，匿名函数中的this就指向谁；匿名函数是有执行上下文，只是执行上下文是执行的时候传递过来，箭头函数中的执行上下文是父级的执行上下文，匿名函数可以作为箭头函数的父级（详见例3）

例1.匿名函数


var name='window';
var obj = {
    name:'obj',
    nameprintf:function(){
      ...]]></description><category></category></item><item><title><![CDATA[js中dom节点的增删改]]></title><link>https://blog.youkuaiyun.com/Dailoge/article/details/79664825</link><guid>https://blog.youkuaiyun.com/Dailoge/article/details/79664825</guid><author>Dailoge</author><pubDate>Fri, 23 Mar 2018 11:14:10 +0800</pubDate><description><![CDATA[obj.appendChild(newNode)   //参数都是node节点，在obj最后面加newNodeobj.insertBefore(newNode，oldNode)    //obj是父节点，在oldNode前面添加newNodeobj.replaceChild(newNode，oldNode)   //obj是父节点，用newNode替换oldNodeobj.removeChild(...]]></description><category></category></item></channel></rss>