<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[52.0Hz的博客]]></title><description><![CDATA[stay hungry, stay foolish]]></description><link>https://blog.youkuaiyun.com/Loving_M</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Loving_M]]></copyright><item><title><![CDATA[laravel生产环境编译屏蔽console、加版本号]]></title><link>https://blog.youkuaiyun.com/Loving_M/article/details/79971473</link><guid>https://blog.youkuaiyun.com/Loving_M/article/details/79971473</guid><author>Loving_M</author><pubDate>Tue, 17 Apr 2018 10:48:06 +0800</pubDate><description><![CDATA[由于不同的laravel版本或者安装的webpack依赖的版本不同可能会有不同的配置，因此最好是在gulpfile.js或webpack.mix.js 先打印输出引入的{mix}如下是laravel5.5的操作const { mix } = require('laravel-mix');console.log('mix:',mix.config)//输出如下{  production: true,...]]></description><category></category></item><item><title><![CDATA[自定义tabBar 解决页面跳转动画断片问题]]></title><link>https://blog.youkuaiyun.com/Loving_M/article/details/79095446</link><guid>https://blog.youkuaiyun.com/Loving_M/article/details/79095446</guid><author>Loving_M</author><pubDate>Thu, 18 Jan 2018 14:01:46 +0800</pubDate><description><![CDATA[记录一次事件......由于业务需求，小程序底部的tabBar需要动态获取并显示，而官方提供的app.json 内tabBar的配置无法再程序中修改，因此需要自定义类似官方效果的tabBar导航栏。上一篇文章已经描述了如何自定义tabBar以及如何使用（组件来自网络，效果不错，粘贴过来记录学习）。但是，在真机上测试的时候暂时发现了以下两个问题：当前页面可重复点击页面切换与tabBar展示不同步，t]]></description><category></category></item><item><title><![CDATA[微信小程序 自定义tabBar]]></title><link>https://blog.youkuaiyun.com/Loving_M/article/details/79095403</link><guid>https://blog.youkuaiyun.com/Loving_M/article/details/79095403</guid><author>Loving_M</author><pubDate>Thu, 18 Jan 2018 14:00:53 +0800</pubDate><description><![CDATA[[组件]tabBar.wxml








{{item.text}}
 -->




{{item.text}}





[组件]tabBar.wxss
/* pages/components/tabBar/tabBar.wxss */
.tabbar_box{
display: flex;
flex-direction: row;
justify-content: space-arou]]></description><category></category></item><item><title><![CDATA[Echarts 折线图【渐变色】]]></title><link>https://blog.youkuaiyun.com/Loving_M/article/details/78958435</link><guid>https://blog.youkuaiyun.com/Loving_M/article/details/78958435</guid><author>Loving_M</author><pubDate>Wed, 03 Jan 2018 10:21:50 +0800</pubDate><description><![CDATA[通过echarts生成电量统计折线图，并配置线条的颜色样式--渐变色]]></description><category></category></item><item><title><![CDATA[js大文件分段上传并获取文件md5]]></title><link>https://blog.youkuaiyun.com/Loving_M/article/details/78425069</link><guid>https://blog.youkuaiyun.com/Loving_M/article/details/78425069</guid><author>Loving_M</author><pubDate>Thu, 02 Nov 2017 15:03:25 +0800</pubDate><description><![CDATA[spark MD5 & chunk upload file test
	
	

 
	
	模拟分段上传
	
	
	
	

	
		console.log("page loaded");

		// var theFile;
		// $("#chunkFile").on('change',function(e){
		// 	theFile = e.target.files[0] || e.dat]]></description><category></category></item><item><title><![CDATA[js中文字符的过滤问题]]></title><link>https://blog.youkuaiyun.com/Loving_M/article/details/78088245</link><guid>https://blog.youkuaiyun.com/Loving_M/article/details/78088245</guid><author>Loving_M</author><pubDate>Mon, 25 Sep 2017 18:46:01 +0800</pubDate><description><![CDATA[js正则表达式<[^\x00-\xff]编码不在0-255的字符>过滤中文字符]]></description><category></category></item><item><title><![CDATA[如何给你的json对象的某个方法，然后用这个对象的属性输出结果？]]></title><link>https://blog.youkuaiyun.com/Loving_M/article/details/78029740</link><guid>https://blog.youkuaiyun.com/Loving_M/article/details/78029740</guid><author>Loving_M</author><pubDate>Tue, 19 Sep 2017 14:34:10 +0800</pubDate><description><![CDATA[多语言切换问题：搞着搞着就从一个对象的一个属性的一个带参函数属性传值返回数据并通过对象的另一个方法属性接收它的数据。。。]]></description><category></category></item><item><title><![CDATA[js模拟浏览器Ctrl+F 搜索高亮]]></title><link>https://blog.youkuaiyun.com/Loving_M/article/details/78022621</link><guid>https://blog.youkuaiyun.com/Loving_M/article/details/78022621</guid><author>Loving_M</author><pubDate>Mon, 18 Sep 2017 19:12:56 +0800</pubDate><description><![CDATA[js模拟浏览器Ctrl+F 搜索页面内容，并高亮显示.]]></description><category></category></item><item><title><![CDATA[HTML5移动端通过touch事件判断手势方向及页面到达底部]]></title><link>https://blog.youkuaiyun.com/Loving_M/article/details/77991163</link><guid>https://blog.youkuaiyun.com/Loving_M/article/details/77991163</guid><author>Loving_M</author><pubDate>Fri, 15 Sep 2017 14:46:59 +0800</pubDate><description><![CDATA[通过HTML5的触摸事件(touchstart、touchmove和touchend)判断手指在屏幕上滑动的方向（上|下），以及判断可滚动区域是否到达底部，到达底部后加载更多数据。]]></description><category></category></item><item><title><![CDATA[js通过map和set判断数组中的对象的某个属性是否有重复]]></title><link>https://blog.youkuaiyun.com/Loving_M/article/details/72874844</link><guid>https://blog.youkuaiyun.com/Loving_M/article/details/72874844</guid><author>Loving_M</author><pubDate>Tue, 06 Jun 2017 14:24:46 +0800</pubDate><description><![CDATA[一、测试数据
