<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[物以稀为贵yeah]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/github_38771368</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; github_38771368]]></copyright><item><title><![CDATA[React学习资源汇总]]></title><link>https://blog.youkuaiyun.com/github_38771368/article/details/78731300</link><guid>https://blog.youkuaiyun.com/github_38771368/article/details/78731300</guid><author>github_38771368</author><pubDate>Wed, 06 Dec 2017 16:29:34 +0800</pubDate><description><![CDATA[React是如今最热门的前端框架之一，它设计思路独特，性能卓越，逻辑简单，受到了广泛开发者的喜爱,最近有项目需要用到React，所以现在开始恶补，把自己学习React的一些学习资料总结一下。
React 官方
官网地址：http://facebook.github.io/react/
Github地址：https://github.com/facebook/react
设计思想学习React之前，我]]></description><category></category></item><item><title><![CDATA[Javascript将html转成pdf,下载（html2canvas 和 jsPDF）]]></title><link>https://blog.youkuaiyun.com/github_38771368/article/details/78730126</link><guid>https://blog.youkuaiyun.com/github_38771368/article/details/78730126</guid><author>github_38771368</author><pubDate>Wed, 06 Dec 2017 14:24:23 +0800</pubDate><description><![CDATA[最近碰到个需求，需要把当前页面生成pdf，并下载。弄了几天，自己整理整理，记录下来，我觉得应该会有人需要 ： 
  项目源码地址 ：https://github.com/linwalker/render-html-to-pdf
html2canvas简介
我们可以直接在浏览器端使用html2canvas,对整个或局部页面进行‘截图’。但这并不是真的截图，而是通过遍历页面DOM结构，收集所有元素信息及]]></description><category></category></item><item><title><![CDATA[vue搭建详解]]></title><link>https://blog.youkuaiyun.com/github_38771368/article/details/78195089</link><guid>https://blog.youkuaiyun.com/github_38771368/article/details/78195089</guid><author>github_38771368</author><pubDate>Tue, 10 Oct 2017 17:21:40 +0800</pubDate><description><![CDATA[1、Vue推荐开发环境 
        Node.js 6.2.0、npm 3.8.9、webpack 1.13、vue-cli 2.5.1、webstrom20162、安装环境2.1、安装nodejs  
去nodejs官网下载即可，地址：http://nodejs.cn/中文网。安装完以后，打开命令行（Windows+R）快捷键打开cmd窗口，输入  node -v  ，如果出现版本号，那就安]]></description><category></category></item><item><title><![CDATA[JS按时间戳去分类]]></title><link>https://blog.youkuaiyun.com/github_38771368/article/details/78192294</link><guid>https://blog.youkuaiyun.com/github_38771368/article/details/78192294</guid><author>github_38771368</author><pubDate>Tue, 10 Oct 2017 14:27:58 +0800</pubDate><description><![CDATA[后端返回了时间戳，前端按照时间分类。 
  正常情况下，这种都是后台进行处理，当然也不能排除例外情况。
json数据：var aa = [
            { "time" : 1505152478751 },
            { "time" : 1505224173294 },
            { "time" : 1505233473065 },]]></description><category></category></item><item><title><![CDATA[CSS中line-height带单位与不带单位的区别]]></title><link>https://blog.youkuaiyun.com/github_38771368/article/details/78182008</link><guid>https://blog.youkuaiyun.com/github_38771368/article/details/78182008</guid><author>github_38771368</author><pubDate>Mon, 09 Oct 2017 14:08:46 +0800</pubDate><description><![CDATA[line-height用来设置元素的行高。 
  该属性会影响行框的布局。在应用到一个块级元素时，它定义了该元素中基线之间的最小距离而不是最大距离。
