<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[驚鴻入梦]]></title><description><![CDATA[分享工作之余整理的技术问题，希望与大家多交流，共同进步。]]></description><link>https://blog.youkuaiyun.com/github_37516320</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; github_37516320]]></copyright><item><title><![CDATA[如何优雅地搞定多个判断，别告诉我你只会if-else和switch]]></title><link>https://blog.youkuaiyun.com/github_37516320/article/details/106955964</link><guid>https://blog.youkuaiyun.com/github_37516320/article/details/106955964</guid><author>github_37516320</author><pubDate>Thu, 25 Jun 2020 11:36:19 +0800</pubDate><description><![CDATA[最近在弄个人网站，开始更系统的思考一些优雅写法，之前工作中经常运用到的多状态操作

最开始是这样写，写好一个， 其他复制粘贴，虽然直接，但是代码块略微庞大，这种简单赋值尚且如此，更不用说其他复杂操作了


let room = this.$route.path.split('/').splice(-1).join()
let current = 0
if(room === 'porch'){
   current=1
}else if(room === 'living') {
    current=2
}]]></description><category></category></item><item><title><![CDATA[微信小程序-实现安卓系统只预览不下载pdf文件]]></title><link>https://blog.youkuaiyun.com/github_37516320/article/details/106337371</link><guid>https://blog.youkuaiyun.com/github_37516320/article/details/106337371</guid><author>github_37516320</author><pubDate>Tue, 26 May 2020 09:38:49 +0800</pubDate><description><![CDATA[在网上下载了可预览pdf的Demo，自己改了些，用在了小程序的项目里，自用没问题。
]]></description><category></category></item><item><title><![CDATA[微信小程序-自定义子组件-按钮组]]></title><link>https://blog.youkuaiyun.com/github_37516320/article/details/105762345</link><guid>https://blog.youkuaiyun.com/github_37516320/article/details/105762345</guid><author>github_37516320</author><pubDate>Sun, 26 Apr 2020 13:24:19 +0800</pubDate><description><![CDATA[由于项目需要，频繁使用到按钮组，如图所示，后期优化代码时，提炼出了自定义的子组件。
效果如下图：

父组件：


&lt;!--button-group/button-group.wxml--&gt;
&lt;view class="btn-group-wrap"&gt;
  &lt;view wx:for="{{dataList}}" wx:for-item="item" wx:for-inde...]]></description><category></category></item><item><title><![CDATA[微信小程序-时间轴/抽屉展开收起特效]]></title><link>https://blog.youkuaiyun.com/github_37516320/article/details/105493464</link><guid>https://blog.youkuaiyun.com/github_37516320/article/details/105493464</guid><author>github_37516320</author><pubDate>Mon, 13 Apr 2020 17:54:23 +0800</pubDate><description><![CDATA[微信小程序项目中用到的时间轴展示和抽屉展开收起特效本篇内容为原创，转载请注明出处。
一、效果图
二、代码片段：
1、wxml部分


&lt;view class="card"&gt;
  &lt;view class="cardTitle" bindtap="changeUpDown"&gt;我是标题
    &lt;!-- 项目里面用的是iconfont标签-箭头 --&gt;
    &lt...]]></description><category></category></item><item><title><![CDATA[vue开发中遇到的问题与解决方案（四）]]></title><link>https://blog.youkuaiyun.com/github_37516320/article/details/93735965</link><guid>https://blog.youkuaiyun.com/github_37516320/article/details/93735965</guid><author>github_37516320</author><pubDate>Wed, 26 Jun 2019 14:29:41 +0800</pubDate><description><![CDATA[一、style里动态拼接变量
:style="'background-color:rgba(0,0,255,'+变量名称+')'"
（看起来是三个引号是因为双引号里面是单引号，无空格）

二、vue将方法挂载原型上



三、获取对象属性length


Object.getOwnPropertyNames(obj).length

四、短路运算

运用过程中相当于if条件和行使句；

1、&a...]]></description><category></category></item><item><title><![CDATA[vue开发中遇到的问题与解决方案（三）]]></title><link>https://blog.youkuaiyun.com/github_37516320/article/details/79130468</link><guid>https://blog.youkuaiyun.com/github_37516320/article/details/79130468</guid><author>github_37516320</author><pubDate>Mon, 22 Jan 2018 16:37:50 +0800</pubDate><description><![CDATA[vue处理数组会有些问题：
官网摘要：

