<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[qq_35501580的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/qq_35501580</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; qq_35501580]]></copyright><item><title><![CDATA[微信小程序坑总结]]></title><link>https://blog.youkuaiyun.com/qq_35501580/article/details/99937236</link><guid>https://blog.youkuaiyun.com/qq_35501580/article/details/99937236</guid><author>qq_35501580</author><pubDate>Wed, 21 Aug 2019 09:35:35 +0800</pubDate><description><![CDATA[1.在微信小程序开发中，canvas和scroll-view同用，会有滑动问题和其它bug。

]]></description><category></category></item><item><title><![CDATA[微信canvas绘图坑]]></title><link>https://blog.youkuaiyun.com/qq_35501580/article/details/97273202</link><guid>https://blog.youkuaiyun.com/qq_35501580/article/details/97273202</guid><author>qq_35501580</author><pubDate>Thu, 25 Jul 2019 16:52:29 +0800</pubDate><description><![CDATA[微信canvas为原生组件，不能被普通的dom覆盖，可以使用cover-view
微信canvas转化成图片，如果使用image组件直接显示转化之后的图片，可能会和canvas本身的表现不一致。
微信canvas在绘制网络图片时，需要先调用wx.getImageInfo,然后在回调中用tempPath画图片
在蒙层中使用canvas时，canvas会跟随底下的页面滑动，可以将蒙层设为不可滑动

...]]></description><category></category></item><item><title><![CDATA[1px边框过粗解决方案]]></title><link>https://blog.youkuaiyun.com/qq_35501580/article/details/90237623</link><guid>https://blog.youkuaiyun.com/qq_35501580/article/details/90237623</guid><author>qq_35501580</author><pubDate>Wed, 15 May 2019 15:30:52 +0800</pubDate><description><![CDATA[将容器宽高设为原宽度的两倍，然后缩小50%；边框宽度变为0.5px。
.wsyyt_info .main-account-label {
    position: relative;
    display: inline-flex;
    height: 3.2rem;
    width: 3.2rem;
    border: 1px solid #3381E3;
    border-...]]></description><category></category></item><item><title><![CDATA[弹出框防止里层滑动]]></title><link>https://blog.youkuaiyun.com/qq_35501580/article/details/90207446</link><guid>https://blog.youkuaiyun.com/qq_35501580/article/details/90207446</guid><author>qq_35501580</author><pubDate>Tue, 14 May 2019 15:18:46 +0800</pubDate><description><![CDATA[这样做会导致页面直接返回顶部，可以计算出弹框时body的scrollY，在弹框时将top值设置为scrollY的值即可防止页面返回顶部。

]]></description><category></category></item><item><title><![CDATA[hover防止抖动]]></title><link>https://blog.youkuaiyun.com/qq_35501580/article/details/89510089</link><guid>https://blog.youkuaiyun.com/qq_35501580/article/details/89510089</guid><author>qq_35501580</author><pubDate>Thu, 25 Apr 2019 10:09:16 +0800</pubDate><description><![CDATA[hover会加上一个border-bottom样式，但是会产生抖动，解决办法是：在非hover的样式上加上一个和背景色相同的border-bottom样式。


]]></description><category></category></item><item><title><![CDATA[移动端rem适配，使用sass自动转化rem]]></title><link>https://blog.youkuaiyun.com/qq_35501580/article/details/89184439</link><guid>https://blog.youkuaiyun.com/qq_35501580/article/details/89184439</guid><author>qq_35501580</author><pubDate>Wed, 10 Apr 2019 15:30:12 +0800</pubDate><description><![CDATA[根据屏幕宽度设置font-size:
    window.onresize = setFontSize;
    setFontSize();
    function setFontSize() {
        var designWidth = 750;
        var windowWidth = document.documentElement.clientWidth;
   ...]]></description><category></category></item><item><title><![CDATA[react native 学习-环境篇]]></title><link>https://blog.youkuaiyun.com/qq_35501580/article/details/88045052</link><guid>https://blog.youkuaiyun.com/qq_35501580/article/details/88045052</guid><author>qq_35501580</author><pubDate>Thu, 28 Feb 2019 21:07:43 +0800</pubDate><description><![CDATA[主要遇到两个问题：
一：没配置Android_Home环境变量
ANDROID_HOME:C:\Users\Administrator\AppData\Local\Android\Sdk
二：License for package Android SDK Build-Tools 28.0.2 not accepted.】
进入到C:\Users\Administrator\AppData\Loca...]]></description><category></category></item><item><title><![CDATA[css布局方式]]></title><link>https://blog.youkuaiyun.com/qq_35501580/article/details/85725982</link><guid>https://blog.youkuaiyun.com/qq_35501580/article/details/85725982</guid><author>qq_35501580</author><pubDate>Thu, 03 Jan 2019 22:35:53 +0800</pubDate><description><![CDATA[表格布局
	根据display的表格属性来进行布局。table，table-row，table-cell
	
	flex布局
	flex布局
	
	grid布局
	grid布局
	
	浮动布局
	绝对定位布局
]]></description><category></category></item><item><title><![CDATA[css中的BFC]]></title><link>https://blog.youkuaiyun.com/qq_35501580/article/details/85725239</link><guid>https://blog.youkuaiyun.com/qq_35501580/article/details/85725239</guid><author>qq_35501580</author><pubDate>Thu, 03 Jan 2019 22:20:49 +0800</pubDate><description><![CDATA[
在讨论BFC的特点之前，先得了解一下边距重叠问题。

