<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[LeeNingfeng的博客]]></title><description><![CDATA[学习笔记]]></description><link>https://blog.youkuaiyun.com/LeeNingfeng</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; LeeNingfeng]]></copyright><item><title><![CDATA[flex-grow和flex的区别]]></title><link>https://blog.youkuaiyun.com/LeeNingfeng/article/details/116088850</link><guid>https://blog.youkuaiyun.com/LeeNingfeng/article/details/116088850</guid><author>LeeNingfeng</author><pubDate>Sat, 24 Apr 2021 13:46:51 +0800</pubDate><description><![CDATA[在display:flex样式作用下，flex-grow和flex都具有对子元素宽度和高度放大的作用;

flex-grow的计算公式：剩余空间为弹性盒子剩余宽度然后根据比例分配

flex计算公式：剩余空间为弹性盒子剩余宽度与进行flex的子元素的宽度之和。然后根据比例分配。


...]]></description><category></category></item><item><title><![CDATA[前端实用工具]]></title><link>https://blog.youkuaiyun.com/LeeNingfeng/article/details/108035284</link><guid>https://blog.youkuaiyun.com/LeeNingfeng/article/details/108035284</guid><author>LeeNingfeng</author><pubDate>Sun, 16 Aug 2020 14:08:02 +0800</pubDate><description><![CDATA[1.https://www.caniuse.com/ 查看使用的属性是否兼容对应的浏览器

2.https://tableconvert.com/?output=json 转换数据格式支持json .xhtml 等

3.https://neumorphism.io/#8000ff在线生成button样式

4.https://uigradients.com/#Sherbert渐变样式分享

5.Wappalyzer谷歌插件，可以检测出网站使用什么技术开发
...]]></description><category></category></item><item><title><![CDATA[用jquery实现页面滚动时展现动感的元素效果（有插件可实现！）]]></title><link>https://blog.youkuaiyun.com/LeeNingfeng/article/details/104012462</link><guid>https://blog.youkuaiyun.com/LeeNingfeng/article/details/104012462</guid><author>LeeNingfeng</author><pubDate>Thu, 16 Jan 2020 23:23:22 +0800</pubDate><description><![CDATA[1.用jquery + animate.css实现

functionanimate(){

vara=$(".main-service").offset().top;//元素到浏览器顶部的距离

if(a&gt;=$(window).scrollTop()&amp;&amp;a&lt;($(window).scrollTop()+...]]></description><category></category></item><item><title><![CDATA[小程序使用 "onReachBottom" 实现上拉刷新延迟问题]]></title><link>https://blog.youkuaiyun.com/LeeNingfeng/article/details/96651471</link><guid>https://blog.youkuaiyun.com/LeeNingfeng/article/details/96651471</guid><author>LeeNingfeng</author><pubDate>Sun, 21 Jul 2019 00:33:55 +0800</pubDate><description><![CDATA[1.页面有无使用到fixed样式，去掉fixed就可以正常刷新，不会延迟

2.假如页面布局需要使用到固定定位，可以使用scroll-view组件，在组件里面使用绝对定位，组件高度设为100%；

3.使用弹性布局结合scroll-view，顶部高度写死，scroll-view设置flex-grow:1;撑满剩余高度。





如有不足，欢迎补充！！！
...]]></description><category></category></item><item><title><![CDATA[小程序计算多出来很多位小数？]]></title><link>https://blog.youkuaiyun.com/LeeNingfeng/article/details/96651235</link><guid>https://blog.youkuaiyun.com/LeeNingfeng/article/details/96651235</guid><author>LeeNingfeng</author><pubDate>Sun, 21 Jul 2019 00:19:56 +0800</pubDate><description><![CDATA[其实是JS ' 精确度' 的问题 用toFixed(n)就好了，n为精确到几位

price.toFixed(2) //保留两位小数
]]></description><category></category></item><item><title><![CDATA[小程序实现返回上个页面并刷新上个页面的数据？（页面栈）]]></title><link>https://blog.youkuaiyun.com/LeeNingfeng/article/details/95950582</link><guid>https://blog.youkuaiyun.com/LeeNingfeng/article/details/95950582</guid><author>LeeNingfeng</author><pubDate>Mon, 15 Jul 2019 12:22:42 +0800</pubDate><description><![CDATA[小程序实现页面B返回页面A并刷新页面A的数据

var page = getCurrentPages()；1. 获取页面栈

var beforePage = pages[pages.length - 2]; 2.获取到页面A的页面栈信息

假设initial()为页面A的数据方法，

