MMRS-CSDN博客

原创组件使用注意事项

官方文档：http://cn.vuejs.org/v2/guide/components.html组件使用注意事项：1.组件自己要申明可导出，别的地方才能引用2.组件引用方，必须要引入组件路径3.组件引用方，自定义组件名，不能将组件名命名成和html原生标签的名字一样

2016-12-24 22:45:12 788

原创 vue-router使用及注意事项

官方文档地址：http://router.vuejs.org/zh-cn/essentials/getting-started.html如下记录下学习中所犯的错误：1.命名错误原代码如下：浏览器界面显示则是，切换3个tab，对应的内容没有显示出来：修正之后，即将代码中的"routermaps"改成”routes“，就运行正常了，正常运行界面如下图

2016-12-24 22:28:10 1733

原创通用清除浮动方式

1.常用清除浮动的方式（优雅）.clearfix:before,.clearfix:after{ content:' '; display:table;}.clearfix:after{ clear:both;}.clearfix { *zoom: 1; /*兼容低版本IE*/}2.BFC概念及布局参考资料（1）CSS深入理解流体特性和

2016-10-26 21:07:50 458

原创前端工程化开发

1.前端工程——基础篇 https://github.com/fouber/blog/issues/10

2016-10-08 11:05:17 432

转载 Sublime text3使用Emmet

1.安装步骤:Preferences——》Package Control——》Install Packages——》输入Emmet——》点击开始安装2.Emmet使用如下内容转自：http://jingyan.baidu.com/album/ca41422fdd00201eaf99ed73.html?picindex=1(1)生成一个html空模版文件。html:x

2016-09-28 22:00:20 420

原创 js扩展方法

1.数组扩展方法1.1删除数组中的指定下标的元素Array.prototype.remove = function(dx) { if(isNaN(dx)||dx>this.length){return false;} this.splice(dx,1); }1.2删除数组重复项如下实现方式在效率和实现方法及写法来说，是比较优的Array.prototyp

2016-06-05 16:37:01 621

转载浅谈WEB跨域的实现（前端向）

转自：http://www.tools138.com/create/article/20150220/020026679.html同源策略/SOP（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSFR等攻击（可以参考我的这篇文章）。SOP要求两个通讯地址的协议、域名、端口号必须相同，否则两个地址的

2016-02-03 11:51:35 975

转载 JavaScript跨域总结与解决办法

什么是跨域1、document.domain+iframe的设置2、动态创建script3、利用iframe和location.hash4、window.name实现的跨域数据传输5、使用HTML5 postMessage6、利用flash本文来自网络（http://f2e.me/200904/cross-scripting/，该网址已不能访问），仅作个人读书笔记之用，并稍作修改和

2016-02-03 11:45:36 349

原创 sublime text3 安装less2css

1.下载sublime text3sublime text3下载地址:http://pan.baidu.com/s/1i3N22TR解压下载包sublime text3，打开“”2.打开sublime text之后，安装“Package Control”找到 " Preferences——》Package Control ", 也可以用快捷键 Ctrl+Shift+P打

2016-02-02 15:06:47 4464 1

转载使用javascript实现银行卡号的Luhn校验或验证算法

//Create Time: 07/28/2011//Operator: 刘政伟//Description: 银行卡号Luhm校验 //Luhm校验规则：16位银行卡号（19位通用）: // 1.将未带校验位的 15（或18）位卡号从右依次编号 1 到 15（18），位于奇数位号上的数字乘以 2。// 2.将奇位乘积的个十位全部相加，再加上所有偶数位上的数字。// 3.将加法和加上校验位能被 10

2016-01-27 15:39:17 3741

原创前端生成二维码

直接上代码吧，jquery.qrcode的源文件下载地址：https://github.com/jeromeetienne/jquery-qrcode是基于jquery实现的，jquery.qrcode又是在qrcode.js的基础上封装的，以下是测试代码，可直接使用。basic example --> 以table形式渲染，兼容低端浏览器

2015-07-30 11:43:44 1953

原创 js编码url