var specList = [
        {specDesc:'1233'},
{specDesc:'123'},
{specDesc:'1234'},
]


二、method
Fun ONE: 使用map()遍历specList并生成目标属性所构成的新数组mapArr，再利用set()传入数组并输出去重复后的数组(setArr)的特性，判断其size与a]]></description><category></category></item><item><title><![CDATA[vue与laravel ajax文件上传【带进度条】]]></title><link>https://blog.youkuaiyun.com/Loving_M/article/details/71169670</link><guid>https://blog.youkuaiyun.com/Loving_M/article/details/71169670</guid><author>Loving_M</author><pubDate>Thu, 04 May 2017 14:00:52 +0800</pubDate><description><![CDATA[用vue和laravel 用ajax异步提交（因为不知道axios和vue-resource 如何获取上传进度）实现文件上传，配合bootstrap显示上传进度。]]></description><category></category></item><item><title><![CDATA[小程序填坑：列表滑动操作]]></title><link>https://blog.youkuaiyun.com/Loving_M/article/details/54602343</link><guid>https://blog.youkuaiyun.com/Loving_M/article/details/54602343</guid><author>Loving_M</author><pubDate>Wed, 18 Jan 2017 16:21:10 +0800</pubDate><description><![CDATA[通过bindtouchstart，bindtouchmove函数来实现列表项的左滑操作。]]></description><category></category></item><item><title><![CDATA[解决移动端1px问题]]></title><link>https://blog.youkuaiyun.com/Loving_M/article/details/54601752</link><guid>https://blog.youkuaiyun.com/Loving_M/article/details/54601752</guid><author>Loving_M</author><pubDate>Wed, 18 Jan 2017 15:37:26 +0800</pubDate><description><![CDATA[涉及点：after伪类、 border-sizing:border-box属性、 transform:scale(0.5)变形缩放属性；
单条边框
#border_1{
    background-color: #e4e4ea;
    position: relative;
}
#border_1:after{
    content: '';
    height: 1px;
    widt]]></description><category></category></item><item><title><![CDATA[小程序开发补坑]]></title><link>https://blog.youkuaiyun.com/Loving_M/article/details/53422135</link><guid>https://blog.youkuaiyun.com/Loving_M/article/details/53422135</guid><author>Loving_M</author><pubDate>Thu, 01 Dec 2016 15:33:15 +0800</pubDate><description><![CDATA[门禁小程序DEMO总结门禁小程序DEMO总结
