<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[为赋新辞。]]></title><description><![CDATA[成长与思考]]></description><link>https://blog.youkuaiyun.com/ming_221</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; ming_221]]></copyright><item><title><![CDATA[由require.context引发的思考]]></title><link>https://blog.youkuaiyun.com/ming_221/article/details/100738998</link><guid>https://blog.youkuaiyun.com/ming_221/article/details/100738998</guid><author>ming_221</author><pubDate>Thu, 12 Sep 2019 17:21:20 +0800</pubDate><description><![CDATA[require.context
一个webpack的api，通过执行require.context函数获取一个特定的上下文，主要用来实现自动化导入模块,在前端工程中，如果遇到从一个文件夹引入很多模块的情况，可以使用这个api，它会遍历文件夹中的指定文件，然后自动导入，使得不需要每次显式的调用import导入模块
我想使用require.context引入components目录下的所有组件：
we...]]></description><category></category></item><item><title><![CDATA[Javascript事件循环机制以及渲染引擎何时渲染UI]]></title><link>https://blog.youkuaiyun.com/ming_221/article/details/100153492</link><guid>https://blog.youkuaiyun.com/ming_221/article/details/100153492</guid><author>ming_221</author><pubDate>Fri, 30 Aug 2019 11:51:29 +0800</pubDate><description><![CDATA[原文链接：https://segmentfault.com/a/1190000013212944
实际运行发现有两点和文章说的不一样：

不管在哪种任务里出现了UI的修改（包括添加节点、修改颜色、修改节点内容等），UI渲染会立即执行，不会等到任务队列执行完毕
MutationObserver的callback回调函数是异步的，只有在全部DOM操作完成之后才会调用callback（参考）。也就是说，...]]></description><category></category></item><item><title><![CDATA[vue-router的两种模式]]></title><link>https://blog.youkuaiyun.com/ming_221/article/details/100015144</link><guid>https://blog.youkuaiyun.com/ming_221/article/details/100015144</guid><author>ming_221</author><pubDate>Thu, 22 Aug 2019 19:06:32 +0800</pubDate><description><![CDATA[起源
什么是路由？路由其实就是指向一个特定处理函数的路径（后端：一个路由对应一个controller）
前端Ajax =&gt; 局部刷新 =&gt; SPA




多页应用
单页应用




一个项目中有多个完整的的HTML文件
一个项目中只有一个完整的HTML页面（index.html）


可以使用超链接、js实现页面间的跳转
可以使用改进后的超链接、js实现模板页面间的切换


传统的页...]]></description><category></category></item><item><title><![CDATA[input输入银行卡每4位添加空格后光标位置问题]]></title><link>https://blog.youkuaiyun.com/ming_221/article/details/91444198</link><guid>https://blog.youkuaiyun.com/ming_221/article/details/91444198</guid><author>ming_221</author><pubDate>Tue, 11 Jun 2019 16:01:16 +0800</pubDate><description><![CDATA[问题描述
问题1：从数字中间输入会导致输完一个数字之后光标立马跑到input最右端
问题2：添加的空格被视为非光标输入，光标的位置会自动前移一位
例：输入“12345”，input里的内容变为“1234 5”，光标的位置会在5的前面，而不是5的后面
iOS：从头到尾输入时表现正常，问题1会出现，问题2不会出现
Android：有一个Android 7版本的小米手机，在手机自带浏览器中问题2不会出现...]]></description><category></category></item><item><title><![CDATA[不同域名下登录同步问题]]></title><link>https://blog.youkuaiyun.com/ming_221/article/details/91390840</link><guid>https://blog.youkuaiyun.com/ming_221/article/details/91390840</guid><author>ming_221</author><pubDate>Mon, 10 Jun 2019 18:27:09 +0800</pubDate><description><![CDATA[问题描述
前端登录同步依赖localStorage，而localStorage只能在当前域名下访问。现www.a.com需要用www.b.com的登录页登录，登录完成的信息保存在www.b.com域下，如何将登录状态同步至www.a.com？
拟用方案
通过ifame，postMessage通信


在www.a.com中内嵌www.b.com的ifame，需要登录时将ifame置顶，登录成功后通...]]></description><category></category></item><item><title><![CDATA[各种遍历方法总结]]></title><link>https://blog.youkuaiyun.com/ming_221/article/details/88064193</link><guid>https://blog.youkuaiyun.com/ming_221/article/details/88064193</guid><author>ming_221</author><pubDate>Fri, 01 Mar 2019 17:32:13 +0800</pubDate><description><![CDATA[遍历
for…in vs for…of
for…of

具有iterator接口（部署了Symbol.iterator属性）的数据结构可用，包括数组、Set、Map、某些类似数组的对象（arguments对象、DOM NodeList对象）、Generator对象、字符串。（并不是所有类似数组的对象都具有 Iterator 接口，一个简便的解决方法，就是使用Array.from方法将其转为数组）
...]]></description><category></category></item><item><title><![CDATA[箭头函数和this]]></title><link>https://blog.youkuaiyun.com/ming_221/article/details/84940761</link><guid>https://blog.youkuaiyun.com/ming_221/article/details/84940761</guid><author>ming_221</author><pubDate>Mon, 10 Dec 2018 15:30:04 +0800</pubDate><description><![CDATA[箭头函数
var f = v =&amp;gt; v;
//等同于
var f = function () {
	return v
}