在做项目中，遇到这样的情景，字符串作为url中的参数，向后台发送请求，例如：/user/'+ words +'search. 如果前端不对参数words做处理就发到后台，后台得到的words是乱码。百度查了一下js编码的方法，采用encodeURI来解决问题。第一次写成如下方式：var encodeUrl = encodeURI('/user/'+ words +'search');

2015-07-21 10:04:27 433

转载移动SEO之页面优化

转自：SEO每天一贴连续几篇帖子谈移动搜索优化问题，不过谈的较多的是PC和移动两个版本怎样适配，以及独立URL移动站和自适应移动站怎样取舍的问题，移动页面上具体怎么优化说的比较少。这篇讨论移动页面的SEO。大部分PC端页面优化技巧依然适用关键词研究、网站架构和URL设计、页面关键词布局、文案写作、导航及内部链接系统设计等大部分PC版网站优化技术依然适用。没必要把

2015-05-26 00:06:38 609

转载 JavaScript获取图片的原始尺寸

转自：http://www.cnblogs.com/snandy/p/3704218.html页面里的img元素，想要获取它的原始尺寸，以宽度为例可能首先想到的就是width，如下12345<img src="http://img11.360buyimg.com/da/g14/M07/01/0E/rBE

2015-05-02 10:20:23 766

原创 input、select、textarea兼容不同浏览器样式统一

