随笔分类 - Web前端
摘要：1.基础 BootStrap是全球最流行的前端框架，用于构建响应式、移动设备优先的WEB站点。 可以通过官网：https://getbootstrap.com/，下载BootStrap以获取编译过的CSS和JS文件。 然后将下载的本地化文件引入HTML中，也可以使用CDN的方式引入。 Bootstr
阅读全文
摘要：1.index()方法 用于获取当前元素在其兄弟节点中的排序位置，从0开始。 语法：$("selector").index(); 该方法一般不单独使用，而是配合对应使用。 2.对应 jQuery中的对应实际指的是“eq()”函数，用于获取集合中指定序号的元素节点，从 0 开始。 语法：$("sele
阅读全文
摘要：1.children()方法 该方法用于选中某一个元素的所有直接子元素。 语法：$("selector").children("subSelector"); children()方法中的参数为可选项，有参数事表示搜索符合参数选择器的子元素。 2.find()方法 由于children()方法只针对子
阅读全文
摘要：1.呼吸轮播图案例 ① user-select，该属性用于控制用户能够选中文本， 常用属性值： none，表示元素及其子元素的文本不可选中。 text，用户可以选择文本。 auto、all、contain等 ② is(":animated")，用于判断元素是否处于动画状态。 为了避免动画积累效应，设
阅读全文
摘要：1.css()方法 用于更改 jq对象的css样式，本方法可读可写，相当于 js中的 style属性 语法：$("选择器") .css("key", "value"); css()方法的第二个参数为可选参数， 如果只有第一个参数，就是读取样式； 如果有两个参数或JSON样式参数就是设置样式。 示例，
阅读全文
摘要：1.前端进阶之路 菜鸟级：设计图的还原，就是根据PSD文件写HTML和CSS； 入门级：加页面特效，轮播图、菜单、选项卡、无缝滚动等； HTML5+CSS3炫酷页面、手机端页面； Canvas游戏； jQuery是页面特效的完美解决方案； 普通级：处理数据，拿到后台工程是的数据，组件页面，Ajax；
阅读全文
摘要：1.瀑布流 又称为瀑布流式布局，是一种比较流行的网站页面布局。 视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，不断加载数据块并附加至当前尾部。 优点： ① 有效降低页面复杂度，节省了空间，不再需要臃肿复杂的页码导航连接或按钮； ② 对触屏设备来说，交互方式更符合直觉，尤其在移动应用的交互环境
阅读全文
摘要：1.indexOf数组去重 从数组中找到相同的元素并删除，保证数组中每一个元素都是独一无二的操作 基本思想：利用数组的indexOf()方法，寻找存入参数在数组中第一次出现的位置。 缺点：实现这个方法的时候，会遍历数组直到找到目标元素为止，会消耗很多时间 优点：保证了数组中元素的唯一性，减少内存占用
阅读全文
摘要：1.RegExp对象 正则表达式的基本语法是：/正则表达式主体/修饰符(可选)，这种创建正则的方法称为“字面量创建正则表达式”。 在 js中已经为正则表达式提供了一个“构造函数RegExp”，我们可以通过这个构造函数生成正则表达式的实例， 这种创建正则的方法称之为“构造函数创建正则表达式”。 对于R
阅读全文
摘要：1.基础 正则表达式（regular Expression）是一种“字符串检索模式”，具体表现为一个字符串的样子 执行原理：通过“参数字符串”设置检索规则，在“指定字符串”中检索符合规则的字符串 作用：可以用来进行文本搜索和文本替换 基本语法：/ 正则表达式主体 / 修饰符（可选） 示例：var r
阅读全文
摘要：1.基础 类，是一种抽象的，并不实际存在的，表示一种事物共有特征的描述 对象，是具体的，实际存在的，类中的某一个体 JavaScript是一个典型的“面向过程思想”的语言，语言中不存在类和对象的概念， 但是，由于JavaScript经常要解决“面向对象思想”的问题，所以JavaScript使用一些方
阅读全文
摘要：1.数据解析 将不能被直接使用的数据，通过某种方法转变为可以直接使用的数据的过程，称为数据解析 最常见的数据解析就是将字符串数据解析为对象数据 代码示例如下： <html lang="en"> <head> <meta charset="UTF-8"> <title>数据解析</title> <st
阅读全文
摘要：1.BOM基础 BOM（Browser Object Model）即浏览器对象模型 BOM相关说明： ① BOM提供了独立于内容而与浏览器窗口进行交互的对象 ② 由于BOM主要用于管理窗口与窗口之间的通信，因此其核心对象是 window对象 ③ BOM由一系列相关对象构成，并且每个对象都提供了很多方
阅读全文
摘要：1.放大镜案例 <html lang="en"> <head> <meta charset="UTF-8"> <title>图片放大镜</title> <style> *{ margin: 0; padding: 0; } .div1{ width: 405px; height: 270px; ba
阅读全文
摘要：1.this对象 this 是在函数运行时，自动生成的一个用来“指代函数调用者”的对象 this只能在函数内部使用 2.event对象 当DOM Tree中某个事件被触发的时候，会同时自动产生一个用来描述事件所有相关信息（如触发事件的元素、事件类型等）的对象，这个对象就是event（事件对象） 获取
阅读全文
摘要：1.键盘事件 键盘事件是指当用户操作键盘的时候会自动被触发的事件，通常分为以下三种 ① keydown，用户按下任意键都可以触发这个事件，如果按住不放，事件会被连续触发 ② keypress，用户按下任意键都可以触发这个事件，如果按住不放，事件会被连续触发 这里的任意键是指可显示的键，不包括功能键
阅读全文
摘要：1.文档事件 主要是指添加给整个文档的事件，文档事件中，绝大部分不需要用户触发调用，而是通过文档的不同状态进行自动执行 主要事件： ① load / error，加载成功/失败事件 ② DOMContentLoaded，当DOM加载完成时触发事件 ③ beforeunload，页面（文档）发生卸载时
阅读全文
摘要：1.事件基础 事件，是一种可以被js检测到的行为，本质是一种交互操作 事件的作用： ① 各个元素之间可以借助事件进行交互 ② 用户和页面之间也可以通过事件交互 ③ 后端和页面之间也可以通过事件交互 注意，事件通常与函数配合使用，事件发生时触发函数执行 2.事件传递 js中规定，事件不仅能和触发者交互
阅读全文
摘要：1.node基础 ① DOM是文档对象模型的简称，它的基本思想是： 把结构化文档解析成一系列的节点，再有这些节点组成一个树状结构（DOMTree） 所有的节点和最终的树状结构，都有规范的对外接口，以达到使用编程语言操作文档的目的 所以，DOM可以理解成文档的编程接口 ② DOM其他说明： 严格地说，
阅读全文
摘要：1.Document节点 DOM全称为 Document Object Model，即文档对象模型，是一套管理控制HTML文档的规则，而Document节点则是一种具象化的表现形式 如果把整个HTML文档看成一个对象，那么这个对象就是Document节点，而如何操作控制这个对象的标准，就是DOM D
阅读全文
浙公网安备 33010602011771号