使用 beforePage.initial() ；即可刷新页面A的数据，再使用navigateBack返回上...]]></description><category></category></item><item><title><![CDATA[小程序有fixed定位模态框实现禁止页面跟随滚动]]></title><link>https://blog.youkuaiyun.com/LeeNingfeng/article/details/93410743</link><guid>https://blog.youkuaiyun.com/LeeNingfeng/article/details/93410743</guid><author>LeeNingfeng</author><pubDate>Sun, 23 Jun 2019 21:35:43 +0800</pubDate><description><![CDATA[在模态框上加上catchtouchmove='true'
]]></description><category></category></item><item><title><![CDATA[如何在公众号关注回复、关键词回复、客服消息回复添加小程序超链接?]]></title><link>https://blog.youkuaiyun.com/LeeNingfeng/article/details/88345297</link><guid>https://blog.youkuaiyun.com/LeeNingfeng/article/details/88345297</guid><author>LeeNingfeng</author><pubDate>Fri, 08 Mar 2019 13:15:24 +0800</pubDate><description><![CDATA[&amp;lt;a data-miniprogram-appid=&quot; appid&quot; data-miniprogram-path=&quot;/pages/index/index&quot; &amp;gt; 点我跳转到小程序 &amp;lt;/a&amp;gt;
]]></description><category></category></item><item><title><![CDATA[小程序之旅(9) 自定义底部导航栏]]></title><link>https://blog.youkuaiyun.com/LeeNingfeng/article/details/88179244</link><guid>https://blog.youkuaiyun.com/LeeNingfeng/article/details/88179244</guid><author>LeeNingfeng</author><pubDate>Tue, 05 Mar 2019 13:53:45 +0800</pubDate><description><![CDATA[1.WXML

&amp;lt;template name=&quot;nav&quot;&amp;gt;

&amp;lt;view class=&quot;tab&quot; bindtap=&quot;{{style == '2'? 'goto':''}}&quot;&amp;gt;

&amp;lt;image src=&quot;/images/menu.png&quot; wx:if=&quot;{{style == '0'? false:true}}&quot;&amp;gt;&amp;lt;]]></description><category></category></item><item><title><![CDATA[小程序之旅(8) wx.qy.login 坑]]></title><link>https://blog.youkuaiyun.com/LeeNingfeng/article/details/86290583</link><guid>https://blog.youkuaiyun.com/LeeNingfeng/article/details/86290583</guid><author>LeeNingfeng</author><pubDate>Fri, 11 Jan 2019 10:42:36 +0800</pubDate><description><![CDATA[在微信开发者工具中调用wx.qy.login会直接报错，这是因为目前开发者工具目前还不支持wx.qy.login

企业微信客服回复：目前只能通过企业微信关联小程序后在手机微信上运行调试...]]></description><category></category></item><item><title><![CDATA[小程序之旅(6) 修改radio标签的默认样式]]></title><link>https://blog.youkuaiyun.com/LeeNingfeng/article/details/83796250</link><guid>https://blog.youkuaiyun.com/LeeNingfeng/article/details/83796250</guid><author>LeeNingfeng</author><pubDate>Tue, 06 Nov 2018 23:28:15 +0800</pubDate><description><![CDATA[/* radio未选中的背景颜色 */

.radio .wx-radio-input {

border: none;

background: #454545;

box-sizing: border-box;

}

/* radio钩子背景 */

radio .wx-radio-input.wx-radio-input-checked::before {

width: 60rpx;

...]]></description><category></category></item><item><title><![CDATA[小程序之旅(5) 根据字符串生成二维码]]></title><link>https://blog.youkuaiyun.com/LeeNingfeng/article/details/83785781</link><guid>https://blog.youkuaiyun.com/LeeNingfeng/article/details/83785781</guid><author>LeeNingfeng</author><pubDate>Tue, 06 Nov 2018 13:31:54 +0800</pubDate><description><![CDATA[1.推荐使用weapp.qrcode.js

2.github地址：https://github.com/yingye/weapp-qrcode#readme，dist目录下有weapp.qrcode.js

使用方法：


	&amp;lt;canvas style=&quot;width: 200px; height: 200px;&quot; canvas-id=&quot;myQrcode&quot;&amp;gt;&amp;lt;/canvas&amp;gt...]]></description><category></category></item><item><title><![CDATA[小程序之旅(4) 安卓和ios样式兼容问题]]></title><link>https://blog.youkuaiyun.com/LeeNingfeng/article/details/83722353</link><guid>https://blog.youkuaiyun.com/LeeNingfeng/article/details/83722353</guid><author>LeeNingfeng</author><pubDate>Sun, 04 Nov 2018 23:44:18 +0800</pubDate><description><![CDATA[布局尽量不要用padding，使用flex布局。]]></description><category></category></item><item><title><![CDATA[小程序之旅(3) picker组件渲染问题]]></title><link>https://blog.youkuaiyun.com/LeeNingfeng/article/details/83650958</link><guid>https://blog.youkuaiyun.com/LeeNingfeng/article/details/83650958</guid><author>LeeNingfeng</author><pubDate>Fri, 02 Nov 2018 10:00:23 +0800</pubDate><description><![CDATA[1.数组不能是字符串，这样会导致渲染不上



