- 博客(19)
- 收藏
- 关注
RSS订阅原创 理解css3中的background-size
background-size 基本语法background-size:length | percentage | cover | contain ; length : 设置背景背景图片的宽度和高度，第一个若给定了值，第二个值为auto；会截取图片，不适用；percentage : 以父元素的百分比设置图片的宽度和高度，若第一个给定了值，第二个值为auto；cover : 将背景图像扩展的足够大，...
2018-06-19 21:18:39
235
原创 css3 选择器
css选择器复习：1.基本选择器选择器类型功能描述*通用选择器选择所有元素#idID选择器选择id为id的元素.class类选择器选择class为class的元素element元素选择器选择指定类型的html元素（例：p、html、h1）selector1,selectorN群组选择器将每一个选择器匹配的元素集合并2.层次选择器选择器类型功能描述E F后代选择器选择匹配的F元素，且匹配的F元素被...
2018-06-19 16:32:13
156
原创 css之浮动篇
float 简单介绍：1、浮动的原理：使当前的元素脱离普通流（html的文档流是从上到下，从左到右，遇块换行），相当于浮动起来，浮动的框可以左右移动，直到他的外边缘遇到包含框或者另一个浮动框的边缘；2、浮动的影响：a、对附近的元素布局造成改变，使得布局混乱；b、浮动后的元素相当于块级元素，可以设置宽度和高度，我更倾向于display:inline-block;c、高度塌陷；问题整合：1. 浮动元素...
2018-04-10 10:37:06
196
原创 css布局解决方案
总结css布局一、居中布局 1、水平布局 1）display:inline-block;text-algin:center; a、原理、用法 原理：先将子框由块级元素变为行内元素，再通过设置行内元素居中以到水平居中； 用法：对子框设置display:inline-block...
2018-04-10 10:00:51
132
原创 关于http协议
HTTP协议（HyperText Transfer Protocol，超文本传输协议）是因特网上应用最为广泛的一种网络传输协议，所有的WWW文件都必须遵守这个标准。HTTP是一个基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件, 查询结果等）。1、HTTP协议工作于客户端-服务端架构为上。浏览器作为HTTP客户端通过URL向HTTP服务端即WEB服务器发送所有请求。Web服务器根据接...
2018-04-09 21:51:59
355
原创 实用的表单验证
常用的表单验证：// 表单验证var userName = false;var userPhone = false;var userEmail = false;var privacyClauseCheckbox = false; //验证收货人 $('input[name="userName"]').focus(function() { }).blur(function() {...
2018-04-09 20:10:13
118
原创 js闭包
我的理解：1、闭包就是能够读取其他函数内部变量的函数；2、由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成“定义在一个函数内部的函数”；3、在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。好处：1、一个是前面提到的可以读取函数内部的变量；2、另一个就是让这些变量的值始终保持在内存中。...
2018-04-08 10:15:40
120
原创 获取当前日期后五天
一、获取当前日期的时间戳主要代码：// 获取当前日期以及后4天function GetDateStr(AddDayCount) { var _date = new Date(); var currentWeek = _date.getDay(); _date.setDate(_date.getDate() + AddDayCount); //获取AddDayCount天后的日期...
2018-04-08 10:15:33
4604
原创 将git上的的项目拉到本地并引入webstorm
一、将本机的公钥设置在github上1、生成git登陆ssh key$ cd ~/.ssh$ ssh-keygen -t rsa -C “email@email.com”$ ls$ cat id_rsa.pubenter 之后将结果复制到github中 setting – SSH and GPG keys 中。二、将git上的项目下载到本地。在github上复制 https的urlwebstorm...
2018-04-08 10:15:27
8298
原创 glup安装以及使用
一、安装node.js1、说明：glup基于node.js2、安装：下载链接：https://nodejs.org/en/二、使用命令行1、简单介绍gulp在使用过程中常用命令，打开命令提示符执行下列命令node -v查看安装的nodejs版本，出现版本号，说明刚刚已正确安装nodejs。PS：未能出现版本号，请尝试注销电脑重试；npm -v查看npm的版本号，npm是在安装node.js时一同安...
2018-04-05 21:20:39
790
原创 js检测变量是否为一个数组的几种方法
instanceof、constructor 两种方法判断存在误差，不建议使用;Array.isArray()内置于浏览器中，运行效率比较高，实际操作中建议先判断浏览器是否支持Array.isArray()，之后在用Obejct.prototype.toString()方法。一、instanceof objectName instanceof Array例：var arr = [4,67,2...
2018-04-05 21:20:13
1170
原创 js中arguments的详解
一、arguments对象1、在javascript中arguments类似Array的存在，但不等同于Array；2、arguments对象不能显性的创建，只能在函数开始时才使用；3、可以像访问数组那样访问每一个元素；ps ：arguments[0],arguments[1]…4、检测函数的参数个数，引用属性arguments.length。二、模拟重载由于js没有重载的功能，但是通过argum...
2018-04-05 21:19:51
311
原创 webpack的安装以及简单实用
一、webpack是什么？WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。二、webpack和gulp的区别？1、其实Webpack和另外两个并没有太多的可比性，Gulp/Grunt是一种能够优化前端的开发流程的工具，而WebPa...
2018-04-05 21:19:27
10724
原创 js中BOM和DOM之间的详解
一、Javascript组成JavaScript的实现包括以下3个部分：1、核心（ECMAScript）：描述了JS的语法和基本对象。2、文档对象模型 （DOM）：处理网页内容的方法和接口。3、浏览器对象模型（BOM）：与浏览器交互的方法和接口。二、BOM（浏览器对象模型）1、window对象说明：BOM的核心对象是window，他表示浏览器的一个实例。他既是通过JavaScript访问浏览器窗口...
2018-04-05 21:18:36
8525
11
原创 js基本类型与引用类型
基本数据类型：按值访问，可操作保存在变量中的实际的值。基本类型值指的是简单的数据段;引用类型：当复制保存着对象的某个变量时，操作的是对象的引用，但在为对象添加属性时，操作的是实际的对象。引用类型值指那些可能为多个值构成的对象一、基本类型基本类型的访问是按值访问的，就是说你可以操作保存在变量中的实际的值,若复制的话实际上是重新在内存里的栈内存中创建一个区域然后把值在复制过去，任何方法都无法改变基本类...
2018-04-05 21:18:15
92
原创 js创建对象
工厂模式：使用简单的函数创建对象，为对象添加属性和方法，然后返回对象。被构造函数模式所替代构造函数模式：可以创建自动义引用类型，可以像创建内置对象实例一样使用new操作符，缺点，即它的每个成员都无法得到复用，包括函数原型模式：使用构造函数的prototype属性来指定那些应该共享的属性和方法。组合使用构造函数模式和原型模式时，使用构造函数定义实例属性，而使用原型模式定义共享的属性和方法。一、工厂模...
2018-04-05 21:17:48
85
原创 js上传文件进度条
一、将进度打印在consolexhr = new XMLHttpRequest();xhr.open(“post”, url, true);xhr.upload.onprocess = function (evt) {console.log(Math.round(evt.loaded / evt.total * 100) + “%”);};xhr.send(form);二、调试方式：这里使用chr...
2018-04-05 21:16:31
120
原创 javaScript数组
js中最常用的类型，数组的的每一项可以保存任何类型的数据1、创建数组的方式：1)使用构造函数 Ps:不要省略newvar arr1 = new Array(); //创建一个空数组;var arr2 = new Array(20); //创建一个长度为20的数组;var arr3 = new Arrar("a","ben","Jane"); //创建包含三项长度为三的数组;2)使用字面量表示法va...
2018-04-05 21:16:09
117
原创 JSON
json是一种数据格式；1、语法 1）简单值：string，boolean，number，null； 2）对象：复杂的数据类型，表示一个无序的键值对，以逗号分隔，大括号{}； 和js对象区别： 没有声明变量； 没有末尾的分号； 属性必须加双引号””； 同一个对象中绝对不应该出现相同的两...
2018-04-05 21:15:22
91
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人