- 博客(15)
- 资源 (2)
- 收藏
- 关注
原创 属性和属性节点
1.什么是属性?属性就是对象身上保存的变量只要对象身上都可以添加属性(无论是自定义对象,还是DOM对象)// 1.自定义一个对象var obj = {};console.log(obj);// 2.动态给自定义对象添加属性obj.name = "lnj"; // name就是对象obj的一个属性obj.age = 33; // age就是对象obj的一个属性console.log...
2019-05-28 16:39:56 3553 1
原创 页面不断滚动,无法查看底部样式
页面滚动产生新的内容原因: 页面滚动时访问服务器,加载新的数据。解决无法查看底部样式问题方法: 断开网络连接断开网络连接方法: 使用google控制台:network->No throttling(修改为Offline)...
2019-05-28 11:39:13 346
原创 同时使用jQuery多个版本冲突(不同框架使用$符号,后使用的覆盖先使用的,引发冲突)
使用jquery和其他框架,都遇到$来写的更少,做的更多时,会出现冲突解决方案:1.释放$的使用权释放“$”的使用权: jQuery.noConflict();注意点:释放操作必须在编写其它jQuery代码之前写释放之后就不能使用“$”,只能使用“jQuery”2.自定义一个访问符号自定义一个访问符号: var nj = jQuery.noConflict(); 释放$符号...
2019-05-24 17:11:39 301
原创 SASS基本概念
1.SASS开篇1.什么是SASS(Syntactically Awesome Stylesheets Sass)?SASS是一套利用Ruby实现的, 最早最成熟的CSS预处理器, 诞生于2007年.它扩展了 CSS 语言,增加了变量、Mixin(混合)、嵌套、函数和运算等特性,使 CSS 更易维护和扩展2.如何学习SASS?LESS是一套利用JavaScript实现的C...
2019-05-23 10:51:45 1067
原创 LESS基本概念+fullpage使用方法简介
一、less基础1.1、less开篇1.什么是CSS预处理器?CSS预处理器就是用某一种语言用来为CSS增加一些动态语言的特性(变量、函数、继承等。js就是动态语言。)CSS预处理器可以让你的CSS更加简洁,适应性更强,代码更直观等诸多好处简而言之:CSS预处理器就是升级版CSS2.常见的CSS预处理器Less、Sass、Stylus3.为什么需要les...
2019-05-21 11:22:18 716
原创 元素居中显示(div等元素居中显示的方法)
方法一:div{ width: 200px; height: 200px; background: salmon; position: absolute; left: 50%; margin-left: -100px; }缺点:方式一不适合编码,因为需要我们自己口算元素宽度的一半是多少。方法二:div{ width: 200px; height: 200px; bac...
2019-05-19 16:46:17 529
原创 less使用方法
1、less可以在node.js环境下运行2、less可以在浏览器中直接运行2.1、浏览器中运行方式一步骤:(1)编写less文件(2)引入less文件(3)引入less.js下载地址(4)运行//引用文件<link rel="stylesheet/less" href="css/index.less"><script src="js/less.min.j...
2019-05-17 17:40:55 1104
原创 Javascript语法精讲——BOM
1.JavaScript-BOM开篇1.什么是BOM?DOM就是一套操作HTML标签的API(接口/方法/属性)BOM就是一套操作浏览器的API(接口/方法/属性)2.BOM中常见的对象window: 代表整个浏览器窗口注意: window是BOM中的一个对象, 并且是一个顶级的对象(全局)Navigator: 代表当前浏览器的信息, 通过Navigator我们就...
2019-05-16 15:47:50 236
原创 JavaScript网页滚动距离
不同浏览器获取网页滚动距离的方法不同浏览器在渲染网页的时候有两种模式:“标准模式(CSS1Compat)”、“混杂模式/怪异模式(BackCompat)”默认情况下都是以标准模式来渲染的,如果网页没有书写文档声明就会按照”混杂模式/怪异模式“来进行渲染文档声明:<!DOCTYPE html>1.IE9以及IE9以上的浏览器window.pageXOffset;//水...
2019-05-15 11:23:25 2931
原创 JavaScript获取网页的宽高
获取网页可视区域的宽高,分不同情况下共计三种方式:可视区域:当前浏览器窗口可见的部分,不包括可以滚动的区域。方法一:IE9及IE9以上的浏览器使用innerWidth、innerHeight可以获取网页可视区域的宽高console.log(window.innerWidth);//可视区域的宽console.log(window.innerHeight);//可视区域的高方法二:...
2019-05-10 18:58:21 580
原创 Javascript语法精讲——DOM(宿主对象)
一、JavaScript——DOM宿主对象:JS运行环境提供的对象。DOM(Document Object Model):JavaScript操作网页上的元素(标签)的API- DOM可以把HTML看做是文档树,通过DOM提供的API可以对树上的节点进行操作1.1、JavaScript——DOM开篇1.什么是windowwindow:是一个全局对象,代表浏览器中一个打开的窗...
2019-05-09 23:10:04 720
原创 JavaScript添加事件的三种方式(鼠标点击事件)
布局html页面,放入一个button按钮即可。<button id="btn">我是按钮</button>获取button按钮var oBtn = document.getElementById("btn");点击按钮的三种方式方式一:给对象的属性赋值注意点:由于是将函数(function)赋值给了一个对象(oBtn)的属性(onclick),所以后赋值的...
2019-05-08 13:34:44 30565
原创 Javascript语法精讲——ECMAScript(一)
1.JavaScript基础-基本概念1.1、什么是JavaScript?JavaScript简称JS,是前端开发的一门脚本语言(解释型语言)。解释型语言:程序执行之前,不需要编译就可以直接运行, 运行时再边解析边执行的语言编译型语言:程序执行之前,需要一个专门的编译过程,把程序编译成为机器语言的文件,比如exe文件。(C、JAVA、C++)为什么JS不需要编译就可以直接执行?...
2019-05-01 21:57:23 2820
原创 Javascript语法精讲——ECMAScript(三)
10.JavaScript-面向对象10.1、JavaScript-面向对象基本概念1.面向过程:强调的是功能行为关注的是解决问题需要哪些步骤每一个具体步骤中我们都是参与方,并且需要面对具体的每一个步骤和过程。2.面向对象Object Oriented Programming-OOP将功能封装进对象,强调具备了功能的对象关注的是解决问题需要哪些对象3.从面...
2019-05-01 21:56:06 649
原创 Javascript语法精讲——ECMAScript(二)
7.JavaScript基础-流程控制-if7.1、JavaScript流程控制基本概念- 默认情况下,浏览器会按书写从上至下顺序执行程序中的每一行代码,但是这并不能满足我们所有的开发需求;- 为了方便我们控制程序的运行流程,JavaScript提供3种流程结构,不同的流程结构可以实现不同的运行流程。这3种流程结构分别是顺序、选择、循环三种基本控制结构构造。1、顺序结构:默认的流程...
2019-05-01 21:53:34 255
动态数据填入ul(新闻展示页面).zip
2020-05-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人