2.渲染遇到[object,object] 需要在picker标签中加上 range-key='name' 就可以解决问题。]]></description><category></category></item><item><title><![CDATA[vue引入bootstrap]]></title><link>https://blog.youkuaiyun.com/LeeNingfeng/article/details/83033461</link><guid>https://blog.youkuaiyun.com/LeeNingfeng/article/details/83033461</guid><author>LeeNingfeng</author><pubDate>Fri, 12 Oct 2018 22:04:49 +0800</pubDate><description><![CDATA[

bootstrap是依赖jqueryd的，所以下载之前需要使用npm安装jquery]]></description><category></category></item><item><title><![CDATA[用JS做rem适配]]></title><link>https://blog.youkuaiyun.com/LeeNingfeng/article/details/83025043</link><guid>https://blog.youkuaiyun.com/LeeNingfeng/article/details/83025043</guid><author>LeeNingfeng</author><pubDate>Fri, 12 Oct 2018 12:11:07 +0800</pubDate><description><![CDATA[

公式 ：fontSize = 屏幕宽度 * 100 /  设计图宽度 ，设置为100是方便计算；]]></description><category></category></item><item><title><![CDATA[解决vue-cli开发ESLint报错问题]]></title><link>https://blog.youkuaiyun.com/LeeNingfeng/article/details/82560539</link><guid>https://blog.youkuaiyun.com/LeeNingfeng/article/details/82560539</guid><author>LeeNingfeng</author><pubDate>Sun, 09 Sep 2018 17:52:50 +0800</pubDate><description><![CDATA[我使用的是vscode编辑器，之前脚手架安装的时候没有下载ESList，解决ESLint的报错问题

       需要在vscode编辑器中安装一个插件(ESLint)，并在用户设置中进行配置：加入一行配置：&quot;eslint.autoFixOnSave&quot;: true，...]]></description><category></category></item><item><title><![CDATA[rem + media 的css适配代码]]></title><link>https://blog.youkuaiyun.com/LeeNingfeng/article/details/82459324</link><guid>https://blog.youkuaiyun.com/LeeNingfeng/article/details/82459324</guid><author>LeeNingfeng</author><pubDate>Thu, 06 Sep 2018 12:14:57 +0800</pubDate><description><![CDATA[

公式 ：fontSize = 屏幕宽度 * 100 /  设计图宽度 ，设置为100是方便计算；

转换成 rem 除以 100 即可得到，

这里的设计图宽度是640px ，当屏幕宽度等于640px时 font-size = 100px，1rem = 100px ，拿到上面的公式当屏幕等于320px时，计算出来的 fontsize 是50px，1rem = 50px；

 

推荐看下面这篇...]]></description><category></category></item><item><title><![CDATA[简易移动端导航栏二级制作]]></title><link>https://blog.youkuaiyun.com/LeeNingfeng/article/details/81986105</link><guid>https://blog.youkuaiyun.com/LeeNingfeng/article/details/81986105</guid><author>LeeNingfeng</author><pubDate>Thu, 23 Aug 2018 18:53:47 +0800</pubDate><description><![CDATA[&amp;lt;!DOCTYPE html&amp;gt;

&amp;lt;html lang=&quot;en&quot;&amp;gt;

&amp;lt;head&amp;gt;

&amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;

&amp;lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&amp;gt;

&amp;lt]]></description><category></category></item><item><title><![CDATA[Ajax的原理？]]></title><link>https://blog.youkuaiyun.com/LeeNingfeng/article/details/81369144</link><guid>https://blog.youkuaiyun.com/LeeNingfeng/article/details/81369144</guid><author>LeeNingfeng</author><pubDate>Thu, 02 Aug 2018 22:53:07 +0800</pubDate><description><![CDATA[Ajax 的原理简单来说通过 XmlHttpRequest (异步) 对象来向服务器发送异步请求,从服务器获得数据,然后用 js 来操作 DOM 从而来
更新页面.这其中最关键的一步就是从服务器获得请求数据.要清楚这个过程和原理,我们必须对 XMLHttpRequest 有所了
解....]]></description><category></category></item></channel></rss>