由于 JavaScript 的限制，Vue 不能检测以下变动的数组：当你利用索引直接设置一个项时，例如：vm.items[indexOfItem] = newValue当你修改数组的长度时，例如：vm.items.length = newLength为了解决第一类问题，以下两种方式都可以实现和 vm.items[indexOfItem] = newV]]></description><category></category></item><item><title><![CDATA[iviewUI使用中遇到的问题与解决方案（二）]]></title><link>https://blog.youkuaiyun.com/github_37516320/article/details/79092105</link><guid>https://blog.youkuaiyun.com/github_37516320/article/details/79092105</guid><author>github_37516320</author><pubDate>Thu, 18 Jan 2018 09:35:12 +0800</pubDate><description><![CDATA[1、列表中使用switch时在切换状态时用到拦截弹框，要使用原生事件@click.native2、DatePicker 使用校验的话，绑定数据不能用:value，而要用v-model，前者校验有问题。3、icon添加事件@click.native=fn()4、在返回选项时，是否将 label 和 value 一并返回，默认只返回 value，写法 =》   :label-in-value = "t]]></description><category></category></item><item><title><![CDATA[vue开发中遇到的问题与解决方案（二）]]></title><link>https://blog.youkuaiyun.com/github_37516320/article/details/79082305</link><guid>https://blog.youkuaiyun.com/github_37516320/article/details/79082305</guid><author>github_37516320</author><pubDate>Wed, 17 Jan 2018 10:35:57 +0800</pubDate><description><![CDATA[1、vue里获取原生键盘事件this指向问题：


var _this = this
document.onkeydown = function (e) {
var ev = e || window.event





if (ev.keyCode === 13) {




    _this.fn




}





}
2、vue渲]]></description><category></category></item><item><title><![CDATA[关于js原生的一些问题整理（一）]]></title><link>https://blog.youkuaiyun.com/github_37516320/article/details/79081206</link><guid>https://blog.youkuaiyun.com/github_37516320/article/details/79081206</guid><author>github_37516320</author><pubDate>Wed, 17 Jan 2018 09:18:32 +0800</pubDate><description><![CDATA[1、原生js方法“document.getElementsByClassName”在ie8及其以下浏览器中，不能使用
2、cssText:
（1）相关链接：https://www.cnblogs.com/majingyi/p/6840818.html



  （2）本质：设置 HTML 元素的 style 属性值

（3）用法：document.getElementById("d1")....]]></description><category></category></item><item><title><![CDATA[IE浏览器数字显示为电话号码问题]]></title><link>https://blog.youkuaiyun.com/github_37516320/article/details/79000516</link><guid>https://blog.youkuaiyun.com/github_37516320/article/details/79000516</guid><author>github_37516320</author><pubDate>Mon, 08 Jan 2018 10:56:49 +0800</pubDate><description><![CDATA[开发中遇到的这个在IE浏览器中显示问题，如上图所示，点击之后会出现：


原因：如果装有Skype插件，会自动将数字识别为电话号码
处理方法：html文件中加上]]></description><category></category></item><item><title><![CDATA[实现简单的竖向tab]]></title><link>https://blog.youkuaiyun.com/github_37516320/article/details/78970288</link><guid>https://blog.youkuaiyun.com/github_37516320/article/details/78970288</guid><author>github_37516320</author><pubDate>Thu, 04 Jan 2018 14:07:33 +0800</pubDate><description><![CDATA[项目中需要用到竖版的Tab，但是用的框架没有合适的，所以没办法，只能自己写了，希望能帮助到其他人。写的比较简单，只符合自己使用的效果，大神勿喷。
效果是这种的：标签数量很多，超出部分可以点击上下的icon切换滚动，用的是vue和iviewUI的icon实现的








template>
div class="tabWrap">
div 
class="tabNav]]></description><category></category></item><item><title><![CDATA[项目中Eslint的使用心得]]></title><link>https://blog.youkuaiyun.com/github_37516320/article/details/78963629</link><guid>https://blog.youkuaiyun.com/github_37516320/article/details/78963629</guid><author>github_37516320</author><pubDate>Wed, 03 Jan 2018 17:30:31 +0800</pubDate><description><![CDATA[vsCode编辑器配置Eslint保存直接格式化：


2、vue里面禁用eslint方法：



/* eslint-disable */

//要禁用的代码内容

/* eslint-disable */




vue里面禁用eslint方法：]]></description><category></category></item><item><title><![CDATA[iviewUI使用中遇到的问题与解决方案（一）]]></title><link>https://blog.youkuaiyun.com/github_37516320/article/details/78963561</link><guid>https://blog.youkuaiyun.com/github_37516320/article/details/78963561</guid><author>github_37516320</author><pubDate>Wed, 03 Jan 2018 17:27:59 +0800</pubDate><description><![CDATA[项目中使用的iviewUI的版本是2.7.3，在使用中遇到的问题总结了一些，后续会更新，如果各位大神有遇到的坑欢迎评论补充1、modal的样式要放到最外面，否则样式给不到；2、iview组件的事件@on-change=fn,fn后面没有‘(参数)’；3、router-view不能放到tabs里面，组件会渲染两次，要把它单独拿出来4、FormItem里面input或者select不能用:model动]]></description><category></category></item><item><title><![CDATA[Vue开发中遇到的问题与解决方案（一）]]></title><link>https://blog.youkuaiyun.com/github_37516320/article/details/78963087</link><guid>https://blog.youkuaiyun.com/github_37516320/article/details/78963087</guid><author>github_37516320</author><pubDate>Wed, 03 Jan 2018 16:55:48 +0800</pubDate><description><![CDATA[vue生命周期函数：http://www.zhimengzhe.com/Javascriptjiaocheng/236707.html
1、在watch或者created里面操作dom,用this.$nextTick(function(){
        xxxx

})