输入框高亮，文字上下居中input,textarea,select { border:1px solid #ccc; font-family:inherit; font-size:inherit; *font-size:100%; /* IE * font-weight:inherit; outline:none; -moz-bor

2015-04-28 10:55:16 3648

原创 css引入中文字体文件处理过程

使用@font-face 来进行字体的引入之前，得先找好字体文件，其中中文字体文件的寻找和处理遇到的情况不过如下：1.下载字体：找字网：http://www.zhaozi.cn/html/fonts/china/index.php2.通常下载到的字体格式为 .ttf 的，为了兼容所有浏览器，需要额外生成 .eot , woff, svg格式的文件, 网上有很多文件转换的

2015-04-21 20:45:16 2158

转载网站怎样加载系统不自带的特殊字体？

转自：http://www.china125.com/design/css/4240.htm作为网页设计师都知道网页中的HTML文字大多都会选用一些常用字体，比如“宋体”“黑体”等，因为这些字体在多数电脑中都有被安装，然而如果想用一些特殊字体的话，一般都会将这些字体转为图片，原因也是由于使用的很多字体在许多电脑中并不存在。其实解决这种字体文字并不难，本文推荐的方法就十分管用，通过CSS中的UR

2015-04-21 10:32:12 1327

转载最全的常用正则表达式大全

一、校验数字的表达式 1 数字：^[0-9]*$ 2 n位的数字：^\d{n}$ 3 至少n位的数字：^\d{n,}$ 4 m-n位的数字：^\d{m,n}$ 5 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$ 7 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{

2015-04-13 20:36:13 449

原创 cookie

使用cookie实现单点登录 Cookie是由服务器端生成，发送给User-Agent（一般是浏览器），浏览器会将Cookie的key/value保存到某个目录下的文本文件内，下次请求同一网站时就发送该Cookie给服务器（前提是浏览器设置为启用cookie）,Cookie名称和值可以由服务器端开发自己定义。注意，在没有后台连接下，前端要在浏览器中测试cookie，一般是不起作用的，

2015-04-05 19:07:54 363

转载 CSS设置滚动条样式

来自：http://www.javascript100.com/?p=756浏览器默认的滚动条样子太过屌丝了，得自己动手整整。记得IE浏览器有几个设置滚条的样式，不过比较鸡肋，只能设置颜色之类的，而且webkit下面也不支持。无意间看到网易邮箱的滚动条样子很好看，一开始以为是用div模拟的，结果一看，吼吼，正合我意，利用的CSS来设置的，而且是webkit浏览器的。

2015-04-01 09:53:13 524

转载 JSON

转自：http://blog.csdn.net/itlwc/article/details/9842583JSON简介[plain] view plaincopyJSON指的是JavaScript对象表示法(JavaScript Object Notation) JSON用来存储和交换文本信息 JSON是纯文本的 J

2015-03-20 15:39:36 364

转载前端性能优化技术集锦

前端性能优化技术集锦网站速度直接影响用户体验，在这里收集了前端性能优化众多技术文章。包括了http状态代码、Google.com首页代码分析、HttpWatch工具使用、网页背景图片采用大图还是小图片填充、Web站点页面元素加载速度测试工具等。

2014-11-20 16:35:19 418

转载加载，不只是少一点点

HTML5自打出生就注定要开始它不平凡的一生，各大科技公司都对其寄予厚望，并纷纷进行尝试。苹果、谷歌、微软陆续推出HTML5展示页面，各大视频网站也相继宣布支持HTML5视频技术，HTML5地理定位技术更如雨后春笋，在国外社交网站得到应用。另一方面，在移动设备平台，iPhone的出货量已经超过1亿部，而iPad的销量也超过了1500万台，iPad2也在首周销量了近100万台，销售额达到95

2014-11-20 16:30:42 507

转载网站性能优化之CSS无图片技术

一、无图片技术定义在不使用CSS Image（通过CSS的引入的背景图片,不包括img标签内的图片）情况下生成类似图片效果的技术；换句话的意思就是在使用纯CSS生成类似图片效果的技术。二、为什么要“无图片”？首先我们通过yslow的statistics查看新浪微博最新版首页的文件，得到Stylesheet File(CSS文件)大小为206.8K, CSS Image大小为623.8K

2014-11-20 16:28:35 382

转载给网页设计师和前端开发者看的前端性能优化

本文的作者哈利来自英国，是一位22岁的设计师、开发人员，同时也是一名作家和讲师（见下图）。不错的一篇文章，推荐熟读！英文原文：Front-end performance for web designers and front-end developers ，编译：oschina在这篇长文章中，我将分享个人项目经验，一些关于快速简单且非常有趣的WEB性能知识的点点滴滴，以便使

2014-11-20 16:25:58 644

转载如何制作自己的网页字体图标

本文由韩聪根据Heydon Pickering的《How to make your own icon webfont》所译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://www.webdesignerdepot.com/2012/01/how-to-make-your-own-icon-webfont，以及作者相关信息。

2014-11-20 16:17:46 1362

转载如何把你的图标转换成web字体

本文由大漠根据Martin Gittins的《How to turn your icons into a web font》所译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://www.webdesignerdepot.com/2013/04/how-to-turn-your-icons-into-a-web-font，以

2014-11-20 16:16:01 594

转载 Inline SVG vs Icon Fonts

本文由大圆根据Chris Coyier的《Inline SVG vs Icon Fonts [CAGEMATCH]》所译,整个译文带有我们自己的理解与思想，如果译得不好或有不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://css-tricks.com/icon-fonts-vs-svg。——作者：Chris Coyier——译者：大圆当你为一个网站建一套图

2014-11-20 16:10:58 852

转载 @font-face制作Web Icon

@font-face是CSS3中有关于字体设置的属性，通过@font-face可以将本地字体设置为Web页面字体，并能兼容所有浏览器，使用这个属性就不必担心用户本地不具备这样的字体。因为我们把字体都上传到服务器上，不过这样一来很多人担心影响性能问题。鱼和熊掌不能兼得嘛，我们就不在为这个问题说太多的话了，不过我今天要与大家分享的主题和这个@font-face还是有很在关系的，使用他配合一定的字体来制

2014-11-20 16:06:40 830

转载为什么要用和如何使用字体图标

本文由Spy根据Steven Bradley的《Why And How To Use Icon Fonts》所译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://www.vanseodesign.com/web-design/icon-fonts/，以及作者相关信息——作者：Steven Bradley——

2014-11-20 15:59:19 2202

转载自定义Bootstrap

特别声明：此篇文章由Sunnylost根据Thomas Park的英文文章原名《Customizing Bootstrap》进行翻译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://coding.smashingmagazine.com/2013/03/12/customizing-bootstrap以及作者相关信息

2014-11-20 14:58:33 918