JS+ jQuery
关注
分享
扫一扫
文章平均质量分 78
JavaScript学习笔记
焦妮敲代码
仅此一生，竭尽全力
展开
-
Web Worker
Web WorkerWeb Worker?Web Worker 基本使用主线程Worker线程Web Worker的优势在哪?Web Worker?我们都知道JavaScript是单线程的，至于为什么是单线程的，以下内容来源阮一峰前辈的文章作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。比如，假定JavaScript同时有两个线程，一个线程在某个DOM节点上添加内容，另一个线程删除了这个节点，这时浏览器应该以哪个线程原创 2022-04-23 17:29:31 · 2785 阅读 · 4 评论 -
《软件设计模式》面向对象的设计原则
面向对象的设计原则1.设计原则1.1 单一职责原则1.2 开闭原则1.3 里氏代换原则1.4 依赖倒转原则1.5 接口隔离原则1.6 合成复用原则1.7 迪米特法制1.设计原则1.1 单一职责原则定义：一个对象应该只包含单一的职责，并且该职责被完整地封装在一个类中。分析：（1）就一个类而言，应该仅有一个引起它变化的原因（2）一个类（大到模块，小到方法）承担的职责越多，它被复用的可能性就越小（3）当一个职责变化时，可能会影响其他职责的运作（4）将这些职责进行分离，将不同的职责封装在不同的类中原创 2021-09-26 09:56:52 · 271 阅读 · 0 评论 -
JavaScript 正则表达式——学习笔记（用于复习）
本篇文章是一篇MDN正则表达式学习笔记，用于复习。文章内容包括创建正则表达式、RegExp修饰符、正则表达式中特殊字符、以及RegExp原型上的方法等。原创 2022-03-17 23:10:11 · 1134 阅读 · 1 评论 -
两种方法实现绝对定位的元素居中效果
两种方法实现绝对定位的元素实现居中效果方法一：margin-left、margin-top方法二：transform: translate(-50%, -50%);代码因为绝对定位的盒子不能用 margin: 0 auto;的方式实现居中效果，所有需要用其他方法来实现方法一：margin-left、margin-top把margin-left、margin-top分别设置为设置为盒子宽度、高度的一半。缺点：需要随着盒子的大小变化而修改，且如果盒子宽度或者高度是奇数，则取不了精确的一半，因为像素没有小原创 2022-02-09 12:48:09 · 481 阅读 · 0 评论 -
高效使用jQuery 插件
jQuery 插件插件网站：使用jQuery 功能比较有限，想要更复杂的特效效果，可以借助于 jQuery 插件完成。 （这些插件是依赖于jQuery来完成的，所以必须要先引入jQuery文件，因此也称为jQuery 插件。）插件网站：jQuery 插件库 链接jQuery 之家 （更推荐） 链接使用点击上面链接进入jQuery插件之家，然后点击jQuery库选择需要的内容，比如这里我们选择瀑布流插件找到自己感兴趣的点击先查看演示效果，满意后再下载插件。可参考网页中简单教原创 2022-02-08 15:58:40 · 301 阅读 · 0 评论 -
深刻理解jQuery 浅拷贝深拷贝
对象拷贝浅拷贝1.属性没有重复2.属性有重复，直接覆盖3.浅拷贝后修改目标对象会影响被拷贝的对象。深拷贝示例一示例二浅拷贝1.属性没有重复var targetObj = {};var obj = { id: 1, name: "andy"};$.extend(targetObj, obj);console.log(targetObj);2.属性有重复，直接覆盖var targetObj = { id: 0 }; var obj = { id:原创 2022-02-08 14:34:49 · 746 阅读 · 0 评论 -
新手入门级jQuery学习
jQuery学习笔记1. 什么是jQuery2. jQuery的使用下载使用1. 什么是jQueryJavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。简单理解： 就是一个JS 文件，里面对我们原生js代码进行了封装并存放到里面。这样我们可以快速高效的使用这些封装好的功能了。比如 jQuery，就是为了快速方便的操作DOM，里面基本都是函数。jQuery 是一个快速、简洁的 JavaScript 库，里面封装了 JavaScript 常用的功能代码，优化了 DOM 操原创 2022-02-03 11:59:44 · 2450 阅读 · 2 评论 -
jQuery 中如何实现多库共存
多库共存方法一方法二jQuery使用 $作为标示符，随着jQuery的流行,其他 js 库也会用这$作为标识符， 这样一起使用会引起冲突。需要一个解决方案，让jQuery 和其他的js库不存在冲突，可以同时存在，这就叫做多库共存。方法一把里面的 $ 符号 统一改为 jQuery。 比如 jQuery(’‘div’’) jQuery.each();方法二jQuery 变量规定新的名称：$.noConflict()// 让jquery 释放对$ 控制权 让用自己决定var suibian =原创 2022-02-08 14:50:25 · 479 阅读 · 0 评论 -
PC端网页特效
PC端网页特效1. 元素偏移量 offset系列1. 元素偏移量 offset系列<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatibl原创 2022-01-23 13:13:32 · 1190 阅读 · 0 评论 -
网页断点调试
网页断点调试在浏览器中按下F12->sources(源代码)->找到需要调试的文件打完断点后需要刷新浏览器页面可以通过右边Watch监视添加变量，然后变量值的变化。通过快捷键F11进行下一步观察。...原创 2022-01-17 22:03:20 · 3039 阅读 · 1 评论 -
JavaScript核心之DOM文档对象模型
JavaScript学习笔记二1. 介绍1. 介绍JS的组成：JS的基础学习ECMAScript基础语法为后面做铺垫，Web APIs 是JS的应用，大量使用JS基础语法做交互效果。Web API 是 浏览器提供的一套操作浏览器功能和页面元素的API（BOM 和 DOM）详细的Web API 接口可参考链接。...原创 2022-01-19 17:38:54 · 1448 阅读 · 1 评论 -
JavaScript学习笔记一
JavaScript学习笔记1. 介绍2. 基础语法输入输出变量1. 介绍JavaScript是一种运行在客户端的脚本语言，也可以基于Node.js技术进行服务器端编程。脚本语言：不需要编译，运行过程中由js解释器（js引擎）逐行来进行解释并执行JavaScript的作用浏览器分为两个部分：渲染引擎和JS引擎JS的组成ECMAScript往往被称为JavaScript或JScript，其规定了JS的编程语法和基础核心知识。DOM（文档对象模型）：通过DOM提供的接口可以对页面上各种原创 2022-01-17 11:04:56 · 3238 阅读 · 6 评论 -
JavaScript核心之BOM浏览器对象模型
1. BOM介绍概述构成BOM比DOM更大，它包含DOM。window 对象是浏览器的顶级对象，它具有双重角色。它是 JS 访问浏览器窗口的一个接口。它是一个全局对象。定义在全局作用域中的变量、函数都会变成 window 对象的属性和方法。在调用的时候可以省略 window，前面学习的对话框都属于 window 对象方法，如 alert()、prompt() 等。注意：window下的一个特殊属性 window.name...原创 2022-01-22 17:21:45 · 245 阅读 · 0 评论