2、class动态绑定 三元写法：


:class="[isShowTab?'showTab':']]></description><category></category></item><item><title><![CDATA[node初探（1）--创建聊天服务器]]></title><link>https://blog.youkuaiyun.com/github_37516320/article/details/78341403</link><guid>https://blog.youkuaiyun.com/github_37516320/article/details/78341403</guid><author>github_37516320</author><pubDate>Wed, 25 Oct 2017 14:46:44 +0800</pubDate><description><![CDATA[本系列文章为对Node学习过程中的总结，默认Node已经安装成功，具体安装方法百度即可。


第一步，在Node中创建一个新的TCP服务器
//加载net模块

var net = require("net")
//调用net.createServer()方法创建一个新的TCP服务器

var chatServer = net.createServer()
//用on方法添加事]]></description><category></category></item><item><title><![CDATA[浅谈vue $mount()]]></title><link>https://blog.youkuaiyun.com/github_37516320/article/details/78321391</link><guid>https://blog.youkuaiyun.com/github_37516320/article/details/78321391</guid><author>github_37516320</author><pubDate>Mon, 23 Oct 2017 17:52:57 +0800</pubDate><description><![CDATA[Vue 的$mount()为手动挂载，在项目中可用于延时挂载（例如在挂载之前要进行一些其他操作、判断等），之后要手动挂载上。new Vue时，el和$mount并没有本质上的不同。
具体见代码：

顺便附上vue渲染机制流程图：]]></description><category></category></item><item><title><![CDATA[关于虚拟技术的遐想--室内健身]]></title><link>https://blog.youkuaiyun.com/github_37516320/article/details/78199959</link><guid>https://blog.youkuaiyun.com/github_37516320/article/details/78199959</guid><author>github_37516320</author><pubDate>Wed, 11 Oct 2017 09:26:44 +0800</pubDate><description><![CDATA[今天骑自行车去地铁站，脑子里冒出了个想法，写出来乐呵乐呵
背景：现如今人工智能、虚拟技术十分火热，未来前景也是很乐观，如果能广泛的应用在人们的生活中，既方便了自己，又娱乐大众，岂不美哉~！
闲话少说，直奔想法~~这是关于虚拟技术应用在室内自行车健身，简单讲就是带着虚拟工具（比如VR眼镜，当然随着技术的推进可能有更多工具出现），进行室内自行车健身。写这篇博文的时候顺便查了一下，网上还真的已经出现]]></description><category></category></item><item><title><![CDATA[github项目学习--Vue结合Pug模板引擎]]></title><link>https://blog.youkuaiyun.com/github_37516320/article/details/77865759</link><guid>https://blog.youkuaiyun.com/github_37516320/article/details/77865759</guid><author>github_37516320</author><pubDate>Wed, 06 Sep 2017 14:16:17 +0800</pubDate><description><![CDATA[今天看到github上面一个vue项目，用的是Pug模板写的，很多人不知道Pug是什么，但要说到jade，相信很多人反应过来了。没错，Pug前身就叫jade,但是由于商标等问题，改名为Pug，当然，语法还是和原来一样。
那Vue究竟如何与它结合的呢？
首先，除了要安装pug，还要安装pug-cli
npm install -g pug
npm install -g pug-cli
说实话，]]></description><category></category></item><item><title><![CDATA[h5的video播放功能]]></title><link>https://blog.youkuaiyun.com/github_37516320/article/details/77852499</link><guid>https://blog.youkuaiyun.com/github_37516320/article/details/77852499</guid><author>github_37516320</author><pubDate>Tue, 05 Sep 2017 15:54:54 +0800</pubDate><description><![CDATA[找到了很久以前写的播放video的代码，最基本版，因为这样最直接，就没优化，比如同类的按钮可以共用一个，点击进行切换等等。样式也是最朴素，以实现功能为主了。 具体功能如图：
代码如下：

	
		
		
		
			video{
				margin: 30px auto;
				background-color: black;
			}
			.range1{
				width: 500p]]></description><category></category></item><item><title><![CDATA[github项目学习—— 移动端比较好的插件]]></title><link>https://blog.youkuaiyun.com/github_37516320/article/details/77835739</link><guid>https://blog.youkuaiyun.com/github_37516320/article/details/77835739</guid><author>github_37516320</author><pubDate>Mon, 04 Sep 2017 11:31:07 +0800</pubDate><description><![CDATA[今天研究github关于vue+axios项目时发现了一个移动端比较好的插件，特意去查了一下。
一、fastclick.js——用来解决移动端300ms延时问题。

插件原理：FastClick 在检测到touchend事件的时候，会通过 DOM 自定义事件立即触发一个模拟click事件，并把浏览器在 300 毫秒之后真正触发的click事件阻止掉。使用方法如下
 1、在页面中引入fast]]></description><category></category></item></channel></rss>