多个参数或不需要参数
var f = () =&amp;gt; 5;
//等同于
var f = function () { return 5 }
var sum = (num1, num2) =&amp;gt; num1 + num2;
//等同于
var f = functio...]]></description><category></category></item><item><title><![CDATA[webpack 4.8.3]]></title><link>https://blog.youkuaiyun.com/ming_221/article/details/82805529</link><guid>https://blog.youkuaiyun.com/ming_221/article/details/82805529</guid><author>ming_221</author><pubDate>Fri, 21 Sep 2018 18:20:48 +0800</pubDate><description><![CDATA[webpack 4.8.3
配套的插件几乎都需要升级，如果编译过程中遇到插件报错，先升级。
babel
babel编译react时配置的 preset 里多了个 env
&quot;presets&quot;: [&quot;env&quot;, &quot;es2015&quot;, &quot;react&quot;]

htmlWebpackPlugin
可通过在配置文件中添加多次这个插件，来生成多个 HTML 文件。通过chunks过滤要加到 html 中的文件。
v...]]></description><category></category></item><item><title><![CDATA[react v16.2.0]]></title><link>https://blog.youkuaiyun.com/ming_221/article/details/82805520</link><guid>https://blog.youkuaiyun.com/ming_221/article/details/82805520</guid><author>ming_221</author><pubDate>Fri, 21 Sep 2018 18:20:02 +0800</pubDate><description><![CDATA[#react v16.2.0
react 16
componentWillMount可能会被执行多次。

Calling setState with null no longer triggers an update

setState callbacks (second argument) now fire immediately after componentDidMount / compon...]]></description><category></category></item><item><title><![CDATA[PC屏幕快照]]></title><link>https://blog.youkuaiyun.com/ming_221/article/details/82805510</link><guid>https://blog.youkuaiyun.com/ming_221/article/details/82805510</guid><author>ming_221</author><pubDate>Fri, 21 Sep 2018 18:19:01 +0800</pubDate><description><![CDATA[利用屏幕快照做毛玻璃效果。flter: blur(5px)只有作用在根节点或图片上才有毛玻璃的效果，但是作用在根节点body上的时候所有元素无法跳出文档流跳出毛玻璃，这才想到生成一张屏幕快照，模糊之后放在底下。
不可以把dom转成canvas，但是可以把dom转成svg，然后再把svg画到canvas里面去。为什么要先把dom转成svg呢？这可能是因为svg使用xml表示、结构和dom一致吧。
屏...]]></description><category></category></item><item><title><![CDATA[ios 11系统fixed布局下input光标问题]]></title><link>https://blog.youkuaiyun.com/ming_221/article/details/82805495</link><guid>https://blog.youkuaiyun.com/ming_221/article/details/82805495</guid><author>ming_221</author><pubDate>Fri, 21 Sep 2018 18:17:48 +0800</pubDate><description><![CDATA[问题描述
系统：ios 11
页面布局：fixed定位的弹窗，弹窗上有input输入框
现象：input元素获取焦点时光标正常，点击键盘输入之后光标会出现错位（掉下去了）
引起原因：弹框的定位采取position：fixed，而ios（safari）对定位属性position：fixed的解析不一致导致。
解决方案
弹窗定位由 fixed 改为 absolute
遮罩层与弹窗层平行，遮罩层仍旧是f...]]></description><category></category></item><item><title><![CDATA[SVG编辑小记]]></title><link>https://blog.youkuaiyun.com/ming_221/article/details/82804532</link><guid>https://blog.youkuaiyun.com/ming_221/article/details/82804532</guid><author>ming_221</author><pubDate>Fri, 21 Sep 2018 17:12:29 +0800</pubDate><description><![CDATA[SVG基础：https://www.jianshu.com/p/57cbf47b732c
可伸缩矢量图形
XML 格式定义图形

本月是个神奇的月份，做了多个类似的活动，类似到除了底图文案等页面的布局和内容是一样的。然而有一个title的装饰icon，每次页面主题修改的时候都需要变换颜色，并且UI无法导出SVG，那么就用代码写一个svg好了。
样式如图：

构造还算简单，图案就是一个菱形，只是颜色...]]></description><category></category></item><item><title><![CDATA[ios 11系统fixed布局下input光标问题]]></title><link>https://blog.youkuaiyun.com/ming_221/article/details/80832536</link><guid>https://blog.youkuaiyun.com/ming_221/article/details/80832536</guid><author>ming_221</author><pubDate>Wed, 27 Jun 2018 17:30:31 +0800</pubDate><description><![CDATA[ios 11系统fixed布局下input光标问题



问题描述

系统：ios 11

页面布局：fixed定位的弹窗，弹窗上有input输入框

现象：input元素获取焦点时光标正常，点击键盘输入之后光标会出现错位（掉下去了）

引起原因：弹框的定位采取position：fixed，而ios（safari）对定位属性position：fixed的解析不一致导致。



