<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[万花果子的博客]]></title><description><![CDATA[没文化的程序员]]></description><link>https://blog.youkuaiyun.com/sinat_27790827</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; sinat_27790827]]></copyright><item><title><![CDATA[javascript 时间转换整理]]></title><link>https://blog.youkuaiyun.com/sinat_27790827/article/details/102837164</link><guid>https://blog.youkuaiyun.com/sinat_27790827/article/details/102837164</guid><author>sinat_27790827</author><pubDate>Thu, 31 Oct 2019 17:22:21 +0800</pubDate><description><![CDATA[/**
   * 生成具体日期时间
   * @param timestamp 时间戳
   * @type yyyy-mm-dd hh:mm:ss
   */
  createTime(timestamp){ 
    var date = timestamp ? new Date(timestamp) : new Date();//实例一个时间对象，timestamp无则是当前时间；
  ...]]></description><category></category></item><item><title><![CDATA[nuxt 跳转多级目录页面]]></title><link>https://blog.youkuaiyun.com/sinat_27790827/article/details/101773984</link><guid>https://blog.youkuaiyun.com/sinat_27790827/article/details/101773984</guid><author>sinat_27790827</author><pubDate>Mon, 30 Sep 2019 15:15:53 +0800</pubDate><description><![CDATA[当我们要访问的文件是在下级目录内的时候,路由的地址中间要用’-‘代替’/’
如下
&lt;nuxt-link class="subNav-li" :to="{name:'mobile-taxi'}"&gt;&lt;/nuxt-link&gt;

这样就可以跳转了

...]]></description><category></category></item><item><title><![CDATA[WordPress 编辑器块引用美化]]></title><link>https://blog.youkuaiyun.com/sinat_27790827/article/details/101393323</link><guid>https://blog.youkuaiyun.com/sinat_27790827/article/details/101393323</guid><author>sinat_27790827</author><pubDate>Wed, 25 Sep 2019 22:58:33 +0800</pubDate><description><![CDATA[wordpress编辑器中的块引用不同主题样式不一样，有的达不到自己想要的效果，这时候可以在：外观-&gt;自定义-&gt;额外css  中加入自定义的css代码来达到自己想要的效果

    .post blockquote {
        font: 14px/20px italic Times, serif;
        color: #888;
        padding: 1...]]></description><category></category></item><item><title><![CDATA[前端简单处理input输入跨域攻击]]></title><link>https://blog.youkuaiyun.com/sinat_27790827/article/details/70083949</link><guid>https://blog.youkuaiyun.com/sinat_27790827/article/details/70083949</guid><author>sinat_27790827</author><pubDate>Tue, 11 Apr 2017 18:16:40 +0800</pubDate><description><![CDATA[对输入框的非法字符进行转译,来起到阻止输入<><>等非法字符的效果    window.onload = function(){//防止输入标签，造成跨域攻击
      let tags = document.querySelectorAll("input");
      for(let i=0;i<tags.length;i++){
        tags[i].onblur = funct]]></description><category></category></item><item><title><![CDATA[js自定义滚动条]]></title><link>https://blog.youkuaiyun.com/sinat_27790827/article/details/54728590</link><guid>https://blog.youkuaiyun.com/sinat_27790827/article/details/54728590</guid><author>sinat_27790827</author><pubDate>Wed, 25 Jan 2017 10:20:06 +0800</pubDate><description><![CDATA[可直接使用<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>自定义滚动条</title>
</head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>滚动条</title>
<style]]></description><category></category></item><item><title><![CDATA[fis3 前端项目构建，一步步来]]></title><link>https://blog.youkuaiyun.com/sinat_27790827/article/details/53911331</link><guid>https://blog.youkuaiyun.com/sinat_27790827/article/details/53911331</guid><author>sinat_27790827</author><pubDate>Wed, 28 Dec 2016 17:41:04 +0800</pubDate><description><![CDATA[前端架构工具有很多，就我使用过的grunt，gulp，还有最近项目中应用的fis3来说，fis3的运行速度，灵活程度，应该叔最高的~反正现在已经习惯了使用fis3来快速搭建项目进行开发，下面一步步简单的使用fis3来搭建项目。 
    fis3的安装百度里有，很简单就能装好。一，基础配置 
