111111111188888888-CSDN博客

原创移动端

设置meta viewport属性引入不同尺寸设备的样式表link rel="stylesheet" type="text/css" href="style.css" media="screen, handheld" />link rel="stylesheet" type="text/css" href="enhanced.css" media="screen and (mi

2017-02-03 21:51:06 467

原创 null与undefined的区别

null和undefined是JavaScript五种基本数据类型中的两种。null是一个特殊值，但我们常常误解它，有时候我们会把它和另一个数据类型undefined的含义互相混淆。首先我们来了解一下null这个特殊值会使用在哪些场景以及它代表着什么样的含义？1.用来初始化一个变量，这个变量可能赋值为一个对象。看着可能有点懵逼，我们结合代码来解析一下。如下：var person =

2016-12-26 19:58:52 2228

原创 javascript的全局变量和局部变量

JavaScript有两种变量：全局变量和局部变量。如果在任何函数定义之外声明一个变量，则该变量为全局变量，且该变量的值在整个持续范围内都可以访问和修改。如下代码：var kobe=24;function kobeBryant(){alert(kobe);}kobeBryant(); 如果在函数定义内声明了一个变量

2016-12-24 22:13:22 883 1

原创掌握闭包closure

个人认为闭包其实非常好理解，我们一起去认识什么是闭包。在javascript语言中，变量的作用域只有两种，一种是全局变量，一种是局部变量。js的函数内部可以直接读取全局变量。外部是读取不到局部变量的但是如何从外部读取局部变量？当我们需要得到函数内的局部变量时，就只能在函数的内部再定义一个函数。闭包的概念：就是能够读取其他函数内部变量的函数。在js中，只有函数内部的子函数

2016-12-24 14:22:20 593

原创 webstorm快捷键加快编码速度

为了更好的使用开发工具，更好的使用webstorm这款IDE。就需要我们去掌握着个IDE的所有开发快捷键。查找/代替快捷键说明ctrl+shift+N通过文件名快速查找工程内的文件（必记）ctrl+shift+alt+N通过一个字符快速查找位置（必记）ctrl+F在文件内快速查找代码F3查找下一个

2016-12-20 21:42:00 2012

原创 Webpack与其他打包工具的区别

webpack是一个模块化加载器兼打包工具，它同时支持AMD、CMD等加载规范。与其他模块化加载器相比，它有这些优势：1.代码分割webpack支持两种依赖加载：同步和异步。同步的依赖会在编译时直接打包输出到目的文件中；异步的依赖会单独生成一个代码块，只有在浏览器中运行需要的时候才会异步加载该代码块。2.Loaders在默认情况下，webpack只能处理JS文件，但是通过加载器我们

2016-12-12 23:11:58 2832

原创 H5

前言：H5也就是HTML的第五版本，HTML5。术语是：Hyper Text Markup Language懂点英语的都知道，翻译过来就是超文本标记标签语言。这样子懂英文和不懂英文的都知道HTML的术语名称了。首先我们要了解HTML这门语言是用来做什么的？所谓的超文本标记标签语言（也可以称标签为特定指令），就是除了标记标签语言之外的超文本。那什么是超文本呢？各位看官不知知道否？超文

2016-12-12 21:47:06 880

原创更改githup account用户名教程

这是写给那些不满意自己最初申请githup account取的用户名，想改自己现在想要的githup account 用户名。首先进入你的githup 里面的Settings选项，点击进去。找到Account选项，点击进去，如下图：点击Change username 就可以更改的你的githup account用户名了；如果系统出现了login is already ta

2016-12-11 21:37:09 1708

原创 WEB前端基础知识点

因为要告知浏览器的解析器用什么文档标准解析这个文档，所以在文档的开头要写上文档类型声明，H5的文档类型声明要比H4文档类型声明简洁的多。因为H5不基于SGML（标准通用标记语言），所以不需要对DTD文档类型定义）进行引用，但是H4是基于SGML，必须对DTD进行引用。H4的三种文档类型声明是：过渡模式，严格模式，框架模式。HTML是HyperText Markup Language（超文本

2016-12-04 22:46:27 3394 1

原创 sea.js

1：Sea.js简介Sea.js，一个WEB模块加载框架，追求简单、自然的代码书写和组织方式。它遵循CMD规范，模块化JS代码。依赖自动加载，配置的简洁清晰。2：Sea.js的优缺点优点：（1）提高可维护性（2）模块化编程（3）动态加载，前端性能优化缺点：（1）学习的文档少而且混乱，会更改团队使用JS的编写习惯，必须使用模块化编程。（2）不太适合团队目前的情

