2018年06月_muzidigbig

原创 js-函数（闭包、私有、递归、自调）、变量(隐士)和作用域

JavaScript 函数将脚本编写为函数，就可以避免页面载入时执行该脚本。打印定义的函数名就相当于打印这整个函数函数包含着一些代码，这些代码只能被事件激活，或者在函数被调用时才会执行。你可以在页面中的任何位置调用脚本（如果函数嵌入一个外部的 .js 文件，那么甚至可以从其他的页面中调用）。创建函数的语法：function 函数名(var1,var2,...,var...

2018-06-21 16:51:05 2481 1

原创 pc端和移动端默认样式重置(rem布局)

首先说一下，为何要用重置样式除了省心之外，还有两个好处1.方便设计师/程序员发挥白纸的感觉确实好。各种margin，padding，border的为0。。。2.便于发现前端代码的遗漏用了reset后，如果“blockquote、ol、ul、hn等语义元素在没有赋以其他合理的样式”，会非常扎眼（任何人都看得出来），开发者第一反应会是“卧槽忘了写”并迅速补救。并迅速补救。但如果没r...

2018-06-05 19:20:31 1654 1

原创 js--对css类操作、对style样式操作、获取表单的值

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div{ width: 20

2018-06-28 10:30:55 536

原创 js高级02--js特性+原型链+原型链继承+原型对象（成员）+Function+arguments

继承构造函数.prototype的成员： //Function函数所有的参数全都是字符串（初始化）//Function函数的作用就是将所有的参数组合起来，变成一个函数 arguments对象在每一个函数调用的过程中, 函数代码体内有一个默认的对象arguments, 它存储着实际传入的所有参数...

2018-06-27 09:44:11 195

原创 js高级01--面向对象的特性+构造函数+原型+constructor

面向对象的特性1.封装性1.1 js 对象就是无序的键值对的集合1.2 键值如果是数据( 基本数据, 复合数据, 空数据 ), 就称为属性1.3 如果键值是函数, 那么就称为方法1.4 对象就是将属性与方法封装起来1.5 方法是将过程封装起来2. 继承性所谓继承就是自己没有, 别人有,拿过来为自己所用, 并成为自己的东西.混入式继承：就是将一个对象的值遍历赋值给另...

2018-06-26 07:47:08 324

原创 js基础学习+回顾大纲

假如要给js的三大部分分个大小的话：ECMAScript > BOM > DOM7. 值类型赋值：直接将值复制一份赋值给新的变量改变的是值引用类型赋值将对象的地址值复制一份赋值给新的变量，两个变量同时指向同一个对象，修改其中一个另一个也受影响。8. 值类型做参数 ...

2018-06-23 17:13:18 1540

原创 js-事件

JavaScript 事件（常用）网页中的每个元素都可以产生某些可以触发 JavaScript 函数的事件。比方说，我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。事件在 HTML 页面中定义。事件举例：鼠标点击页面或图像载入鼠标悬浮于页面的某个热点之上在表单中选取输入框确认表单键盘按键注意：事件通常与函数配合使用，当事件发生时函数才会执行。事件三要素事件源、事...

2018-06-22 14:22:40 8085

原创 js-对象和面向对象、Json

ECMA-262 把对象（object）定义为“属性的无序集合，每个属性存放一个原始值、对象或函数”。严格来说，这意味着对象是无特定顺序的值的数组。面向对象语言的要求一种面向对象语言需要向开发者提供四种基本能力：封装 - 把相关的信息（无论数据或方法）存储在对象中的能力聚集 - 把一个对象存储在另一个对象内的能力继承 - 由另一个类（或多个类）得来类的属性和方法的能力多态 ...

2018-06-22 10:54:01 380

原创 js-Array(方法)、arguments（伪数组）、高级迭代、清空数组

数组赋值（初始化）☞Array对象赋值方式（常用）var mycars=new Array("Saab","Volvo","BMW");console.log(mycars);var mycars=new Array();mycars[0]="Saab";mycars[1]="Volvo";mycars[2]="BMW";console.log(mycars);//也可以使用一个

2018-06-21 15:45:46 1136 1

原创 js-Math.random()生成简单的验证码

第一种：单纯的纯数字验证码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js验证码</title></head><body>&amp

2018-06-21 14:48:21 2359

原创 js-if判断、switch、while、for循环、自增自减、逻辑运算符、break/continue

逻辑运算符逻辑运算只有2个结果，一个为true,一个为false.◆且&&★两个表达式为true的时候，结果为true.◆或||★只要有一个表达式为true,结果为true.◆非！ ★和表达式相反的结果。总结：‘||’1.只要‘||’前面为false，不管‘||’后...

2018-06-21 10:05:42 3533

JavaScript的内置对象· JS Array · JS Boolean · JS Date · JS Math · JS Number · JS String · JS RegExp · JS object· JS FunctiomDate 对象Date 对象用于处理日期和时间。创建 Date 对象的语法：var myDate=new Date()注释：Date 对象会自动把当前日期和时间保...

2018-06-21 07:44:42 453

原创 setTimeout()/setInterval()参数问题setTimeout(fun,0)

setTimeout/setInterval的常见用法是让某个方法延迟执行。setTimeout/setInterval方法是挂在window对象下的。1.注意setTimeout引用的是全部变量还是局部变量？，当直接调用外部函数方法时，实际上函数内部的变量已经变成全局。2.提醒我防止出错的，用匿名函数不容易出错。3.setTimeout最快执行时间是4毫秒。4.使用setTimeout的函数会比...

2018-06-20 17:39:11 3104 1

原创 javaScript--RegExp 对象

RegExp 对象用于规定在文本中检索的内容。简单的模式可以是一个单独的字符。更复杂的模式包括了更多的字符，并可用于解析、格式检查、替换等等。您可以规定字符串中的检索位置，以及要检索的字符类型，等等。RegExp 对象表示正则表达式，它是对字符串执行模式匹配的强大工具。创建 RegExp 对象的语法：new RegExp(pattern, attributes);参数参数 pattern 是一个字...

2018-06-19 17:22:41 443

原创移动端优秀框架--Amaze UI（h5）

在此与大家分享我的学习笔记。amaze ui的官网虽然已经提供了具体的实现步骤，但是对于没有前台开发经验的我，理解起来还是很有困难的。Amaze UI借鉴了Bootstrap等国外框架的优点。引言一个前台页面的开发一般需要html、css、javascript三种技术的支持，amazui ui对一些css、js进行了封装，是其可供用户直接调用。使用方法 amaze ui的使用通常有两种...

2018-06-12 11:44:01 8353

原创 css3-flex块级元素弹性布局

Flexbox 是 flexible box 的简称（意思是“灵活的盒子容器”），是 CSS3 引入的新的布局模式。它决定了元素如何在页面上排列，使它们能在不同的屏幕尺寸和设备下可预测地展现出来。place-items它之所以被称为 Flexbox ，是因为它能够扩展和收缩 flex 容器内的元素，以最大限度地填充可用空间。与以前布局方式（如 table 布局和浮动元素内嵌块元素）相比，Flexbox 是一个更强大...

2018-06-06 10:12:28 5738 1

原创 ps-前端切图

UI给我们设计图的时候都会有一份设计原稿psd文件，有的公司可能UI会把需要的图标给切好，更多时候是需要我们自己来切的。而且，有的时候可能需要的东西UI没有切出来，你就要去是去找UI切好了再发给我们，这个过程就变得很麻烦，所以不如自己学一些切图方法。一、ps新建界面设置1．创建操作页面设置ctrl+N（注意WH1920*1080的单位为像素）2．移动工具设置（左侧工具栏中的第一个；主要操作图层...

2018-06-03 23:45:43 7477 2

原创自定义input file文件上传的默认样式

Web页面中，在需要上传文件时基本都会用到<inputtype="file">元素，它的默认样式：chrome下：给input加上 style="border: 1px solid red;"如左图所示的样式IE下：不管是上面哪种，样式都比较简单，和很多网页的风格都不太协调。根据用户的需求，设计风格，改变其显示样式的场合就比较多了。如果，要像下面一样做一个...

2018-06-01 19:04:46 5378

muzidigbig的博客