<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[weiboren的博客]]></title><description><![CDATA[代码,代码，优雅，优雅。]]></description><link>https://blog.youkuaiyun.com/github_37772805</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; github_37772805]]></copyright><item><title><![CDATA[vue2.0中的组件通信3——兄弟组件之间通信]]></title><link>https://blog.youkuaiyun.com/github_37772805/article/details/79625900</link><guid>https://blog.youkuaiyun.com/github_37772805/article/details/79625900</guid><author>github_37772805</author><pubDate>Tue, 20 Mar 2018 15:04:17 +0800</pubDate><description><![CDATA[上一篇我写了子组件通过事件向父组件发送数据，在这里我们就来聊聊同级组件之间数据通信的问题。同级组件之间的通信需要依赖一个vue实例作为中介者，（类似邮差）起到传递信息的作用。 
我的代码依然沿用上面两篇的目录结构： 
新建一个event.js文件，在里面新建一个vue实例，这个实例就承担起了组件之间通信的桥梁了，也就是中央事件总线。 


加入代码 event.js：

import Vue fr...]]></description><category></category></item><item><title><![CDATA[vue2.0中的组件通信2——子组件向父组件传递数据]]></title><link>https://blog.youkuaiyun.com/github_37772805/article/details/79623782</link><guid>https://blog.youkuaiyun.com/github_37772805/article/details/79623782</guid><author>github_37772805</author><pubDate>Tue, 20 Mar 2018 12:13:30 +0800</pubDate><description><![CDATA[上一篇我写了父组件如何向子组件下发数据的操作，今天我们来聊聊子组件如何向父组件发送数据。在Vue.js中是通过事件来完成子组件向父组件发送数据的。 
代码沿用上一篇的结构。上代码： 
初始状态 
子组件 childOne.vue中 先写好需要发送的数据 
 
父组件app.vue 
 
效果： 


然后开始进行数据发送： 
在子组件中增加一个按钮并未按钮绑定一个发送数据的事件sendData：在...]]></description><category></category></item><item><title><![CDATA[vue2.0中的组件通信操作1——父组件向子组件下发数据]]></title><link>https://blog.youkuaiyun.com/github_37772805/article/details/79614111</link><guid>https://blog.youkuaiyun.com/github_37772805/article/details/79614111</guid><author>github_37772805</author><pubDate>Mon, 19 Mar 2018 16:57:48 +0800</pubDate><description><![CDATA[Vue.js最大的特性之一就是组件化开发方式，带来的一点小问题就是数据分散到了各个组件中，不像传统的一个.html页面的基本上所有的数据都在一个页面上无缝操作。Vue.js中也有实现数据共享的机制，在Vue.js中叫做组件通信，简单来说就是在组件之间完成传递数据的操作。你想要它手里的数据，可以拿到，他想要你的数据，也可以获取。 
那么，组件通信如何实现呢？组件一般可以分为父子组件和兄弟组件，我们先...]]></description><category></category></item><item><title><![CDATA[小程序swiper切换闪屏问题]]></title><link>https://blog.youkuaiyun.com/github_37772805/article/details/79552863</link><guid>https://blog.youkuaiyun.com/github_37772805/article/details/79552863</guid><author>github_37772805</author><pubDate>Wed, 14 Mar 2018 12:19:06 +0800</pubDate><description><![CDATA[小程序swiper滑动闪屏问题

在小程序开发过程中使用swiper做轮播图，发现当用户切换图片过快时会出现异常的闪屏现象，官方文档 
中描述了这个Bug &amp;amp; Tip： 
 
在电脑上测试的时候没有问题，但是在真机上会出现这种情况，当然一般用户不会切换那么快，我们还是要考虑如何避免这种会导致小程序崩溃的问题。项目中的swiper效果： 


-解决方案: 
函数防抖 
既然是切换过快，不停...]]></description><category></category></item><item><title><![CDATA[cordova Hybrid App环境搭建以及工程创建]]></title><link>https://blog.youkuaiyun.com/github_37772805/article/details/79173494</link><guid>https://blog.youkuaiyun.com/github_37772805/article/details/79173494</guid><author>github_37772805</author><pubDate>Fri, 26 Jan 2018 16:18:55 +0800</pubDate><description><![CDATA[最近在公司有一个项目，用到了cordova，再次记录下项目中遇到的问题及解决方案。其实使用cordova开发Hybrid App,开发方式处理在搭建环境之外，其他开发模式与web的开发模式无很大差别，基本上都是使用html，css，js的方式完成项目开发。
官网中文文档
步骤

一、环境搭建：


1.node.js
官网下载地址

2.安卓/ios 开发环境