css里的line-height默认单位是em，相对于父级设置的高度。若是自适应建议是用em单位，比如：line-height: 1em,代表行高是16px;若要精确距离建议用px单位，比如：line-height: 1px,代表行高1px;不带单位]]></description><category></category></item><item><title><![CDATA[HTTP中404、405、500等请求错误出错原因]]></title><link>https://blog.youkuaiyun.com/github_38771368/article/details/78130266</link><guid>https://blog.youkuaiyun.com/github_38771368/article/details/78130266</guid><author>github_38771368</author><pubDate>Fri, 29 Sep 2017 09:13:53 +0800</pubDate><description><![CDATA[1、404错误Web 服务器找不到您所请求的文件或脚本。请检查URL 以确保路径正确。。
如果问题依然存在，请与服务器的管理员联系。 
2、405错误不允许此方法 。
对于请求所标识的资源，不允许使用请求行中所指定的方法。请确保为所请求的资源设置了正确的 MIME 类型。 
如果问题依然存在，请与服务器的管理员联系。 
3、500错误服务器的内部错误。
Web 服务器不能执行此请求。请稍后重试此请求]]></description><category></category></item><item><title><![CDATA[chrome解决跨域（CORS）问题---chrome插件]]></title><link>https://blog.youkuaiyun.com/github_38771368/article/details/78130135</link><guid>https://blog.youkuaiyun.com/github_38771368/article/details/78130135</guid><author>github_38771368</author><pubDate>Fri, 29 Sep 2017 08:58:15 +0800</pubDate><description><![CDATA[chrome中跨域问题，可以安装插件解决
  
  插件名字：Allow-Control-Allow-Origin]]></description><category></category></item><item><title><![CDATA[字体号数与像素对应关系]]></title><link>https://blog.youkuaiyun.com/github_38771368/article/details/78021020</link><guid>https://blog.youkuaiyun.com/github_38771368/article/details/78021020</guid><author>github_38771368</author><pubDate>Mon, 18 Sep 2017 16:51:40 +0800</pubDate><description><![CDATA[英文字体的1磅，相当于1/72 英寸，约等于1/2.8mm。 12PT的字打印出来约为4.2mm。网页中12px的字才相当于12像素。
  
  虽然 四号=(14/72)*96=18.6px 更接近 19px，但是因为 18px 是点阵，所以系统还是优先显示点阵字号的。
  
  换句话说：四号=18px 中文字号VS英文字号(磅)VS像素值的对应关系：  字号
  磅数
  像素  八号
  5]]></description><category></category></item><item><title><![CDATA[vue中修改了数据但视图无法更新的情况]]></title><link>https://blog.youkuaiyun.com/github_38771368/article/details/77155939</link><guid>https://blog.youkuaiyun.com/github_38771368/article/details/77155939</guid><author>github_38771368</author><pubDate>Mon, 14 Aug 2017 10:24:41 +0800</pubDate><description><![CDATA[我们有时候常碰到vue中明明修改了数据，但是视图无法更新，因此我总结了一点点碰到此类的情况：1、v-for遍历的数组，当数组内容使用的是arr[0].xx =xx更改数据，vue无法监测到
  数组数据变动：我们使用某些方法操作数组，变动数据时，有些方法无法被vue监测，有些可以Vue包装了数个数组操作函数，使用这些方法操作的数组去，其数据变动时会被vue监测： 
push()
pop()
shif]]></description><category></category></item><item><title><![CDATA[JS中如何比较两个Json对象是否相等]]></title><link>https://blog.youkuaiyun.com/github_38771368/article/details/76984673</link><guid>https://blog.youkuaiyun.com/github_38771368/article/details/76984673</guid><author>github_38771368</author><pubDate>Wed, 09 Aug 2017 13:55:03 +0800</pubDate><description><![CDATA[1、先准备三个工具方法，用于判断是否是对象类型，是否是数组，获取对象长度； 
  2、准备两个相同或不同的Json对象； 
  3、主要的代码； 
  4、调用代码。
一、判断是否是对象类型，是否是数组，获取对象长度。function isObj(object) {
    return object && typeof(object) == 'object' && Object.prototype]]></description><category></category></item><item><title><![CDATA[js数组去重（方法集合）]]></title><link>https://blog.youkuaiyun.com/github_38771368/article/details/76921579</link><guid>https://blog.youkuaiyun.com/github_38771368/article/details/76921579</guid><author>github_38771368</author><pubDate>Tue, 08 Aug 2017 17:36:21 +0800</pubDate><description><![CDATA[普通数组去重
JSfunction uniqueArray(arr) {
    var ret = [];
    var hash = {};
    for(var i = 0; i < arr.length; i++) {
        var item = arr[i];
        var key = typeof(item) + item;
        if(hash[key]]></description><category></category></item><item><title><![CDATA[js操作数组分类（1）]]></title><link>https://blog.youkuaiyun.com/github_38771368/article/details/76576793</link><guid>https://blog.youkuaiyun.com/github_38771368/article/details/76576793</guid><author>github_38771368</author><pubDate>Wed, 02 Aug 2017 14:21:18 +0800</pubDate><description><![CDATA[1、根据数组json字符串排序： 
  需求：要求相同名称的放在同一列表下。
JS：var aa = [
    {
        id: 1,
        imei: '',
        store_name: '合肥店'
    },
    {
        id: 3,
        imei: '3',
        store_name: '合肥店'
    },]]></description><category></category></item><item><title><![CDATA[检测某一个网页下localStorage的剩余容量]]></title><link>https://blog.youkuaiyun.com/github_38771368/article/details/76576653</link><guid>https://blog.youkuaiyun.com/github_38771368/article/details/76576653</guid><author>github_38771368</author><pubDate>Wed, 02 Aug 2017 14:11:47 +0800</pubDate><description><![CDATA[使用localStorage很久了，虽然知道它的容量在不同的浏览器下为5M-10M，突然想知道怎么去判断自己写的WebApp应用下的localStorage剩余容量。平时用JSON.stringify(localStorage).length，和最大容量比较下，能估算出大概用了多少。 
具体使用方法：if(window.localStorage) {
    var aa= 1024 * 1024]]></description><category></category></item><item><title><![CDATA[html字符编码]]></title><link>https://blog.youkuaiyun.com/github_38771368/article/details/74221817</link><guid>https://blog.youkuaiyun.com/github_38771368/article/details/74221817</guid><author>github_38771368</author><pubDate>Mon, 03 Jul 2017 17:03:00 +0800</pubDate><description><![CDATA[形状
  字符编码
  形状
  字符编码  ▲
  25B2
  ❤
  2764
  ►
  25BA
  ✈
  2708
  ▼
  25BC
  ★
  2605
  ◄
  25C4
  ✦
  2726
  ☀
  2600
  ◆
  25C6
  ◈
  25C8
  ▣
  25A3
  «
  00AB
  »
  00BB
  ‹
  008B
  ›
  009B