一 appwxss
二 wxfor 内容循环
三 wxif 条件选择
四 navigator
五 事件
六 modal模态框
七 toast 消息提示框
八 数组与UI
九  设计规范友好礼貌
清晰明确
便捷优雅
统一稳定
视觉规范
十 问题与不足
其他一 app.wxss
  app.wxss里的样式是全局的
二 wx:for 内容循环<block w]]></description><category></category></item><item><title><![CDATA[前端构建工具gulp]]></title><link>https://blog.youkuaiyun.com/Loving_M/article/details/53197525</link><guid>https://blog.youkuaiyun.com/Loving_M/article/details/53197525</guid><author>Loving_M</author><pubDate>Thu, 17 Nov 2016 11:15:59 +0800</pubDate><description><![CDATA[一 前端构建工具gulp入门
1. 全局安装：npm install --global gulp 
2. 作为项目的开发依赖：npm install --save-dev gulp (这个不安装 gulp执行失败)
插入解释：
npm安装插件
之前：先通过 npm init 命令创建package.json文件。该文件包含了一些应用的基本信息（有些是必须的）。
   npm安装插件：命]]></description><category></category></item><item><title><![CDATA[js实现两种实用的排序算法——冒泡、快速排序]]></title><link>https://blog.youkuaiyun.com/Loving_M/article/details/52993521</link><guid>https://blog.youkuaiyun.com/Loving_M/article/details/52993521</guid><author>Loving_M</author><pubDate>Tue, 01 Nov 2016 10:29:19 +0800</pubDate><description><![CDATA[分享记录两种程序员必备的排序算法：冒泡算法、排序算法，面试日常，很实用！]]></description><category></category></item><item><title><![CDATA[js通过Object.prototype.toString.call()精确判断数据类型后并复制数据]]></title><link>https://blog.youkuaiyun.com/Loving_M/article/details/52942819</link><guid>https://blog.youkuaiyun.com/Loving_M/article/details/52942819</guid><author>Loving_M</author><pubDate>Thu, 27 Oct 2016 09:55:29 +0800</pubDate><description><![CDATA[根据传入的数据先判断数据类型，然后根据不同的类型进行相应的数据复制处理。]]></description><category></category></item><item><title><![CDATA[MySQL存储代码片段]]></title><link>https://blog.youkuaiyun.com/Loving_M/article/details/52842199</link><guid>https://blog.youkuaiyun.com/Loving_M/article/details/52842199</guid><author>Loving_M</author><pubDate>Mon, 17 Oct 2016 21:41:00 +0800</pubDate><description><![CDATA[1.主要问题：
         在存储代码片段时提示操作失败，检查sql语句无误，因此在想是不是数据库字段问题，然而试了longtext、longblog、blob......都无济于事，无奈准备先放哪儿不管等明天遇到高人在请教一番的。然而，无意间在网上看到一位仁兄也是跟我一样的问题，再往下看帖子发现了问题所在及解决方案：
a.问题是这样的：
          因为代码段作为value值]]></description><category></category></item><item><title><![CDATA[node.js stream流式读取与复制文件]]></title><link>https://blog.youkuaiyun.com/Loving_M/article/details/52784694</link><guid>https://blog.youkuaiyun.com/Loving_M/article/details/52784694</guid><author>Loving_M</author><pubDate>Tue, 11 Oct 2016 08:46:37 +0800</pubDate><description><![CDATA[以上是通过stream流完成的，当然还有一种更加简便高效的方法 pipe
var fs=require("fs");
fs.createReadStream('schnappi.mp3').pipe(fs.createWriteStream('schnappi_copy_pipe.mp3'));]]></description><category></category></item><item><title><![CDATA[HTML5 web worker应用]]></title><link>https://blog.youkuaiyun.com/Loving_M/article/details/52769705</link><guid>https://blog.youkuaiyun.com/Loving_M/article/details/52769705</guid><author>Loving_M</author><pubDate>Sun, 09 Oct 2016 19:25:31 +0800</pubDate><description><![CDATA[web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。您可以继续做任何愿意做的事情：点击、选取内容等等，而此时 web worker 在后台运行。]]></description><category></category></item></channel></rss>