二、安装c]]></description><category></category></item><item><title><![CDATA[使用html+css实现简单的箭头]]></title><link>https://blog.youkuaiyun.com/github_37772805/article/details/78535116</link><guid>https://blog.youkuaiyun.com/github_37772805/article/details/78535116</guid><author>github_37772805</author><pubDate>Tue, 14 Nov 2017 21:06:23 +0800</pubDate><description><![CDATA[简单的css箭头制作]]></description><category></category></item><item><title><![CDATA[小程序开发之页面参数传递]]></title><link>https://blog.youkuaiyun.com/github_37772805/article/details/78111544</link><guid>https://blog.youkuaiyun.com/github_37772805/article/details/78111544</guid><author>github_37772805</author><pubDate>Wed, 27 Sep 2017 12:29:09 +0800</pubDate><description><![CDATA[在小程序开发的过程中，我们会经常遇到页面参数传递的问题，那么小程序是如何传递参数的呢？下面我以传递id为例，写出实现过程。第一步：在链接后面加上需要传递的参数 将参数写在链接后面  格式：？key=value，如需传递多个值，可用&amp;amp;号连接多个值:?id={{item.id}}&amp;amp;name={{item.name}}第二步：在跳转到的页面打印输入传递过来的参数  拿到id第三步：将传递...]]></description><category></category></item><item><title><![CDATA[小程序开发之获取token值]]></title><link>https://blog.youkuaiyun.com/github_37772805/article/details/78111097</link><guid>https://blog.youkuaiyun.com/github_37772805/article/details/78111097</guid><author>github_37772805</author><pubDate>Wed, 27 Sep 2017 11:30:35 +0800</pubDate><description><![CDATA[在小程序开发的过程中。我们在处理登录模块的时候需要拿到token值。根据官方文档的描述，这一过程需要与后端同事共同配合才能拿到。 // 登录
    wx.login({
      success: res =&amp;gt; {
        // 发送 res.code 到后台换取 openId, sessionKey, unionId
        // console.log(res)
  ...]]></description><category></category></item><item><title><![CDATA[页面上的图片太多？快试试懒加载！]]></title><link>https://blog.youkuaiyun.com/github_37772805/article/details/76166624</link><guid>https://blog.youkuaiyun.com/github_37772805/article/details/76166624</guid><author>github_37772805</author><pubDate>Wed, 26 Jul 2017 22:15:24 +0800</pubDate><description><![CDATA[           今天在项目开发的过程中，调用后台提供的一个接口的时候，返回了93张图片，并且每张图片都是700*700，真叫人头大！结果自然是打开页面的时候卡的比较严重。显然，作为一名合格的前端工程师，我们必须采取一些措施，以提高用户体验。 一方面向后台同事反应问题，提醒他们将图片的规格修改成比较小的，另一方面，我们前端也可以通过懒加载来减缓服务器压力，优化网页性能。就算是后台提供的图片很小...]]></description><category></category></item><item><title><![CDATA[使用JavaScript获取设备信息]]></title><link>https://blog.youkuaiyun.com/github_37772805/article/details/74911938</link><guid>https://blog.youkuaiyun.com/github_37772805/article/details/74911938</guid><author>github_37772805</author><pubDate>Mon, 10 Jul 2017 12:39:09 +0800</pubDate><description><![CDATA[navigator.appVersion可以获取系统、设备等信息。所以使用Javascript获取用户的设备信息主要是对字符串的裁剪和拼接操作。初始打印出来的数据： 
正好我使用的红米4手机打印出来的数据顺序跟其他的安卓手机不太一样，对它的数据做了特别的处理。最终效果如下： 
 
 
代码：html部分:
无JavaScript部分:
// 获取初始信息
    var app=navigator.]]></description><category></category></item><item><title><![CDATA[如何改变默认的checkbox样式]]></title><link>https://blog.youkuaiyun.com/github_37772805/article/details/74780818</link><guid>https://blog.youkuaiyun.com/github_37772805/article/details/74780818</guid><author>github_37772805</author><pubDate>Fri, 07 Jul 2017 22:13:40 +0800</pubDate><description><![CDATA[我们在项目中使用到input标签的checkbox的时候，它的默认样式通常无法满足项目需求，主要是它显得有点小而丑。将它根据项目的需求进行改造就是我们要做的事情了，下面讲两种常用的做法。

1.使用背景图片代替选中效果 
主要原理就是将原来的checkbox隐藏：visibility: hidden属性但它依然占据位置，用图片代替它的位置。 
优点就是兼容性好 
效果图： 


代码：