父子元素边距重叠：当父元素为非BFC时，第一个子元素的margin-top会重叠到父元素的margin-top。&amp;amp;amp;amp;lt;body&amp;amp;amp;amp;gt;
&amp;amp;amp;amp;lt;section&amp;amp;amp;amp;gt;
        &amp;amp;amp;amp;lt;style&amp;amp;amp;amp;gt;
            #bfc3{]]></description><category></category></item><item><title><![CDATA[css选择器及优先级]]></title><link>https://blog.youkuaiyun.com/qq_35501580/article/details/85544711</link><guid>https://blog.youkuaiyun.com/qq_35501580/article/details/85544711</guid><author>qq_35501580</author><pubDate>Tue, 01 Jan 2019 16:26:27 +0800</pubDate><description><![CDATA[

后代选择器
div p ：选择div元素里面的所有p元素


子选择器
div &amp;gt; p : 选择父元素为div的所有p元素


同胞选择器
div + p : 选择所有紧跟在div之后的p元素


组选择器
div,p : 选择所有的div和p元素


共同选择器
div.name : 选择所有类名为name的div元素。即同时满足
此外还有id选择器#id，伪类选择器div:hover...]]></description><category></category></item><item><title><![CDATA[es6的promiss]]></title><link>https://blog.youkuaiyun.com/qq_35501580/article/details/85543312</link><guid>https://blog.youkuaiyun.com/qq_35501580/article/details/85543312</guid><author>qq_35501580</author><pubDate>Tue, 01 Jan 2019 16:03:16 +0800</pubDate><description><![CDATA[

promise是什么？
promise表示一个异步操作结果的占位符，表示未来的一个结果。


promise的生命周期

pending 进行中，此时操作尚未完成，完成后会进入Fulfilled（成功完成）或者Rejected（程序错误）。成功完成之后，会进入settled状态。promise的then方法可以对完成的结果进行处理。	let promise = new Promise((res...]]></description><category></category></item><item><title><![CDATA[es6函数]]></title><link>https://blog.youkuaiyun.com/qq_35501580/article/details/85468617</link><guid>https://blog.youkuaiyun.com/qq_35501580/article/details/85468617</guid><author>qq_35501580</author><pubDate>Mon, 31 Dec 2018 15:49:01 +0800</pubDate><description><![CDATA[
默认参数function add(num1,num2 = 0,callback = function(){}){ // es6 默认参数
	num1 = (typeof num1 === 'number') ? num1 : 0; // es5默认参数
	num2 = (typeof num2 === 'number') ? num2 : 0; // es5默认参数
	callback();
	...]]></description><category></category></item><item><title><![CDATA[前端概念的一些理解]]></title><link>https://blog.youkuaiyun.com/qq_35501580/article/details/85413995</link><guid>https://blog.youkuaiyun.com/qq_35501580/article/details/85413995</guid><author>qq_35501580</author><pubDate>Sun, 30 Dec 2018 22:06:33 +0800</pubDate><description><![CDATA[
static，无定位的元素，块级元素从上到下，内联元素从左到右排列。
相对定位置元素，在没有设置top等定位属性时，按照文档流进行排列。设置top等属性之后，会相对自身原来的位置进行定位。
绝对定位元素，会脱离文档流，不会影响到文档流中的元素。会覆盖掉无定位的元素（正常文档流的元素）。
浮动元素，也会脱离文档流，不会影响文档流其他元素的位置。浮动元素会在z轴推进一层，可覆盖掉文档流中的元素，但是...]]></description><category></category></item><item><title><![CDATA[css中margin为负值的情况。]]></title><link>https://blog.youkuaiyun.com/qq_35501580/article/details/85413107</link><guid>https://blog.youkuaiyun.com/qq_35501580/article/details/85413107</guid><author>qq_35501580</author><pubDate>Sun, 30 Dec 2018 21:51:35 +0800</pubDate><description><![CDATA[margin为负值会导致元素产生偏移。
文档流中的元素设置margin-bottom为负值之后，会让后面的元素向上流动填充margin的空间。
三个例子说明：
1.

    &amp;lt;div style=&quot;height: 400px;margin-top: 50px;position: relative;border-bottom: 1px solid rgba(0,0,0,0);overflow...]]></description><category></category></item><item><title><![CDATA[Angular中的ng-template]]></title><link>https://blog.youkuaiyun.com/qq_35501580/article/details/81509945</link><guid>https://blog.youkuaiyun.com/qq_35501580/article/details/81509945</guid><author>qq_35501580</author><pubDate>Wed, 08 Aug 2018 16:00:56 +0800</pubDate><description><![CDATA[Angular中的ng-template

ng-template 是用来定义模板的，当使用ng-template定义好一个模板之后，可以用ng-container和templateOutlet指令来进行使用。


&amp;lt;ng-template #loading&amp;gt;
  &amp;lt;button (click)=&quot;login()&quot;&amp;gt;login&amp;lt;/button&amp;gt;
  &amp;lt;bu...]]></description><category></category></item><item><title><![CDATA[Angular @ViewChild @ViewChildren @ContentChild @ContentChildren 之间的区别]]></title><link>https://blog.youkuaiyun.com/qq_35501580/article/details/81509840</link><guid>https://blog.youkuaiyun.com/qq_35501580/article/details/81509840</guid><author>qq_35501580</author><pubDate>Wed, 08 Aug 2018 15:57:25 +0800</pubDate><description><![CDATA[Angular @ViewChild @ViewChildren @ContentChild @ContentChildren 之间的区别

1.何时使用ViewChild和ViewChildren  
当在写一个组件时，如果明确template中把其他组件放置上去，这个时候就可以使用@ViewChild(XXXComponent) componet:Componet 或者 @ViewChildr...]]></description><category></category></item></channel></rss>