- 博客(45)
- 收藏
- 关注
RSS订阅原创 Sass
Sass语法编译SassSASS是一个成熟、稳定、强大的 CSS 扩展语言解析器，提供变量、嵌套、混合、继承等特性，大大节省了设计者的时间，使得CSS的开发变得简单和可维护语法注释 sass有两种注释方式（与js相同） 多行注释/* */单行注释//body { color: #333; // 这种注释内容不会出现在生成的css文件中 padding: 0; /* 这种注释内
2017-09-22 19:16:42
563
原创 Gulp
gulp安装与运行gulp工作流程gulp APIgulp插件常用gulp插件其他常用插件globs语法gulpgulp是当下最流行的自动化工具 ，可以自动化完成我们开发过程中大量的重复工作。为什么要用自动化构建工具？ 主要是用来自动完成一系列重复的操作，如：编译： less->csssass->csscoffeescript->jses6->es5合并: css, js
2017-09-22 19:15:21
478
原创 Git
GitGit是一个开源的分布式版本控制系统，可以有效、高速的处理从很小到非常大的项目版本管理。分布式版本控制系统。1安装与配置1.1下载与安装下载地址：https://git-for-windows.github.io1.2配置个人信息（名字与邮箱）使用Git的第一件事就是设置你的名字和email,这些就是你在提交commit时的签名。git config --glob
2017-09-21 20:00:59
425
原创 模块化开发
模块化开发requirejsRequireJS的目标是鼓励代码的模块化，它使用在js中加载js文件的方式代替传统的script加载步骤。可以用它来加速、优化代码，但其主要目的还是为了代码的模块化。requirejs的出现主要解决两个问题：1. 实现js文件的异步加载，避免网页失去响应；2. 管理模块之间的依赖性，便于代码的编写和维护。1使用按照requireJS当中的规
2017-09-20 21:17:22
627
原创 jQuery
jQuery1了解jQueryJQuery是一个兼容多浏览器的javascript类库，核心理念是write less,do more(写得更少,做得更多)。是一个快速的简洁的javascript框架，可以简化查询DOM对象、处理事件、制作动画、处理Ajax交互过程。在2006年1月由美国人John Resig在纽约的barcamp发布。1.1 jQuery实现原理1.jQue
2017-09-20 19:11:35
496
原创 Closure&Inherit
1闭包闭包是这样一种机制: 函数嵌套函数, 内部函数可以引用外部函数的参数和变量,参数和变量不会被垃圾回收机制所收回。这里涉及到几个概念:1.函数嵌套函数。2.作用域(全局变量和局部变量)：变量的访问规则。3.垃圾回收机制(garbage collection)：js内部不断扫描内存,并清理无引用对象(自动完成)。 function aa(){
2017-09-15 17:26:09
257
原创 php
PhpPHP是一种通用开源服务端脚本语言，将程序嵌入到HTML文档中去执行，结果以纯HTML 形式返回给浏览器。PHP: Hypertext Preprocessor “超文本预处理器”，1994年由Rasmus Lerdorf创建，刚刚开始仅仅是为了要维护他本人个人网页而制作的一个简单程序（Perl语言编写），原名Personal Home Page（PHP由此得名），后用C语言
2017-09-13 21:09:23
380
原创 Ajax
Ajax1了解AJAXAJAX: Asynchronous Javascript And Xml，Ajax技术的核心是XMLHttpRequest对象（简称XHR），这是由微软首先引入的一个特性，其他浏览器提供商后来都提供了相同的实现。1.1 ajax的起源最早出现在2005年的google搜索建议。1.2 ajax的优点1.增加速度：减轻服务器的负担,按需加载数据,最大程
2017-09-13 21:04:54
568
原创 面向对象
面向对象1了解面向对象面向对象是利用对象进行编程的一种思想（Object-oriented programming,缩写:OOP）。1.1 JavaScript两种模式1.面向过程；2.面向对象。1.2面向对象与面向过程的区别例如：小狗觅食（闻一闻smell、舔一舔lick、咬一咬bite）。对这个案例分别采用面向过程和面向对象来分析。1.面向过程（主角是小狗） :
2017-09-06 21:29:50
328
原创 JS中盒模型相关
JS中盒模型相关1 offset· offsetTop: 当前元素离定位父级>元素顶部的距离；· offsetLeft: 当前元素离定位父级>元素左边的距离；以上两个属性如果没定位的父级，则相对于根元素html的距离。· offsetWidth: 当前元素的宽度（border + padding + content）；· offsetHeight: 当前元素的高度（bord
2017-09-01 19:22:47
360
原创 ECMAScript6(ES6)
ECMAScript6(ES6)1 变量的声明1.1 let：代码块内的变量声明1）变量声明不会提升；2）块级作用域；3）let不允许相同作用域内多次声明同一变量。1.2 const：常量声明1）声明后无法修改值；2）块级作用域；3）const不允许相同作用域内多次声明同一变量。2 解构赋值ES6允许我们对数组和对象中提取值，对变量进行赋值，这被叫做“解
2017-08-30 21:16:22
454
原创 ECMAScript5(ES5)
ECMAScript5(ES5)1支持ES5的浏览器· Opera 11.60+；· Internet Explorer 9+，IE9不支持严格模式；· Firefox 4+；· Safari 5.1+；· Chrome 13。2加载事件2.1 DOM文档加载步骤1.解析HTML结构。2.加载外部脚本和样式表文件。3.解析并执行脚本代码。4.DOM树
2017-08-29 21:03:08
548
原创 RegExp正则表达式
RegExp正则表达式1了解正则表达式1.1什么是正则表达式正则表达式(regular expression)是一个描述字符模式的对象。1.2为什么要使用正则表达式正则表达式能够进行强大的“模式匹配”和“文本检索与替换”功能。前端往往有大量的表单数据校验的工作，采用正则表达式会使得数据校验的工作量大大减轻。2正则表达式的创建2.1 构造函数的方式第一个参数就是我们的
2017-08-29 19:39:47
486
原创 Js中slite,splice,slice,join方法的用法区别
1 splice()使用splice方法的数据类型一般为Arryay数组，splice方法的主要功能为在数组中插入、删除、替换数组元素，改变的为使用这个方法的数组。splice(start,deleteNum,....items);其中，strart为起始索引位置，deleteNum为要删除数量，items为插入的元素（可以是多个）。需要注意的是splice()方法的返回值为删除掉的数
2017-08-28 16:09:34
1698
原创 Cookie
Cookie1网络知识（了解）1.1通信协议通信规则，设备与设备之间通信时共同遵守的规则。1.2 TCP/UDP/IP1.IP： Internet Protocol（网络之间互连的协议），规定了计算机在因特网上进行通信时应当遵守的规则:· IP地址：4个字节,一共32位 ，用来标识设备在网络中的位置；· 子网掩码: 255.255.255.0 确认两台计算机是否
2017-08-25 23:39:56
306
原创 Event事件
Event事件1什么是事件事件是可以被JavaScript侦测到的行为。网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。1.1事件的绑定方式格式：元素.on+事件名= 事件处理程序，如div.onclick = function(){}。1.2事件的类型1.2.1鼠标事件onclick 当用户点击某个对象时调用的事件。ondblclick
2017-08-25 13:54:39
1037
原创 DOM
DOM1什么是DOMDOM是Document Object Model（文档对象模型）的缩写，它是W3C国际组织的一套Web标准。是针对HTML和XML文档的一个API，它定义了访问HTML文档对象的一套属性、方法和事件。2 nodeType节点类型1.每个节点都有一个nodeType属性，用于表明节点的类型。2.常用节点类型与对应nodeType值：用于判断获取到的元素属于什
2017-08-21 21:12:24
445
原创 BOM
BOM1 BOM的概念BOM 是Browser Object Model（浏览器对象模型）的缩写，提供与浏览器窗口进行交互的对象。JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C,而BOM缺乏标准。这也是各种浏览器不兼容的根源所在。2 window对象window对象是BOM的核心,是最顶层的对象，所有对象都是通过它延伸出来的。2.1全局作用域
2017-08-18 21:20:26
299
原创 JS ASCII编码、Math、Date
ASCII编码、Math、Date1 ASCII编码charCodeAt(3) //获取下标为3的字符的ASCII(American Standard Code for * Information Interchange) == > unicode编码；String.fromCharCode(94) //编码转换成字符。说明：[ascii码, GBK及Unicode由来]字符编
2017-08-17 20:58:27
476
原创 对象Object++、String
对象Object++、String1 Object1.1给对象增加属性和属性值时，如果属性名为变量时，不能使用点语法，只能用方括号，如obj[attr]:;此处的attr为变量，如果为obj[‘attr’]:;此时的attr为字符串。1.2在输出字符串时不能换行，如果想换行需要用’+’拼接。2 String字符串2.1String的创建方式1字面量（推荐）var str
2017-08-17 10:05:57
361
原创 数组++、对象、ES5Array新增方法
数组++、对象、ES5String1 Array 数组1.1 多维数组数组里包含数组，即数组中的元素为数组。var arr = [1,2,'html5',[3,4,'css3'],[5,6,'javascript']];arr[3][2]; //=>'css3'2 Object对象2.1数据类型2.1.1基本数据类型Number,String,Boolean
2017-08-16 10:56:21
455
原创 JavaScript数组Array
Array数组1数组的定义 一系列数据的集合，每一项可以保存任何类型的数据，称为数组的元素，每个元素之间用逗号隔开，数组格式：[1,2,3]。2数组的创建方式2.1字面量（直接量）(推荐)var arr = [1,2,3];2.2使用构造函数创建var arr = new Array();//创建一个空数组；var arr = new Array(7);//创建一个
2017-08-15 10:00:48
294
原创 pc端页面body需设置min-width
浏览器窗口最大时，效果正常；浏览器窗口缩小时，效果异常。 这是因为header和nav的背景色不是版心容器container的宽度，而是body的宽度，body的宽度是浏览器窗口的宽度，所以当浏览器窗口变小时，background-color的宽度也跟着缩小，所以需要给body设置最小宽度min-width，一般为ui设计图时的宽度。
2017-08-14 10:06:13
7830
原创 JavaScript 函数++
JavaScript 函数++1函数的参数类型函数可以作为参数进行传递。function showMsg(name,age,gender,showTime){// showTime = laoxieSay;// showTime = function(){}// showTime = '我看起来很年轻'document.write('我叫' + name + ',
2017-08-12 00:35:16
291
原创 JavaScript 函数
函数1 了解函数函数就是把特定功能的代码抽取出来并进行封装，用来重复执行一些功能，并起个名字（函数名）。函数对任何语言来说都是一个核心的概念。通过函数可以封装任意多条语句，而且可以在任何地方、任何时候调用执行。使用函数的好处，为什么要使用函数？1.函数可以重复某一部分代码（通过函数名调用）；2.使程序变得更简短而清晰。3.有利于程序维护；什么时候需要函数？1.当相同
2017-08-10 20:55:23
477
原创 JavaScript循环语句++
JavaScript循环语句++1循环嵌套for(var i=0;i for(var j=0;j console.log(i,j); }}for循环执行过程：1.变量初始化；2.条件判断；3.执行代码；4.变量更新。上述代码中，外部的for循环1次，内部的for循环10次。2循环跳转2.1 breakbreak：//退出当前整个循环
2017-08-09 20:52:57
1472
原创 JavaScript基本语法++、语句Statement
JavaScript基本语法、语句Statement1 JavaScript基本语法++1.1隐式转换如果运算不能进行下去，内部就会尝试进行数据类型的转换支持隐式转换的运算：逻辑运算、关系运算、数学运算。如var num1 = number.value;num1 - 10 => Number(num1) - 10;num1 + 10 => num1 + String(10)
2017-08-09 00:56:28
508
原创 JavaScript简介与基础语法
JavaScript基础1JavaScript简介1.1JavaScript的诞生JavaScript诞生于1995年。由Netscape（网景公司）的程序员Brendan Eich(布兰登)与Sun公司联手开发一门脚本语言,最初名字叫做Mocha，1995年9月改为LiveScript。12月，Netscape公司与Sun公司（Java语言的发明者）达成协议，后者允许将这
2017-08-07 20:40:36
385
原创 移动端页面布局：百分比布局、rem布局
移动端页面布局：百分比布局、rem布局1 弹性盒布局（百分比布局）例如，拉勾网、天猫首页。好处：充分发挥大手机的优势——显示内容越多；缺点：屏幕过大，间距过大，比例失调。特点：- 顶部与底部的bar不管分辨率怎么变，它的高度和位置都不变；- 中间每条招聘信息不管分辨率怎么变，招聘公司的图标等信息都位于条目的左边，薪资都位于右边。2 rem布局（等比缩放布局）例如，网
2017-08-01 17:46:51
6971
原创 弹性盒布局、多列布局、媒体查询
弹性盒布局、多列布局、媒体查询1 flexbox布局1.1 flexbox布局简介flexbox布局，即伸缩布局盒模型，又叫弹性盒布局，用来提供一个更有的方式制定、调整和分布一个容器里的项目布局，即使它们的大小是未知或动态的。中心思想：让容器有能力让其子项目能够改变其宽度、高度（甚至顺序）；以最佳的方式填充可用空间（主要是为了适应所有类型的显示设备和屏幕大小）。flexbox容器会
2017-07-31 19:51:20
2339
原创 盒模型、3d变换、关键帧动画
盒模型、3d变换、关键帧动画1杂七杂八1.1box-shadow边框阴影box-shadow:18px 27px 10px 30px red inset;第一个数值代表水平偏移；第二个数值代表垂直偏移；第三个数值代表模糊区域；第四个数值代表拓展区域；第五个数值代表阴影颜色；第六个数值代表内阴影还是外阴影，其中默认属性为外阴影，inset为内阴影。注意：水平偏移，内阴影时是从左边
2017-07-28 20:27:59
836
原创 CSS3更多属性 浏览器私有前缀
CSS3更多属性 浏览器私有前缀1边框相关属性1.1边框圆角border-radius1.border-top-left-radius:10px20px; 单一选择一个角时，注意是top与bottom在前，right与left在后。第一个数值代表圆角水平方向半径值，第二个数值代表圆角垂直方向半径值。2.Border-radius:10px15px 20px 30px/30px 1
2017-07-28 00:31:15
1360
原创 CSS3选择器和相关属性
1CSS3选择器1.1基本选择器1.1.1通配符选择器1.1.2标签选择器1.1.3类选择器1.1.4 id选择器1.1.5群组选择器1.2层次选择器1.2.1后代选择器1.2.2子代选择器“>”1.2.3相邻兄弟选择器“+”只会获取该选择器后面紧邻的一个选择器。.yeye .baba+p{ }1.2.4兄弟选择器“~”
2017-07-26 23:07:30
410
原创 HTML5新增标签、表单新增类型与属性
HTML5新增标签、表单新增类型与属性1html5新增标签1.1html5基本常识1.1 html5支持浏览器IE9+，Firefox，Opera，Safari，Chrome。1.2html5特点增加了新特性，语义特性，本地储存特性，设备兼容特性，连接特性，网页多媒体特性，三维、图形及特效特性，性能与集成特性，CSS3特性。1.3DTD文档1 html:5，声明文档
2017-07-26 01:28:47
7590
原创 高级表单与表格、BFC研究
高级表单与表格、BFC研究复习补充1.定位（position）常用于小图标和三级导航。2.overflow，overflow-x，overflow-y：假如给某个方向的overflow设置了除了visible的值，另外一个方向会自动设置为auto。3.行内块级元素inline-block一样存在基线问题。1高级表单（非HTML5）1.1fieldset表单字段集
2017-07-25 00:16:06
407
原创 浏览器兼容问题
浏览器兼容base.css中内容：1.清除默认样式（不要用的*通配符）；2添加公共类.clearfix；3版心容器.container；4.img{display:block; border:0 none;}1浏览器基本常识1.1常用浏览器1.Interner Explorer, Safari ,Mozilla Firefox, Google Chrome, Opera；2
2017-07-22 10:08:04
325
原创 宽高自适应、过滤器 伪类选择器
宽、高自适应 过滤器 伪类选择器1宽、高自适应元素的大小能够根据窗口或子元素自动调整，这就是自适应。自适应优点：它能够使同一个网页显示更灵活，可以适应在不同设备、不同窗口和不同分辨率下显示。1.1宽度自适应div是块级元素，宽度即使不设置也会默认为父级的100%。 div{width:1000px;} ul{width:50%;} li{
2017-07-20 23:46:36
728
原创 2017_7_19图片整合、活动门、网页制作心得
图片整合、滑动门、网页制作心得隐藏元素：visibility:hidden;隐藏但是占据位置display:none;隐藏且不占据位置图片整合css sprites精灵图、雪碧图，将导航背景图片、按钮背景图片等有规则的合并成一张背景图片（精灵图、雪碧图），即将多张图片合为一整张图，然后用background-position来实现背景图片的定位技术。图片整合优点：1.通过整合来
2017-07-20 00:45:42
421
原创 2017_7_18定位、锚点、overflow
定位 锚点1定位position:static/relative/absolute/fixed;1.1静态定位static1.1.1在标准流中的默认定位就是static；1.1.2静态定位是不能通过left,right,top,bottom进行移动的。1.2相对定位relative1.2.1相对定位是根据自己原本的位置进行定位的；1.2.2相对定位不能脱离标准流（灵
2017-07-18 23:35:43
417
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人