随笔分类 - 前端笔记
摘要：1.1. jQuery 事件注册 jQuery 为我们提供了方便的事件注册机制，是开发人员抑郁操作优缺点如下： 优点: 操作简单，且不用担心事件覆盖等问题。 缺点: 普通的事件注册不能做事件委托，且无法实现事件解绑，需要借助其他方法。 语法 演示代码 <body> <div></div> <sc
阅读全文
摘要：1.1. jQuery 属性操作 jQuery 常用属性操作有三种：prop() / attr() / data() ; 1.1.1 元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性，比如 元素里面的 href ，比如 元素里面的 type。 语法 注意：prop()
阅读全文
摘要：1.1. jQuery 介绍 1.1.1 JavaScript 库 JavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。 简
阅读全文
摘要：1.1. 触屏事件 1.1.1. 触屏事件概述 移动端浏览器兼容性较好，我们不需要考虑以前 JS 的兼容性问题，可以放心的使用原生 JS 书写效果，但是移动端也有自己独特的地方。比如触屏事件 touch（也称触摸事件），Android和 IOS 都有。 touch 对象代表一个触摸点。触摸点可能是一
阅读全文
摘要：1.1. 元素偏移量 offset 系列 1.1.1 offset 概述 offset 翻译过来就是偏移量， 我们使用 offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。 获得元素距离带有定位父元素的位置 获得元素自身的大小（宽度高度） 注意：返回的数值都不带单位 1.1.2 of
阅读全文
摘要：1.1. 常用的键盘事件 1.1.1 键盘事件 <script> // 常用的键盘事件 //1. keyup 按键弹起的时候触发 document.addEventListener('keyup', function() { console.log('我弹起了'); }) //3. keypress
阅读全文
摘要：1.1. 排他操作 1.1.1 排他思想 如果有同一组元素，我们想要某一个元素实现某种样式， 需要用到循环的排他思想算法： 所有元素全部清除样式（干掉其他人） 给当前元素设置样式 （留下我自己） 注意顺序不能颠倒，首先干掉其他人，再设置自己 <button>按钮1</button> <button>
阅读全文
摘要：1.1. 节点操作 1.1.1 删除节点 node.removeChild() 方法从 node节点中删除一个子节点，返回删除的节点。 <button>删除</button> <ul> <li>熊大</li> <li>熊二</li> <li>光头强</li> </ul> <script> // 1.
阅读全文
摘要：1.1. Web API介绍 1.1.1 API的概念 API（Application Programming Interface，应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，无需理解其内部工作机制细节，只需直接调用使
阅读全文
摘要：1 - 内置对象 1.1 内置对象 JavaScript 中的对象分为3种： **自定义对象 、内置对象、 浏览器对象** 前面两种对象是JS 基础 内容，属于 ECMAScript； 第三个浏览器对象属于 JS 独有的， JS API 讲解内置对象就是指 JS 语言自带的一些对象，这些对象供开
阅读全文
摘要：1 - 作用域 1.1 作用域概述 通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。 JavaScript（es6前）中的作用域有两种： 全局作用域 局部作用域（函
阅读全文
摘要：1 - 数组 1.1 数组的概念 数组可以把一组相关的数据一起存放，并提供方便的访问(获取）方式。 数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。 1.2 创建数组 JS 中创建数组有两种方式： 利用 new 创建
阅读全文
摘要：js基础练习题 01-1到100整数累加和 <script> // for 循环重复执行某些操作 比如说我们做了100次加法运算 // 求 1~100 之间的整数累加和 // 需要循环100次，我们需要一个计数器 i // 我们需要一个存储结果的变量 sum ，但是初始值一定是 0 // 核心算法：
阅读全文
摘要：1 - 运算符（操作符） 1.1 运算符的分类 运算符（operator）也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号。 JavaScript中常用的运算符有： 算数运算符 递增和递减运算符 比较运算符 逻辑运算符 赋值运算符 1.2 算数运算符 算术运算符概述 概念：算术运算使用
阅读全文
摘要：1 - 初始JavaScript 1.1 JavaScript 是什么 布兰登·艾奇（Brendan Eich，1961年～）。神奇的大哥用10天完成 JavaScript 设计。最初命名为 LiveScript，后来在与 Sun 合作之后将其改名为 JavaScript。 JavaScript 是
阅读全文
摘要：效果图 文件目录 主页面 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
阅读全文
摘要：1.平面转换 平面 x和y 2条坐标轴组成的屏幕 x轴正值向右 y轴正值向下 属性： transform 位移 translate(x, y) translateX() translateY() 定位盒子居中 <style> .father { position: relative; width:
阅读全文
摘要：HTML5 的新特性 HTML5 新增的语义化标签 <header>：头部标签 <nav>：导航标签 <article>：内容标签 <section>：定义文档某个区域 <aside>：侧边栏标签 <footer>：尾部标签 HTML5 新增的多媒体标签 ①视频 <video src="文件地址"
阅读全文
摘要： HTML 概念 一.网页的相关概念 网站：网页的集合 网页：文字、图片等组成 html：超文本标记语言 网页的形成：浏览器打开html文件就看到我们的网页 额外的概念：文件和文件名 二.常用浏览器 常用的浏览器:chrome浏览器 三.web标准 制定者：w3c组织 构成: 结构（html）+
阅读全文
浙公网安备 33010602011771号