解决方案



弹窗...]]></description><category></category></item><item><title><![CDATA[跨域解决方案合集]]></title><link>https://blog.youkuaiyun.com/ming_221/article/details/80105813</link><guid>https://blog.youkuaiyun.com/ming_221/article/details/80105813</guid><author>ming_221</author><pubDate>Fri, 27 Apr 2018 11:43:50 +0800</pubDate><description><![CDATA[浏览器的同源策略会导致跨域，这里同源策略又分为以下两种 
1. DOM同源策略：禁止对不同源页面DOM进行操作。这里主要场景是iframe跨域的情况，不同域名的iframe是限制互相访问的。 
2. XmlHttpRequest同源策略：禁止使用XHR对象向不同源的服务器地址发起HTTP请求。 
只要协议、域名、端口有任何一个不同，都被当作是不同的域，之间的请求就是跨域操作。

为什么要有跨域：安...]]></description><category></category></item><item><title><![CDATA[photoshop注册机，这个必须留下来]]></title><link>https://blog.youkuaiyun.com/ming_221/article/details/77331056</link><guid>https://blog.youkuaiyun.com/ming_221/article/details/77331056</guid><author>ming_221</author><pubDate>Thu, 17 Aug 2017 15:06:37 +0800</pubDate><description><![CDATA[http://tieba.baidu.com/p/3855155216这个是方法注册机在百度网盘里]]></description><category></category></item><item><title><![CDATA[基础整理]]></title><link>https://blog.youkuaiyun.com/ming_221/article/details/72600506</link><guid>https://blog.youkuaiyun.com/ming_221/article/details/72600506</guid><author>ming_221</author><pubDate>Sun, 21 May 2017 18:09:25 +0800</pubDate><description><![CDATA[【CSS】 
1. css盒子模型，绝对定位和相对定位盒子模型： width和height指的是内容区的宽高，可通过box-sizing设置。默认值为content-box，可设置为border-box将盒子的padding和border都放在width/height的包含范围内。relative & absolute 
共同点： 非流式布局，默认覆盖于流式布局元素之上 
relative： 元素占]]></description><category></category></item><item><title><![CDATA[react & Vue.js]]></title><link>https://blog.youkuaiyun.com/ming_221/article/details/72599631</link><guid>https://blog.youkuaiyun.com/ming_221/article/details/72599631</guid><author>ming_221</author><pubDate>Sun, 21 May 2017 17:19:00 +0800</pubDate><description><![CDATA[今年2月春节后整理了以下Vue.js，原意是希望提升一下活动的开发框架，改变一下长久以来活动只用jQuery带来的一些不便。

我将活动代码分为4个文件夹：app，modules，components，pages。见名知意，app是活动入口，存放活动的路由和数据请求（活动涉及的接口一般较少，将数据请求统一放置方便查询管理）；modules存放的是活动的业务模块，一般不复用，根据具体活动页面划分；c...]]></description><category></category></item><item><title><![CDATA[Sublime Text 3  &  Atom插件篇]]></title><link>https://blog.youkuaiyun.com/ming_221/article/details/55511184</link><guid>https://blog.youkuaiyun.com/ming_221/article/details/55511184</guid><author>ming_221</author><pubDate>Fri, 17 Feb 2017 15:39:58 +0800</pubDate><description><![CDATA[Sublime Text 3解决Sublime包管理package control 报错 There are no packages available for installation： 修改hosts没有用。ctrl + ` 打开命令行可以看到出错信息。简单讲https://packagecontrol.io/channel_v3.json获取失败，直接在浏览器中打开该链接，下载channel_]]></description><category></category></item><item><title><![CDATA[关于swiper和动画的一些体验]]></title><link>https://blog.youkuaiyun.com/ming_221/article/details/52064914</link><guid>https://blog.youkuaiyun.com/ming_221/article/details/52064914</guid><author>ming_221</author><pubDate>Fri, 29 Jul 2016 14:48:44 +0800</pubDate><description><![CDATA[这周花了两天的时间磨一个动画，收获主要有一下几点：
swiper好用，swiper 的 loop 用的时候记得加上 loopAdditionalSlides， 不然手机上移动到循环衔接处的时候图片添加跟不上，会出现卡顿
动画效果最好别用获取DOM，用js添加动画的方式，这样的动画很卡顿，不流畅，css的动画支持则很好。 keyframes写出来的动画只是动画，动画播完之后会回到调用该 animati]]></description><category></category></item><item><title><![CDATA[Q&A]]></title><link>https://blog.youkuaiyun.com/ming_221/article/details/51931956</link><guid>https://blog.youkuaiyun.com/ming_221/article/details/51931956</guid><author>ming_221</author><pubDate>Sun, 17 Jul 2016 13:22:34 +0800</pubDate><description><![CDATA[2016-7-15
getElementById能否用于子div？ 
不能。只有document下有getElementById方法，包括getElementsByName()    ，但是getElementsByTagName()，getElementsByClassName()方法在document和document.body上都有
jQuery中选取元素时可以指定上下文context
JQu]]></description><category></category></item></channel></rss>