NonoLoaSauron-CSDN博客

原创 CSS命名规范

【命名规范】原则：结构清晰，简洁明了、突出语义化。意义：1，规范命名有助与----提升团队开发效率 2，规范命名有助与----后期产品的维护 3，规范命名有助与----后期的二次开发【1】，文件夹、文件、选择器命名规范：1，使用【英文字母、数字、下划线】的组合形式，【首字符】不能是【数字】。不能包含【汉字、特殊字符、...

2019-06-29 17:32:18 212

原创 jQuery----事件

jQuery——事件一，事件bind(‘click’,fn) ----------- 创建普通事件绑定bind(‘mouseover mouseout’,fn) ----------- 创建多事件绑定bind({ mouseover : fn, mouseout:fn })unbind() ...

2019-06-29 17:25:11 100

原创 jQuery----DOM操作

jQuery----DOM操作一，获取和设置 html 和 text和“表单”中的内容：html() ----- 获取“元素中的【HTML内容】”html(‘value’) ----- 设置“元素中的【HTML内容】”text() ----- 获取“元素中的【文本内容】”text(‘value’) ...

2019-06-29 17:02:18 74

原创 jQuery----过滤器

jQuery——过滤器一，过滤器选择器：：:first 例如： $(‘li:first’) ----first():last 例如： $(‘li:last’) ----last():not(.red) 例如： $(‘li:not(.red)’) ----not():even ...

2019-06-29 16:56:34 86

原创 jQuery----选择器

jQuery——选择器一，普通选择器：1，元素选择器：例如： $('div')2，ID选择器：例如：$('#box')3，class选择器：例如： $('.a')4, size() 或 length 获取元素个数二，进阶选择器：1，通配选择器：例如： $('*')2，群组选择器：例如： $(...

2019-06-29 16:42:21 82

原创 JavaScript----面向对象

面向对象一，面向对象传统面向对象----也称OPP，典型特点：具有类的概念通过类可以创建多个具有相同属性和方法的对象。Javascript面向对象 ---- 叫做函数式的面向对象通过【函数】模拟，实现【面向对象】的特点二，面向对象的几种方法：1，Javascript对象声明：缺点：每个对象必须独立声明和设定2，工厂模式优点：精简代码,封装对象-----将相同代码封装到一个函数中...

2019-06-29 16:27:29 83

原创 JavaScript----事件

事件一，事件介绍事件一般是用于浏览器和用户操作进行交互。例如：点击事件二，内联模式 <input type="button" value="按钮" onclick="alert('1111');" /> <input type="button" value="按钮" onclick="box();" /> 三，脚本模式 var in...

2019-06-29 16:16:53 84

原创 JavaScript----BOM基础

BOM基础BOM也叫浏览器对象模型，它提供了很多对象，用于访问浏览器的功能。一． window对象window对象就是BOM的核心对象。【1】 Window对象属性：1，history ----- 保存有窗口最近加载的URL2，location ----- 获取当前窗口的URL 与【document.location】相同【2】 Window对象方法：1，系统对话框： ...

2019-06-29 15:59:40 124

原创 javascript----DOM基础

DOM基础一， DOM介绍1, 【DOM】----【Document Object Model】指的是：网页【文档对象模型】。【D】 ---- 整个Web网页加载的【文档内容】【O】 ---- 整个Web网页中的【对象】。比如：document对象、DOM节点对象。【M】 ---- Web网页中的【网页文档树形结构】【作用】：主要为处理和修改【网页各种文档】提供【应用程序...

2019-06-29 15:46:32 85

原创 JavaScript基础---控制语句

流程控制流程控制语句一，语句的定义语句------ 所有代码都是由语句组成的。-----主要起到对程序执行过程中的流程、限定、约定的作用。语句的声明方式：单行语句 ------ var box = 123; 复合语句 ------{} 例如： { var a = 1; var b=2 } 当作为一条语句执行。二，if条件语句1，单行语句： I...

2019-06-29 15:38:06 131

原创 JavaScript基础---数据类型

数据类型一，typeof操作符typeof()------- 判断变量数据的类型：1，数据类型可分为：基本类型：number 、string、 undefined 、null 、boolean 五种复杂类型：Object2，获取数据类型：方法1，通过声明【变量】，实现获取【数据类型】。如： var box=100; alert(type...

2019-06-29 15:28:18 64

原创 2019最新CSS基础知识学习

CSS基础一、CSS概述1、css作用提出统一的方式来修改页面元素的“样式”2、什么是CSSCss：cascading style sheet级联样式表或层叠样式表，俗称：样式表3、css的优势1.实现了“内容”与“表现”的分离2.更大程度的去提高代码的可重用性和可维护性4、css的使用方式1.内联样式（行内样式）将样式定义在单个的html元素里的使用方式：将样式定义在s...

2019-06-28 20:45:54 369

原创 2019最新HTML基础知识学习

HTML基础一、WEB相关知识1、web是Internet环境下的一个具体网页应用简称：网页、web页面、页面Internet:互联网，由若干个终端以及特殊的连接介质所组成2、web的工作原理1、B\S模型(结构)B : Browser 浏览器S : Server 服务器PC : Personal Computer将web应用全部保存在服务器(Server)上,由浏览器(Bro...

2019-06-28 10:18:30 268

weixin_44711712的博客