1.首先在项目的根目录下要有fis-conf.js这个配置文件，只有有这个文件，才能进行你想要的各种配置。]]></description><category></category></item><item><title><![CDATA[js瀑布流，简单封装]]></title><link>https://blog.youkuaiyun.com/sinat_27790827/article/details/53744155</link><guid>https://blog.youkuaiyun.com/sinat_27790827/article/details/53744155</guid><author>sinat_27790827</author><pubDate>Mon, 19 Dec 2016 17:08:24 +0800</pubDate><description><![CDATA[一个很简单的瀑布流加载，当滚动条滚动到底部时自动加载，先代码敬上<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo</title>
</head>
<style>
    li{
        list-style: none;
    }
    .pinterest-wrap{]]></description><category></category></item><item><title><![CDATA[浏览器关闭时弹出提示事件onbeforeunload]]></title><link>https://blog.youkuaiyun.com/sinat_27790827/article/details/53158943</link><guid>https://blog.youkuaiyun.com/sinat_27790827/article/details/53158943</guid><author>sinat_27790827</author><pubDate>Mon, 14 Nov 2016 14:53:49 +0800</pubDate><description><![CDATA[有时候在做数据编辑的时候，为了友好提示用户不小心关闭浏览器时，提醒用户是否已经保存数据，可以用onbeforeunload来处理； 
兼容谷歌，ie，火狐兼容性不好。 
代码如下：  var UnloadConfirm = {};
    UnloadConfirm.MSG_UNLOAD = "数据尚未保存，离开后可能会导致数据丢失\n\n您确定要离开吗？";
    UnloadConfirm.s]]></description><category></category></item><item><title><![CDATA[placeholder兼容到ie8]]></title><link>https://blog.youkuaiyun.com/sinat_27790827/article/details/52767511</link><guid>https://blog.youkuaiyun.com/sinat_27790827/article/details/52767511</guid><author>sinat_27790827</author><pubDate>Sun, 09 Oct 2016 15:47:21 +0800</pubDate><description><![CDATA[/** 
 * 模拟placeholder
 * jQuery EnPlaceholder plug 
 * EnPlaceholder是一个跨浏览器实现placeholder效果的jQuery插件 
 * version 1.0 
 * by Frans.Lee <dmon@foxmail.com>  http://www.ifrans.cn 
 *  
 * 修正无placeholder显示un]]></description><category></category></item><item><title><![CDATA[opacity兼容ie8]]></title><link>https://blog.youkuaiyun.com/sinat_27790827/article/details/52757155</link><guid>https://blog.youkuaiyun.com/sinat_27790827/article/details/52757155</guid><author>sinat_27790827</author><pubDate>Sat, 08 Oct 2016 15:36:36 +0800</pubDate><description><![CDATA[兼容ie6-8的透明度问题.demo{
    opacity: 0.5;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}]]></description><category></category></item><item><title><![CDATA[weinre手机调试，给自己看的方便步骤]]></title><link>https://blog.youkuaiyun.com/sinat_27790827/article/details/52755910</link><guid>https://blog.youkuaiyun.com/sinat_27790827/article/details/52755910</guid><author>sinat_27790827</author><pubDate>Sat, 08 Oct 2016 13:41:38 +0800</pubDate><description><![CDATA[1.npm -g intall weinre2.weinre -httpPort 8081 --boundHost 192.168.20.723.需查看页面下加上
<script src="http://192.168.20.72:8081/target/target-script-min.js#anonymous"></script>
起服务，手机端进入网页直接查看]]></description><category></category></item><item><title><![CDATA[常用手机uc浏览器兼容问题记录（陆续补充）]]></title><link>https://blog.youkuaiyun.com/sinat_27790827/article/details/52637984</link><guid>https://blog.youkuaiyun.com/sinat_27790827/article/details/52637984</guid><author>sinat_27790827</author><pubDate>Fri, 23 Sep 2016 14:37:38 +0800</pubDate><description><![CDATA[移动端的uc和微信被认定为手机端的ie6，从flex出世以来，移动端的布局使用flex真的是得心应手，各种布局问题得以简化，但是uc浏览器实在是业界一大毒瘤，不得不特别关照，下面列一下我再工作中遇到过的手机uc兼容性问题，做个归纳整理。 
1. uc浏览器可以识别空格 
数据中如果加入了空格浏览器是不会自动过滤的，在自己的手机浏览器不会有这个问题，不过平时注意一下后台的数据处理的话，就不会产生什么影]]></description><category></category></item><item><title><![CDATA[文字两端对齐 text-align: justify;]]></title><link>https://blog.youkuaiyun.com/sinat_27790827/article/details/52486701</link><guid>https://blog.youkuaiyun.com/sinat_27790827/article/details/52486701</guid><author>sinat_27790827</author><pubDate>Fri, 09 Sep 2016 14:24:17 +0800</pubDate><description><![CDATA[很多时候我们想实现这样的自适应功能你     好：xxxx 
我      是：xxxx 
我们没有：xxxx2个文字前后自动两端对齐，来个栗子： 
移动端和pc端都能直接用<div class="mate-tit">哈哈</div>
.mate-tit {
 width: 1.4rem;
 text-align: justify;
 height: 25px;
 color: #333333;
}]]></description><category></category></item><item><title><![CDATA[JavaScript调用pc和手机摄像头]]></title><link>https://blog.youkuaiyun.com/sinat_27790827/article/details/52227682</link><guid>https://blog.youkuaiyun.com/sinat_27790827/article/details/52227682</guid><author>sinat_27790827</author><pubDate>Wed, 17 Aug 2016 09:09:45 +0800</pubDate><description><![CDATA[主要是pc和手机的浏览器可以调用，亲测可用，但是微信扫二维码则不可以，微信的话应该还是要调微信接口<!DOCTYPE html>  
<html lang="zh-CN">  
<head>  
    <meta charset="UTF-8">  
    <title>GetUserMedia实例</title>  
