- 博客(63)
- 收藏
- 关注
RSS订阅转载 Vue构建应用
使用vue.js2.0框架开发和运行Vue 2.0 构建单页应用最佳实战转载于:https://www.cnblogs.com/vanstrict/p/6362049.html
2017-02-03 09:30:00
113
转载 20个实用正则表达式
1 . 校验密码强度密码的强度必须是包含大小写字母和数字的组合，不能使用特殊字符，长度在8-10之间。^(?=.*\\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$2. 校验中文字符串仅能是中文。^[\\u4e00-\\u9fa5]{0,}$3. 由数字、26个英文字母或下划线组成的字符串^\\w+$4. 校验E-Mail 地址同密码...
2016-11-07 18:43:00
145
转载 单行居中显示文字，多行居左显示，最多两行超过用省略号结尾
首先是单行居中，多行居左居中需要用到 text-align:center，居左是默认值也就是text-align:left。如合让两者结合起来达到单行居中，多行居左呢？这就需要多一个标签，假设一开始我们定义如下：<h2>单行居中，多行居左</h2>现在，我们在 h2 中间，嵌套多一层标签 p：<h2><p>单行居...
2016-09-30 14:09:00
183
转载 层叠水平（stacking level)
运用上图的逻辑，上面的题目就迎刃而解，inline-blcok的stacking level比之float要高，所以无论 DOM 的先后顺序都堆叠在上面。不过上面图示的说法有一些不准确，按照W3官方的说法，准确的 7 层为：the background and borders of the element forming the ...
2016-09-29 18:01:00
145
转载 前端自动化构建工具——gulp
gulp是基于流的前端自动化构建工具。一、环境配置gulp是基于nodejs的，所以没有nodejs环境的要先去安装好然后给系统配上gulp环境npm install -g gulp再到某一工程目录下跟grunt一般，也是需要package.json包依赖文件和一个入口文件 gulpfile.js(其他名字识别不了）然后就类似的先装上gulp...
2016-09-29 18:00:00
91
转载 h5 web模板
<!DOCTYPE html> <!-- 使用 HTML5 doctype，不区分大小写 --><html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa --><head> <!-- 声明文档使用的字符编码 --> <meta...
2016-09-26 09:36:00
105
转载 获取元素距离浏览区域的距离
网页被卷起来的高度/宽度（即浏览器滚动条滚动后隐藏的页面内容高度）(javascript) document.documentElement.scrollTop //firefox(javascript) document.documentElement.scrollLeft //firefox(javascript) documen...
2016-08-03 09:17:00
351
转载 SASS语法备忘
sass语法关于sass 3.3.0更新说明——3.3.0sublime相关插件为：scss语法高亮，sass语法高亮，编译，保存即编译，格式化文件后缀名sass有两种后缀名文件：一种后缀名为sass，不使用大括号和分号；另一种就是我们这里使用的scss文件，这种和我们平时写的css文件格式 差不多，使用大括号和分号。而本教程中所说的所有sass文件都指后缀名为s...
2016-07-29 10:43:00
91
转载 前端干货整合（二）
一些编码标准： 网易NEC : 更好的CSS样式解决方案特效CSS：Hover.css http://ianlunn.github.io/Hover/转载于:https://www.cnblogs.com/vanstrict/p/5710750.html
2016-07-28 17:46:00
60
转载 Gulpfile.js——编译、压缩、合并js和css文件
gulp 一个入门教程：http://www.ydcss.com/gulp API文档地址：http://www.gulpjs.com.cn/docs/api/我的一个Low版的gulpfile var gulp = require('gulp'); gulpif = require('gulp-if'); sass = require('gulp-sass'); ...
2016-07-28 17:35:00
162
转载 前端工程搭建NodeJs+gulp+bower
需要node、npm的事先安装！！1、nodejs安装程序会在环境变量中添加两个变量：系统环境变量中：path 增加C:\Program Files\nodejs\ 因为在该目下存在node.exe 和npm.cmd,加入path后可以全局调用该命令。用户变量中设置：path=C:\Users\Administrator\AppData\Roaming\npm...
2016-07-28 17:30:00
167
转载 RequireJS的简单应用
一、RequireJS的主要作用与优点主要作用：js模块化、编写复用js代码优点：1、防止命名冲突2、声明不同js文件之间的依赖3、代码模块化（1）一个文件一个模块：每个js文件应该只定义一个模块（2）define()中注意相对模块名二、常用方法1、require.config 为模块指定别名2、require 引入写好...
2016-07-28 17:24:00
87
转载 关于浏览器兼容处理—— 识别IE浏览器
var b_name = navigator.appName;var b_version = navigator.appVersion;var version = b_version.split(";");var trim_version = version[1].replace(/[ ]/g, ""); //firefox errorrif (b_name == "Microsoft ...
2016-07-27 13:59:00
112
转载 Div+CSS命名规范
（一）窗体头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：ho...
2016-07-25 12:08:00
77
转载 一大波前端干货整合【技术社区、博文、资源、工具】
前端交流站点大前端 http://www.daqianduan.com/V2EX http://www.v2ex.com/W3cplus http://www.w3cplus.com/W3Cfuns http://www.w3cfuns.com/Github https://github.com/掘金...
2016-07-25 00:21:00
125
转载 用CSS开启硬件加速来提高网站性能（转）
在桌面端和移动端用CSS开启硬件加速CSS animations, transforms 以及 transitions 不会自动开启GPU加速，而是由浏览器的缓慢的软件渲染引擎来执行。那我们怎样才可以切换到GPU模式呢，很多浏览器提供了某些触发的CSS规则。现在，像Chrome, FireFox, Safari, IE9+和最新版本的Opera都支持硬件加速，当它们...
2016-07-24 16:04:00
74
转载 5步解决移动设备上的300ms点击延迟
译者：jmouse大多数基于触摸的浏览器设备，在点击时都会有个 300ms 的事件触发等待时间，做过 web app 开发的同学应该都遇到过这个情况，通过下面的5步可以轻松搞定这个延迟。1、不要太纠结于此是否能接受这 300ms 的时间延迟，往往取决于你的应用和目标受众，比如：如果是个内容为主，并且菜单较少的应用，那么用户在阅读上花费的事件远远大于在菜单上消耗的事件，这种...
2016-07-24 16:00:00
142
转载 全面理解BFC
BFC 已经是一个耳听熟闻的词语了，网上有许多关于 BFC 的文章，介绍了如何触发 BFC 以及 BFC 的一些用处（如清浮动，防止 margin 重叠等）。虽然我知道如何利用 BFC 解决这些问题，但当别人问我 BFC 是什么，我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec 和许多文章来全面地理解BFC。一、BFC是什么？ 在解释 BFC 是什么之前...
2016-07-24 15:58:00
92
转载 纯CSS画的基本图形（矩形、圆形、三角形、多边形、爱心、八卦等）
1、正方形代码如下: #square { width: 100px; height: 100px; background: red; } 2、长方形 CSS代码如下：#rectangle { width: 200px; height: 100px; background: red; } 3、...
2016-07-24 15:49:00
77
转载 Less和Sass编译
使用koala编译Koala 是一款由国人开发的开源预处理语言图形编译工具，目前已支持Less、Sass、Compass与CoffeeScript。目前支持以下系统：Windows，Mac, 10.7+，Linux: 32bit / 64bit，Ubuntu: 32bit / 64bit；我们可以从他们官方网站下载 koala：点击进入,使用文档点击进入使用方法：...
2016-07-24 15:39:00
68
转载 前端工程模块化——以一个php项目为例
实现一个页面功能总是需要 JavaScript、CSS 和 Template 三种语言相互组织，所以我们真正需要的是一种可以将 JavaScript、CSS 和 Template 同时都考虑进去的模块化方案。前端模块化带来的性能问题很多主流的模块化解决方案通过 JavaScript 运行时来支持“匿名闭包”、“依赖分析”和“模块加载”等功能，例如“依赖分析”需要在 JavaScr...
2016-07-24 15:22:00
104
转载 浏览器检测(BrowserDetect.js)
浏览器检测是在工作中经常用到的，如果只是简单判断当前是什么浏览器的话可以通过window.navigator.useragent这样的js来直接判断就可以了！但是针对浏览器版本要求比较高的时候，如果只是单纯的判断浏览器的名字的话还不能解决问题，这时候就要通过其他方式来实现！现有的jquery已经废弃了$.browser的使用，所以在这里我介绍一个叫做"浏览器嗅探器"的程序来实现！...
2016-07-21 10:42:00
163
转载 解决ie8下h5元素兼容性的问题
HTML5的语义化标签以及属性，可以让开发者非常方便地实现清晰的web页面布局，加上CSS3的效果渲染，快速建立丰富灵活的web页面显得非常简单。HTML5的新标签元素有：<header>定义页面或区段的头部；<footer>定义页面或区段的尾部；<nav>定义页面或区段的导航区域；<section>页面的逻辑区域或...
2016-07-21 09:16:00
183
转载 选择引擎渲染页面
X-UA-Compatible是针对ie8新加的一个设置，对于ie8之外的浏览器是不识别的，这个区别与content="IE=7"在无论页面是否 包含<!DOCTYPE>指令，都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式遵循<!DOCTYPE>指令。对于多数网站来说，它是首选的...
2016-07-21 09:07:00
54
转载 Markdown语法备忘
标题 标题标题是每篇文章都需要也是最常用的格式，在 Markdown 中，如果一段文字被定义为标题，只要在这段文字前加 # 号即可。# 一级标题## 二级标题### 三级标题 以此类推，总共六级标题，建议在井号后加一个空格，这是最标准的 Markdown 语法。列表熟悉 HTML 的同学肯定知道有序列表与无序列表的区别，在 Markdown...
2016-07-18 11:37:00
70
转载 LESS语法备忘
变量很容易理解:@nice-blue: #5B83AD;@light-blue: @nice-blue + #111;#header { color: @light-blue; }输出:#header { color: #6c94be; }甚至可以用变量名定义为变量:@fnord: "I am fnord.";@var: 'fnord';...
2016-07-18 11:36:00
56
转载 ECMAScript 6十大特性
ES6入门http://es6.ruanyifeng.com/ES6排名前十的最佳特性列表Default Parameters（默认参数） in ES6Template Literals （模板文本）in ES6Multi-line Strings （多行字符串）in ES6Destructuring Assignment （解构赋值...
2016-07-17 17:58:00
587
转载 javascript函数基础
Function类型由于函数是对象，因此函数名实际上是一个指向函数对象的指针，不会与函数绑定所以没有重载这个概念！！！！！！！！！！！！！！！！！！！！！！！！！！function sum1(){}var sum2 = function(){}; //！！！！分号！！！！将变量sum2定义成function类型ECMAScript中的参数参数在...
2016-07-17 17:51:00
55
转载 javascript变量
5种简单数据类型（基本数据类型）undefined null boolean number string (还有一种复杂的数据类型：object)变量的两种不同的数据类型：基本类型（简单数据段）、引用类型（可能由多个值构成对象）1、基本类型var num1 = 5;var num2 = num1;num1与num2完全独立，不会相互影响2...
2016-07-17 17:09:00
53
转载 javascripct字符串
String 对象String 对象用于处理文本（字符串）。创建 String 对象的语法：new String(s);String(s);参数参数s是要存储在 String 对象中或转换成原始字符串的值。返回值当 String() 和运算符 new 一起作为构造函数使用时，它返回一个新创建的 String 对象，存放的是字符串s或s的字符...
2016-07-17 16:45:00
74
转载 javascripct数组
定义数组数组对象用来在单独的变量名中存储一系列的值。我们使用关键词 new 来创建数组对象。下面的代码定义了一个名为 myArray 的数组对象：var myArray=new Array()有两种向数组赋值的方法（你可以添加任意多的值，就像你可以定义你需要的任意多的变量一样）。1:var mycars=new Array()mycars[0]="Saab"...
2016-07-17 16:44:00
61
转载 javascripct流程语句
1、条件选择 if 语句：只有当指定条件为true时，使用该语句来执行代码 if...else语句：当条件为true时执行代码，当条件为 false 时执行其他代码 if...else if....else 语句：使用该语句来选择多个代码块之一来执行var x=""; if (time<10) { x="Good mor...
2016-07-17 16:33:00
82
转载 javascript正则表达式 —— RegExp 对象
定义 RegExpRegExp 对象用于存储检索模式。通过 new 关键词来定义 RegExp 对象。以下代码定义了名为 patt1 的 RegExp 对象，其模式是 "e"：var patt1=new RegExp("e");当您使用该 RegExp 对象在一个字符串中检索时，将寻找的是字符 "e"。RegExp 对象的方法RegExp 对象有 3 个方法：...
2016-07-17 16:22:00
96
转载 BOM浏览器对象
基本的BOM体系结构图window子对象document 对象frames 对象history 对象location 对象navigator 对象screen 对象window对象关系属性parent：如果当前窗口为frame，指向包含该frame的窗口的frame （frame）self ：指向当前的window对象，与wind...
2016-07-17 16:20:00
99
转载 javascript基础DOM操作
DOM 中的三个字母，D（文档）可以理解为整个 Web 加载的网页文档；O（对象）可以理解为类似 window 对象之类的东西，可以调用属性和方法，这里我们说的是 document对象；M（模型）可以理解为网页文档的树型结构。DOM 有三个等级，分别是 DOM1、DOM2、DOM3，并且 DOM1 在 1998 年 10 月成为W3C 标准。DOM1 所支持的浏览器包括 IE6+、F...
2016-07-17 16:19:00
85
转载 JavaScript 运算符
运算符 = 用于赋值。运算符 + 用于加值。运算符 = 用于给 JavaScript 变量赋值。算术运算符 + 用于把值加起来。y=5;z=2;x=y+z; 在以上语句执行后，x 的值是 7。JavaScript 算术运算符算术运算符用于执行变量与/或值之间的算术运算。给定y=5，下面的表格解释了这些算术运算符：...
2016-07-17 15:47:00
60
转载 PS初始化配置
前端工程师在使用photoshop之前需要进行一些初始化设置，主要包括以下3个 【1】首选项设置 <ctrl+k>编辑 > 首选项 > 单位与标尺 > 把标尺和文字的单位都改成像素 【2】面板设置(在窗口菜单下) 1、工具(可切换两列或单列布局) 2、选项(与当前选中的工具一一对应) 3、信息<F8...
2016-07-17 15:31:00
161
转载 Javascript Closure
一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。 var n=999; function f1(){ alert(n); } f1(); // 999另一方面，在函数外部自然无法读取函...
2016-07-17 14:47:00
50
转载 Vue.js：轻量高效的前端组件化方案
MVVM 数据绑定MVVM的本质是通过数据绑定链接View和Model，让数据的变化自动映射为视图的更新。Vue.js在数据绑定的API设计上借鉴了Angular的指令机制：用户可以通过具有特殊前缀的HTML 属性来实现数据绑定，也可以使用常见的花括号模板插值，或是在表单元素上使用双向绑定：<!-- 指令 --><span v-text="msg">&...
2016-07-17 14:39:00
95
转载 AMD规范与CMD规范
JavaSript模块化在了解AMD，CMD规范前，还是需要先来简单地了解下什么是模块化，模块化开发？模块化是指在解决某一个复杂问题或者一系列的杂糅问题时，依照一种分类的思维把问题进行系统性的分解以之处理。模块化是一种处理复杂系统分解为代码结构更合理，可维护性更高的可管理的模块的方式。可以想象一个巨大的系统代码，被整合优化分割成逻辑性很强的模块时，...
2016-07-17 14:34:00
57
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人