http]]></description><category></category></item><item><title><![CDATA[1px在高清屏幕上的问题]]></title><link>https://blog.youkuaiyun.com/github_38771368/article/details/74202137</link><guid>https://blog.youkuaiyun.com/github_38771368/article/details/74202137</guid><author>github_38771368</author><pubDate>Mon, 03 Jul 2017 15:29:52 +0800</pubDate><description><![CDATA[一直以来我们实现边框的方法都是设置  border: 1px solid #ccc ，但是在 retina 屏上因为设备像素比的不同，边框在移动设备上的表现也不相同： 1px 可能会被渲染成 1.5px, 2px, 2.5px, 3px....，在用户体验上略差，所以现在要解决的问题就是在 retina 屏幕实现 1px 边框。
  
  有以下几种方式：
1、transform: scale(0.]]></description><category></category></item><item><title><![CDATA[兼容ie8以下 rgba()用法]]></title><link>https://blog.youkuaiyun.com/github_38771368/article/details/74201804</link><guid>https://blog.youkuaiyun.com/github_38771368/article/details/74201804</guid><author>github_38771368</author><pubDate>Mon, 03 Jul 2017 15:22:51 +0800</pubDate><description><![CDATA[可以使用 IE 的 filter 来解决rgba的兼容性。
CSS:background: rgba(255, 255, 255, .1);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);第二句话的意思就是当上一行的透明度不起作用的时候执行。这句话的意思]]></description><category></category></item><item><title><![CDATA[jquery多张单图自动轮播]]></title><link>https://blog.youkuaiyun.com/github_38771368/article/details/74199750</link><guid>https://blog.youkuaiyun.com/github_38771368/article/details/74199750</guid><author>github_38771368</author><pubDate>Mon, 03 Jul 2017 15:06:38 +0800</pubDate><description><![CDATA[<!DOCTYPE html>
<html>    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <meta name="renderer" content="webkit|ie-comp|ie-stand">]]></description><category></category></item><item><title><![CDATA[js生成二维码（qrcode.js）]]></title><link>https://blog.youkuaiyun.com/github_38771368/article/details/73998516</link><guid>https://blog.youkuaiyun.com/github_38771368/article/details/73998516</guid><author>github_38771368</author><pubDate>Fri, 30 Jun 2017 15:00:50 +0800</pubDate><description><![CDATA[QRCode.js 是一个用于生成二维码图片的插件。
  
  github地址：https://github.com/davidshimjs/qrcodejs/
在线实例：基础示例：http://www.shouce.ren/study/api/s/7020API 接口：http://www.shouce.ren/study/api/s/7021使用方法：1、载入  Jquery  文件2、引入]]></description><category></category></item><item><title><![CDATA[页面内容不足一屏时显示在这一屏的最下方]]></title><link>https://blog.youkuaiyun.com/github_38771368/article/details/73953589</link><guid>https://blog.youkuaiyun.com/github_38771368/article/details/73953589</guid><author>github_38771368</author><pubDate>Fri, 30 Jun 2017 10:59:04 +0800</pubDate><description><![CDATA[有时候，当页面内容较短，撑不开浏览器高度，但是又希望footer能在窗口最低端。
  
  思路一：将footer的父级元素的最小高度设置为100%，并相对定位；父级元素内要预留footer的高度；并将footer的绝对定位（absolute），置底（bottom:0）;
HTML<div id="container">
    <div id="header">header</div>
    <]]></description><category></category></item><item><title><![CDATA[font-size = 0 的作用]]></title><link>https://blog.youkuaiyun.com/github_38771368/article/details/73549381</link><guid>https://blog.youkuaiyun.com/github_38771368/article/details/73549381</guid><author>github_38771368</author><pubDate>Wed, 21 Jun 2017 15:08:32 +0800</pubDate><description><![CDATA[问题的根源是 inline（a标签默认是display:inline） 和 inline-block (.list 设置的是 display:inline-block) 是内联布局，既然是内联那么就会受空白区域的影响。
  
  这是像素级还原设计稿很有用的设置，因为元素节点有文本节点，在缩进代码时会占据宽度，这么说不好理解，演示如下：
HTML<div class="box">
  <div>1<]]></description><category></category></item></channel></rss>