2016-12-04 16:40:21 460

原创关于Bootstrap的理解

随着CSS3和HTML5的流行，我们的WEB页面不仅需要更人性化的设计理念，而且需要更酷的页面特效和用户体验。作为开发者，我们需要了解一些宝贵的CSS UI开源框架资源，它们可以帮助我们更快更好地实现一些现代化的界面，包括一些移动设备的网页界面风格设计。接下来就是要详解Bootstrap框架：首先，我们要知道为什么使用框架的原理。CSS框架是一系列C

2016-12-04 16:06:53 1555

原创 CSS3新特性

CSS3新增的特性主要分为两大大类：1：属性2：选择符新增的属性有：1：定位Positioningposition+clip2：布局Layoutdisplayoverflowoverflow-xoverflow-y3：边框Borderborder-radiusbox-shadowborder-image4：背景：Background

2016-12-03 21:45:53 442

原创 px+em+rem+pt的区别

1.px:（Pixel）单位名称像素，相对长度单位，是相对显示器屏幕分辨率而言的。国内使用的多。2.em:单位名称为相对长度单位，相对于当前对象内文本的字体尺寸。如果当前对行内文本的字体尺寸未被人设置，则相对于浏览器的默认字体尺寸。国外使用的多。3.pt:单位名称为点(point)，绝对长度单位一般老版本的table使用，现在已经不用了。4.rem:是CSS3中新增加的一个

2016-12-03 12:37:33 741

原创 Javascript模块化开发AMD规范与CMD规范的区别

模块化开发能够提高开发的效率，并且能优化性能。当需要什么功能模块时，去加载需要的模块，而不是全部功能都加载到页面中。但是模块化有规范，我们前端开发必须遵守。像W3C标准，这都是规定的，就像公式一样，必须按照公式，才能得出结果。目前JavaScript模块规范有两种形式：一种是：CommonJS一种是：AMD首先先了解一下什么是CommonJS？在2009年，美国程序员Ryan

2016-12-03 11:06:52 1055

原创 WEB前端开发优化大全

优化一个网站的性能，首先要从前端+服务端+开发成本去考虑。前端方面：WEB端页面是由HTML+CSS+JS（结构层+样式层+行为层）这三层构成的，所以优化从三个层次去考虑。后端方面：服务器+带宽+浏览器缓存+资源大小1：减少HTTP请求原理：由于浏览器对同一个host有并行下载的限制，当HTTP请求越多时，总体下载的速度就越慢。解决方法：（1）使用雪碧图（css Sprit

2016-12-02 21:10:20 1657

原创 jQuery

jQuery是一套开源的JavaScript函数库，它主要是简化了对DOM的操作。兼容CSS3，兼容各大主流浏览器。二、jQuery的特点：1：轻量级的JS函数库jQuery的核心js文件几十KB，不会影响页面加载速度。2：丰富的DOM选择器3：链式表达式jQuery的链式操作可以把多个操作写在一行代码里，更为简洁。4：时间，样式，动画支持5：Ajax操作支持j

2016-12-02 20:41:20 984

原创 webpack

webpack是什么？ webpack是前端一个工具，可以让各个模块进行加载，预处理，再进行打包，它能Grunt/Gulp所有基本功能。 webpack是一款模块加载器兼打包工具，它的功能就是能把各种资源(比如：JS[含JSX],coffee,css[less/sass],图片)都作为模块来使用和处理。为什么要使用webpack? 因为网页功能越丰

2016-12-01 22:37:33 1714

原创认识Vue.js+Vue.js的优缺点+和与其他前端框架的区别

首先，我们先了解什么是MVX框架模式？MVX框架模式：MVC+MVP+MVVM1.MVC：Model(模型)+View(视图)+controller(控制器)，主要是基于分层的目的，让彼此的职责分开。View通过Controller来和Model联系，Controller是View和Model的协调者，View和Model不直接联系，基本联系都是单向的。用户User通过控制器Controller来...

2016-11-05 10:42:50 68915 5

原创更好的理解AJAX

ajax所包含的技术大家都知道ajax并非一种新的技术，而是几种原有技术的结合体。它由下列技术组合而成。 1.使用CSS和XHTML来表示。 2. 使用DOM模型来交互和动态显示。 3.使用XMLHttpRequest来和服务器进行异步通信。 4.使用javascript来绑定和调用。在上面几中技术中，除了XmlHttpRequest对象以外，其它所有

2016-11-04 20:46:58 1224

DreamsTom的博客