--...]]></description><category></category></item><item><title><![CDATA[实现文本域输入字数的限制]]></title><link>https://blog.youkuaiyun.com/github_37772805/article/details/73556161</link><guid>https://blog.youkuaiyun.com/github_37772805/article/details/73556161</guid><author>github_37772805</author><pubDate>Wed, 21 Jun 2017 22:20:50 +0800</pubDate><description><![CDATA[实现文本域输入字数的限制我们在QQ空间发表说说发微博的时候，会有140字的字数限制。今天我们也来把这个简单的效果做出来，刚好是项目中遇到的小问题。在此记录下来。写代码： 
``javascript 
 (“textarea”).on(“input propertychange”, function() {          var(“textarea”).on(“input propertychan]]></description><category></category></item><item><title><![CDATA[如何在登陆后返回之前浏览的页面]]></title><link>https://blog.youkuaiyun.com/github_37772805/article/details/73555894</link><guid>https://blog.youkuaiyun.com/github_37772805/article/details/73555894</guid><author>github_37772805</author><pubDate>Wed, 21 Jun 2017 21:47:02 +0800</pubDate><description><![CDATA[如何登陆后返回之前的浏览页面我们在浏览很多网站的时候，当你进行某项操作的时候，网也会提示你要登陆，在你进行登陆后，页面会跳转到之前你访问的页面，这是怎么做到的呢？
首先，上个页面会带有一个叫做referrer参数返回到当前页面，这个参数就是商业页面访问的信息
基本思路是：在登陆成功后让js判断是否有referrer，如果有，回到之前的页面，如果没有，那就跳转到首页就行了。
看代码说话：
//登录成功]]></description><category></category></item><item><title><![CDATA[jQuery对象与DOM对象的相互转换]]></title><link>https://blog.youkuaiyun.com/github_37772805/article/details/70260095</link><guid>https://blog.youkuaiyun.com/github_37772805/article/details/70260095</guid><author>github_37772805</author><pubDate>Thu, 20 Apr 2017 15:18:43 +0800</pubDate><description><![CDATA[     通过jQuery选择器获取的对象与通过document.getElementById获取的对象是不同类型对象。    使用jQuery获取的对象不能使用DOM中的方法，而DOM对象也不能直接使用jQuery中的方法，例如  $p.html(*)是会报错的。那就涉及到将他们相互转换的问题，那么，如何将他们相互转换呢？1.jQuery对象转DOM对象方法一：[index] (1) jQuer...]]></description><category></category></item><item><title><![CDATA[常见的前端面试题——（持续更新...）]]></title><link>https://blog.youkuaiyun.com/github_37772805/article/details/69945380</link><guid>https://blog.youkuaiyun.com/github_37772805/article/details/69945380</guid><author>github_37772805</author><pubDate>Mon, 10 Apr 2017 12:44:50 +0800</pubDate><description><![CDATA[前端面试题]]></description><category></category></item><item><title><![CDATA[教你分清HTTP与HTTPS]]></title><link>https://blog.youkuaiyun.com/github_37772805/article/details/67710937</link><guid>https://blog.youkuaiyun.com/github_37772805/article/details/67710937</guid><author>github_37772805</author><pubDate>Tue, 28 Mar 2017 23:44:24 +0800</pubDate><description><![CDATA[HTTP与HTTPS的区别超文本传输协议HTTP协议被用于在Web浏览器和网站服务器之间传递信息，HTTP协议以明文方式发送内容，不提供任何方式的数据加密，如果攻击者截取了Web浏览器和网站服务器之间的传输报文，就可以直接读懂其中的信息，因此，HTTP协议不适合传输一些敏感信息，比如：信用卡号、密码等支付信息。 为了解决HTTP协议的这一缺陷，需要使用另一种协议：安全套接字层超文本传输协议HTTP...]]></description><category></category></item><item><title><![CDATA[windows系统下VI编辑器的基本使用]]></title><link>https://blog.youkuaiyun.com/github_37772805/article/details/61442470</link><guid>https://blog.youkuaiyun.com/github_37772805/article/details/61442470</guid><author>github_37772805</author><pubDate>Sat, 11 Mar 2017 23:18:32 +0800</pubDate><description><![CDATA[vi编辑器是Linux系统下标准的编辑器.而且不逊色于其他任何最新的编辑器.但是在windows系统中如何使用VI编辑器呢？下面给大家介绍在git环境下的vi编辑器的简单用法和部分命令.工具原料：git2.7.2,  下载地址：https://git-for-windows.github.io/首先启动git:VI编辑器基本上可以分为三种状态，分别是命令模式（command mode）、插入模式（...]]></description><category></category></item><item><title><![CDATA[浅谈cookie/session与的生命周期]]></title><link>https://blog.youkuaiyun.com/github_37772805/article/details/60488249</link><guid>https://blog.youkuaiyun.com/github_37772805/article/details/60488249</guid><author>github_37772805</author><pubDate>Sun, 05 Mar 2017 23:43:03 +0800</pubDate><description><![CDATA[分享有关cookie与session的区别与生命周期。]]></description><category></category></item></channel></rss>