</head>  
<body>  
    <video id="vide]]></description><category></category></item><item><title><![CDATA[关于同一页面多个swiper-container会出现swiper-pagenation总数多出的问题]]></title><link>https://blog.youkuaiyun.com/sinat_27790827/article/details/52185462</link><guid>https://blog.youkuaiyun.com/sinat_27790827/article/details/52185462</guid><author>sinat_27790827</author><pubDate>Thu, 11 Aug 2016 18:41:00 +0800</pubDate><description><![CDATA[因工作的时候一个单页面里出现了三个滑动效果，2个需要加分页，于是我将swiper封装了一个功能单独做滑动，但是当引用swiper分页的时候总数会多一些，后来将每一个滑块单独新new一个swiper就可以解决那个问题了]]></description><category></category></item><item><title><![CDATA[canvas编写简单七巧板]]></title><link>https://blog.youkuaiyun.com/sinat_27790827/article/details/51723273</link><guid>https://blog.youkuaiyun.com/sinat_27790827/article/details/51723273</guid><author>sinat_27790827</author><pubDate>Mon, 20 Jun 2016 20:50:42 +0800</pubDate><description><![CDATA[<body>
    <canvas id="canvas" width="800" height="800" style="margin: 100px auto;display: block;"></canvas>
</body>
<script type="text/javascript">
    var canvas = document.querySelector("#canvas");]]></description><category></category></item><item><title><![CDATA[js制作淘宝放大镜效果]]></title><link>https://blog.youkuaiyun.com/sinat_27790827/article/details/51484141</link><guid>https://blog.youkuaiyun.com/sinat_27790827/article/details/51484141</guid><author>sinat_27790827</author><pubDate>Mon, 23 May 2016 19:35:50 +0800</pubDate><description><![CDATA[<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            *{
                margin: 0;
                padding: 0;]]></description><category></category></item><item><title><![CDATA[js 一段代码获取元素class样式]]></title><link>https://blog.youkuaiyun.com/sinat_27790827/article/details/51446850</link><guid>https://blog.youkuaiyun.com/sinat_27790827/article/details/51446850</guid><author>sinat_27790827</author><pubDate>Wed, 18 May 2016 20:01:05 +0800</pubDate><description><![CDATA[function getStyle(obj, attr) { 
    if(obj.currentStyle){ 
        return obj.currentStyle[attr]; 
    }else{ 
        return getComputedStyle(obj,false)[attr]; 
    } 
}]]></description><category></category></item><item><title><![CDATA[JavaScript事件冒泡简介及应用]]></title><link>https://blog.youkuaiyun.com/sinat_27790827/article/details/51333943</link><guid>https://blog.youkuaiyun.com/sinat_27790827/article/details/51333943</guid><author>sinat_27790827</author><pubDate>Fri, 06 May 2016 19:04:08 +0800</pubDate><description><![CDATA[作者：WebFlash 
  出处：http://webflash.cnblogs.com  
  本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。
一、什么是事件冒泡在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或]]></description><category></category></item><item><title><![CDATA[js阻止冒泡事件小案例]]></title><link>https://blog.youkuaiyun.com/sinat_27790827/article/details/51333894</link><guid>https://blog.youkuaiyun.com/sinat_27790827/article/details/51333894</guid><author>sinat_27790827</author><pubDate>Fri, 06 May 2016 18:53:12 +0800</pubDate><description><![CDATA[<body>
    <div id="red" style="border:1px solid #000;width: 400px;height: 400px;">
        <div id="blue" style="border:1px solid #000;width: 300px;height: 300px;">
            <div id="pink" style="b]]></description><category></category></item></channel></rss>