物以稀为贵yeah-CSDN博客

转载 React学习资源汇总

React是如今最热门的前端框架之一，它设计思路独特，性能卓越，逻辑简单，受到了广泛开发者的喜爱,最近有项目需要用到React，所以现在开始恶补，把自己学习React的一些学习资料总结一下。React 官方官网地址：http://facebook.github.io/react/Github地址：https://github.com/facebook/react设计思想学习React之前，我

2017-12-06 16:29:34 4137

转载 Javascript将html转成pdf,下载（html2canvas 和 jsPDF）

最近碰到个需求，需要把当前页面生成pdf，并下载。弄了几天，自己整理整理，记录下来，我觉得应该会有人需要：项目源码地址：https://github.com/linwalker/render-html-to-pdfhtml2canvas简介我们可以直接在浏览器端使用html2canvas,对整个或局部页面进行‘截图’。但这并不是真的截图，而是通过遍历页面DOM结构，收集所有元素信息及

2017-12-06 14:24:23 3844

原创 vue搭建详解

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 ，如果出现版本号，那就安

2017-10-10 17:21:40 722

转载 JS按时间戳去分类

后端返回了时间戳，前端按照时间分类。正常情况下，这种都是后台进行处理，当然也不能排除例外情况。json数据：var aa = [ { "time" : 1505152478751 }, { "time" : 1505224173294 }, { "time" : 1505233473065 },

2017-10-10 14:27:58 1877

原创 CSS中line-height带单位与不带单位的区别

line-height用来设置元素的行高。该属性会影响行框的布局。在应用到一个块级元素时，它定义了该元素中基线之间的最小距离而不是最大距离。css里的line-height默认单位是em，相对于父级设置的高度。若是自适应建议是用em单位，比如：line-height: 1em,代表行高是16px;若要精确距离建议用px单位，比如：line-height: 1px,代表行高1px;不带单位

2017-10-09 14:08:46 3750

原创 HTTP中404、405、500等请求错误出错原因

1、404错误Web 服务器找不到您所请求的文件或脚本。请检查URL 以确保路径正确。。如果问题依然存在，请与服务器的管理员联系。 2、405错误不允许此方法。对于请求所标识的资源，不允许使用请求行中所指定的方法。请确保为所请求的资源设置了正确的 MIME 类型。如果问题依然存在，请与服务器的管理员联系。 3、500错误服务器的内部错误。Web 服务器不能执行此请求。请稍后重试此请求

2017-09-29 09:13:53 11233

原创 chrome解决跨域（CORS）问题---chrome插件

chrome中跨域问题，可以安装插件解决插件名字：Allow-Control-Allow-Origin

2017-09-29 08:58:15 8134

转载字体号数与像素对应关系

英文字体的1磅，相当于1/72 英寸，约等于1/2.8mm。 12PT的字打印出来约为4.2mm。网页中12px的字才相当于12像素。虽然四号=(14/72)*96=18.6px 更接近 19px，但是因为 18px 是点阵，所以系统还是优先显示点阵字号的。换句话说：四号=18px 中文字号VS英文字号(磅)VS像素值的对应关系：字号磅数像素八号 5

2017-09-18 16:51:40 8560

转载 vue中修改了数据但视图无法更新的情况

我们有时候常碰到vue中明明修改了数据，但是视图无法更新，因此我总结了一点点碰到此类的情况：1、v-for遍历的数组，当数组内容使用的是arr[0].xx =xx更改数据，vue无法监测到数组数据变动：我们使用某些方法操作数组，变动数据时，有些方法无法被vue监测，有些可以Vue包装了数个数组操作函数，使用这些方法操作的数组去，其数据变动时会被vue监测： push()pop()shif

2017-08-14 10:24:41 23283 1

原创 JS中如何比较两个Json对象是否相等

1、先准备三个工具方法，用于判断是否是对象类型，是否是数组，获取对象长度； 2、准备两个相同或不同的Json对象； 3、主要的代码； 4、调用代码。一、判断是否是对象类型，是否是数组，获取对象长度。function isObj(object) { return object && typeof(object) == 'object' && Object.prototype

2017-08-09 13:55:03 22536 1

原创 js数组去重（方法集合）

普通数组去重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

2017-08-08 17:36:21 307

原创 js操作数组分类（1）

1、根据数组json字符串排序：需求：要求相同名称的放在同一列表下。JS：var aa = [ { id: 1, imei: '', store_name: '合肥店' }, { id: 3, imei: '3', store_name: '合肥店' },

2017-08-02 14:21:18 14222 4

原创检测某一个网页下localStorage的剩余容量

使用localStorage很久了，虽然知道它的容量在不同的浏览器下为5M-10M，突然想知道怎么去判断自己写的WebApp应用下的localStorage剩余容量。平时用JSON.stringify(localStorage).length，和最大容量比较下，能估算出大概用了多少。具体使用方法：if(window.localStorage) { var aa= 1024 * 1024

2017-08-02 14:11:47 3481

转载 html字符编码

形状字符编码形状字符编码 ▲ 25B2 ❤ 2764 ► 25BA ✈ 2708 ▼ 25BC ★ 2605 ◄ 25C4 ✦ 2726 ☀ 2600 ◆ 25C6 ◈ 25C8 ▣ 25A3 « 00AB » 00BB ‹ 008B › 009Bhttp

2017-07-03 17:03:00 763

原创 1px在高清屏幕上的问题

一直以来我们实现边框的方法都是设置 border: 1px solid #ccc ，但是在 retina 屏上因为设备像素比的不同，边框在移动设备上的表现也不相同： 1px 可能会被渲染成 1.5px, 2px, 2.5px, 3px....，在用户体验上略差，所以现在要解决的问题就是在 retina 屏幕实现 1px 边框。有以下几种方式：1、transform: scale(0.

2017-07-03 15:29:52 678

原创兼容ie8以下 rgba()用法

可以使用 IE 的 filter 来解决rgba的兼容性。CSS:background: rgba(255, 255, 255, .1);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);第二句话的意思就是当上一行的透明度不起作用的时候执行。这句话的意思

2017-07-03 15:22:51 1103

原创 jquery多张单图自动轮播

<!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">

2017-07-03 15:06:38 726

转载 js生成二维码（qrcode.js）

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、引入

2017-06-30 15:00:50 1151

原创页面内容不足一屏时显示在这一屏的最下方

有时候，当页面内容较短，撑不开浏览器高度，但是又希望footer能在窗口最低端。思路一：将footer的父级元素的最小高度设置为100%，并相对定位；父级元素内要预留footer的高度；并将footer的绝对定位（absolute），置底（bottom:0）;HTML<div id="container"> <div id="header">header</div> <

2017-06-30 10:59:04 1871

原创 font-size = 0 的作用

问题的根源是 inline（a标签默认是display:inline）和 inline-block (.list 设置的是 display:inline-block) 是内联布局，既然是内联那么就会受空白区域的影响。这是像素级还原设计稿很有用的设置，因为元素节点有文本节点，在缩进代码时会占据宽度，这么说不好理解，演示如下：HTML<div class="box"> <div>1<

2017-06-21 15:08:32 3097

原创 Sublime Text 3常用插件

使用Package Control组件安装按下 Ctrl+Shift+P 调出命令面板输入 install 调出 Install Package 选项并回车，然后在列表中选中要安装的插件。常用插件1、 Emmet 提高HTML & CSS3编写速度。2、 HTML5 Sublime Text3支持HTML53、sass Sublime Text3支持Sass4、less

2017-06-19 11:50:43 309

原创 axios中post请求出错，由于content-type引起的跨域的解决方法

在做一个登录页面时候，一个简单的post请求，发生了错误，错误提示如下：这是由于content-type不同，所引起的跨域。要知道：axios 的 content-type 是 application/json，jQuery 的 ajax 的 post 的 content-type 是 application/x-www-form-urlencoded。解决方法：在serve.js(这

2017-06-16 15:24:32 4598 1

原创面试题目

特总结了面试过程问的一些问题，1、ajax的流程 2、ajax的get与post的区别 3、js原型、继承、事件委托 4、闭包 5、设计模式有几种？ 6、模板引擎的原理？ 7、栅格的理解、为什么是12等分？ 8、html5新增的标签 9、css3动画 10、css你认为需要掌握哪些模块？ 11、模块化编程 12、json里面可以放什么？ 13、css3属性：box-shad

2017-06-16 14:59:44 297

原创 Ajax中Post和Get的区别

当我们像服务器发送数据时，我们可以采用get或者post，但是什么时候用get？什么时候用post？并且两者有什么区别么？Get请求和Post请求的区别 1、使用get的时候，参数会在url后面传递数据，而post不会显示，因为post请求是最为http消息的实体内容发送给web服务器。这种区别对于用户是不可见的。 2、get请求发送数据量小（最多也就1024字节），post请求发送数据量大。

2017-06-15 17:12:29 859

原创 css3中rem详解

rem是css3新增的一个属性，它是一个相对单位，直观上可以说：是相对于html元素字体大小的单位。兼容性：大多数浏览器都支持，除了IE8以下不支持，但rem一般多用于移动端页面。优点：在计算子元素有关的尺寸时，只要根据html元素字体大小计算就好。不再像使用em时，得来回的找父元素字体大小频繁的计算。1、针对设计稿计算rem 所有浏览器都一致默认保持着 16px 的默认字号，rem与px关系为

2017-06-15 16:44:55 1692

原创 vue实现切换class(与style的绑定)

1、先在data里面添加一个变量：isact，默认可设置为0data() { isact: 0}2、在页面中可以这么写：<li v-for="(item, index) in shopSort" @click="tabsort(index)" :class="{ active: iscur == index }">{{ item }}</li>3、在methods中添加一个方法：tab

2017-06-15 15:20:29 5347

原创 Vue2.0的小总结

1、模板语法1、文本数据绑定最常见的语法就是双大括号型的文本插值。例子如下：<template> <div> <p>hello {{world}}</p> <p v-text="'hello ' + world"></p> <p>{{`hello ${world}`}}</p> <p v-text="`hello ${worl

2017-06-05 09:28:33 210

原创 vue获取dom元素值

1、通过refs来获取dom元素内容 2、需要利用到jq，但是不支持，学习vue.js，都说需要抛弃jq，否则会禁锢你的思想通过refs方法ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素; 如果用在子组件上，引用就指向组件实例。这里主要是介绍在普通dom元素上使用。看下面的例子：无论是点

2017-05-19 17:39:11 11791 1

物以稀为贵yeah