随笔分类 -  前端系统学习笔记

1 2 3 4 5 下一页
对前端相关知识进行系统的学习，对所学内容及遇到的问题进行梳理。
PHP介绍
摘要：php是一种后台编程语言；使用php可以开发动态网站和后台接口（所谓接口就是url地址，用于给前端提供数据）。 php基础语法 变量 字符串拼接 单引号与双引号 内容输出 数据类型 运算符 分支循环语句 函数 预定义变量（表单处理） 变量 字符串拼接 单引号与双引号 内容输出 数据类型 运算符 分支 阅读全文
posted @ 2019-10-30 14:50 阿江是个程序猿 阅读(238) 评论(0) 推荐(0)
Apache安装
摘要：安装 安装路径D:\wamp 配置根路径 默认的网站根路径是安装目录的www子目录（D:\wamp\www），如果不想使用默认目录，可以自己配置。配置方式如下： 找到文件D:\wamp\bin\apache\Apache2.4.4\conf\httpd.conf 或者打开如下文件（实际是同一个文件） 阅读全文
posted @ 2019-10-30 14:44 阿江是个程序猿 阅读(128) 评论(0) 推荐(0)
Ajax介绍
摘要：前端相关的技术点： html（html5） 主要用来实现页面的排版布局 css（css3） 主要用来实现页面的样式美化 JavaScript（jQuery） 主要用来实现前端功能特效 html（html5） 主要用来实现页面的排版布局 css（css3） 主要用来实现页面的样式美化 JavaScri 阅读全文
posted @ 2019-10-30 14:40 阿江是个程序猿 阅读(145) 评论(0) 推荐(0)
使用jQuery对象
摘要：1基本行为 * size()/length: 包含的DOM元素个数 * [index]/get(index): 得到对应位置的DOM元素 * each(): 遍历包含的所有DOM元素 * index(): 得到在所在兄弟元素中的下标 2属性：操作内部标签的属性或值 2.1操作任意属性 attr(na 阅读全文
posted @ 2019-10-29 13:08 阿江是个程序猿 阅读(655) 评论(0) 推荐(0)
jQuery插件
摘要：1扩展插件 理解：$是函数，可以当对象使用（也称jQuery对象），$（）返回的是一个新对象 1.1扩展jQuery函数对象的方法 $.extend(object) $.extend({ xxx: fuction () {} // this是$ }) $.xxx() 1.2扩展jQuery对象的方法 阅读全文
posted @ 2019-10-29 13:08 阿江是个程序猿 阅读(149) 评论(0) 推荐(0)
使用jQuery函数
摘要：1选择器 1.1说明 选择器本身只是一个有特定语法规则的字符串, 没有实质用处，它的基本语法规则使用的就是CSS的选择器语法, 并对基进行了扩展，只有调用$(), 并将选择器作为参数传入才能起作用。 $(selector)作用 :根据选择器规则在整个文档中查找所有匹配的标签的数组（伪数组）, 并封装 阅读全文
posted @ 2019-10-29 13:04 阿江是个程序猿 阅读(271) 评论(0) 推荐(0)
jQuery的两把利器
摘要：1 jQuery核心函数 * 简称: jQuery函数($/jQuery) * jQuery库向外直接暴露的就是$/jQuery * 引入jQuery库后, 直接使用$即可 * 当函数用: $(xxx) * 当对象用: $.xxx() 1.1理解 即: $ 或 jQuery jQuery定义了这个全 阅读全文
posted @ 2019-10-29 13:03 阿江是个程序猿 阅读(249) 评论(0) 推荐(0)
初始jQuery
摘要：1what http://jquery.com/ * 一个优秀的JS函数库: write less, do more（使用了jQuery的网站超过90%，中大型WEB项目开发首选） * 封装简化DOM操作(CRUD) / Ajax 2why * 强大选择器: 方便快速查找DOM元素（HTML元素选取 阅读全文
posted @ 2019-10-29 13:01 阿江是个程序猿 阅读(134) 评论(0) 推荐(0)
BOM——特效
摘要：特效 偏移量 offsetParent用于获取定位的父级元素 offsetParent和parentNode的区别 var box = document.getElementById('box'); console.log(box.offsetParent); console.log(box.off 阅读全文
posted @ 2019-10-28 14:38 阿江是个程序猿 阅读(208) 评论(0) 推荐(0)
BOM的介绍
摘要：BOM的概念 BOM(Browser Object Model) 是指浏览器对象模型。 浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。 BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象。 我们在浏览器中的一些操作都可以使 阅读全文
posted @ 2019-10-28 14:36 阿江是个程序猿 阅读(4225) 评论(0) 推荐(0)
DOM——节点操作
摘要：节点操作 案例： 选择水果 节点属性 nodeType 节点的类型 1 元素节点 2 属性节点 3 文本节点 nodeName 节点的名称(标签名称) nodeValue 节点值 元素节点的nodeValue始终是null nodeType 节点的类型 1 元素节点 2 属性节点 3 文本节点 1 阅读全文
posted @ 2019-10-27 18:53 阿江是个程序猿 阅读(246) 评论(0) 推荐(0)
DOM——创建元素的三种方式
摘要：document.write() innerHTML document.createElement() 性能问题 innerHTML方法由于会对字符串进行解析，需要避免在循环内多次使用。 可以借助字符串或数组的方式进行替换，再设置给innerHTML 优化后与document.createEleme 阅读全文
posted @ 2019-10-27 18:49 阿江是个程序猿 阅读(1248) 评论(0) 推荐(0)
DOM——属性操作
摘要：属性操作 非表单元素的属性 href、title、id、src、className var link = document.getElementById('link'); console.log(link.href); console.log(link.title); ​ var pic = doc 阅读全文
posted @ 2019-10-26 21:34 阿江是个程序猿 阅读(277) 评论(0) 推荐(0)
DOM——事件详解
摘要：事件 事件：触发-响应机制。 事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。 事件三要素 事件源:触发(被)事件的元素 事件名称: click 点击事件 事件处理程序:事件触发后要执行的代码(函数形式) 事件的基本使用 var box = document.getElementById('bo 阅读全文
posted @ 2019-10-26 21:33 阿江是个程序猿 阅读(3257) 评论(0) 推荐(2)
DOM——获取页面元素
摘要：获取页面元素 为什么要获取页面元素 例如：我们想要操作页面上的某部分(显示/隐藏，动画)，需要先获取到该部分对应的元素，才进行后续操作 1 根据id获取元素 如果没有找到那个元素，返回null var div = document.getElementById('main'); console.lo 阅读全文
posted @ 2019-10-25 20:49 阿江是个程序猿 阅读(1209) 评论(0) 推荐(0)
DOM的介绍
摘要：DOM的概念 文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标记语言的标准编程接口。它是一种与平台和语言无关的应用程序接口(API),它可以动态地访问程序和脚本，更新其内容、结构和www文档的风格(目前，HTML和XML文档是通过说明部分定义的) 阅读全文
posted @ 2019-10-25 20:45 阿江是个程序猿 阅读(397) 评论(0) 推荐(0)
WebAPI介绍
摘要：Web API介绍 API的概念 API（Application Programming Interface,应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。 任何开发语言都有自己的API API 阅读全文
posted @ 2019-10-25 20:41 阿江是个程序猿 阅读(344) 评论(0) 推荐(0)
正则表达式
摘要：正则表达式 了解正则表达式基本语法 能够使用JavaScript的正则对象 了解正则表达式基本语法 能够使用JavaScript的正则对象 正则表达式简介 什么是正则表达式 正则表达式：用于匹配规律规则的表达式，正则表达式最初是科学家对人类神经系统的工作原理的早期研究，现在在编程语言中有广泛的应用。 阅读全文
posted @ 2019-10-24 12:39 阿江是个程序猿 阅读(361) 评论(0) 推荐(0)
JS函数进阶
摘要：函数的定义方式 函数声明 函数表达式 new Function 函数声明 函数表达式 new Function 函数声明 函数表达式 函数声明与函数表达式的区别 函数声明必须有名字 函数声明会函数提升，在预解析阶段就已创建，声明前后都可以调用 函数表达式类似于变量赋值 函数表达式可以没有名字，例如匿 阅读全文
posted @ 2019-10-24 12:38 阿江是个程序猿 阅读(420) 评论(0) 推荐(0)
JS继承
摘要：什么是继承 现实生活中的继承 程序中的继承 现实生活中的继承 程序中的继承 构造函数的属性继承：借用构造函数 构造函数的原型方法继承：拷贝继承（for-in） 另一种继承方式：原型继承 阅读全文
posted @ 2019-10-23 17:58 阿江是个程序猿 阅读(264) 评论(0) 推荐(0)

1 2 3 4 5 下一页