JavaScript
关注
分享
扫一扫
文章平均质量分 62
上海-悠悠
上海-悠悠 专注python自动化测试
展开
-
node.js 使用教程-3.gulp-file-include 详细教程
gulp-file-include是gulp插件,它提供了一个 include 方法让我们可以像后端模板那样把公共部分的页面导入进来，实现 html 复用。原创 2022-09-24 18:18:06 · 830 阅读 · 0 评论 -
JavaScript 学习-46.立即执行函数
立即执行函数有以下作用- 创建一个独立作用域，这个作用域里面的变量，外部访问不到，避免变量污染。- 闭包和私有数据原创 2022-09-24 18:15:30 · 184 阅读 · 0 评论 -
node.js 使用教程-1.使用gulp-file-include插件，实现html复用
做后端开发的时候可以用模板生成html代码，像多个页面一些公共的导航栏，侧边栏都需要复用，方便维护。纯前端开发，可以用到gulp-file-include编译工具进行一次替换，之后页面html页面就是完整的。原创 2022-09-24 18:16:52 · 519 阅读 · 0 评论 -
JavaScript 学习-47.export 和 import 的使用
JavaScript 的每个.js文件都是独立的，在开发一个项目会有很多的.js文件，有些是公共的方法，可以单独放到一个.js文件中，其它的文件去调用公共方法。但是，Javascript不是一种模块化编程语言，在es6以前，它是不支持类（class），所以也就没有"模块"（module）了。原创 2022-09-24 18:16:05 · 936 阅读 · 0 评论 -
node.js 使用教程-2.Gulp 打包构建入门与使用
gulp 是一个前端项目开发的自动化打包构建工具, 类似的打包工具还有webpack。前端开发的过程中，会写到 js 文件，css 文件，我们的项目如果想上线，那么一定要体积小一点，就需要对原始的代码进行编译压缩。原创 2022-09-24 18:17:36 · 816 阅读 · 0 评论 -
JavaScript 学习-50.实现页面菜单拖放（Drag 和 Drop）
拖放是一种常见的操作，即抓取对象以后从一个位置拖到另一个位置。在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。原创 2022-11-15 11:01:49 · 1100 阅读 · 0 评论 -
VSCode 使用教程-9.Node运行js出现 Cannot use import statement outside a module的问题
js中导入公共模块，使用import的方式导入，用node运行js文件会出现Cannot use import statement outside a module的问题原创 2022-09-24 18:12:19 · 2150 阅读 · 1 评论 -
VSCode 使用教程-8.设置代码自动保存
VSCode 编辑代码默认不会自动保存，需手动按`Ctr+S`保存代码，长时间编辑代码没保存可能会导致代码意外丢失。可以设置自动保存，这样就方便多了。原创 2022-09-23 08:57:25 · 2613 阅读 · 0 评论 -
VSCode 使用教程-7.Code Runner运行 javascript 代码
写完 javascript 代码，在VSCode 里面需要单独运行 javascript 文件，可以用到Code Runner插件.javascript 代码运行需要用到node.js环境。原创 2022-09-23 08:56:54 · 2112 阅读 · 2 评论 -
VSCode 使用教程-6.Auto Rename Tag自动同步修改的html标签
Auto Rename Tag 插件可以在修改HTML 标签的时候，自动修改标签对名称原创 2022-09-23 08:56:23 · 1190 阅读 · 1 评论 -
VSCode 使用教程-5.Live Server实时预览html效果
VSCode 使用 Live Server 插件可以实时预览 HTML 页面开发效果。原创 2022-09-23 08:55:47 · 5445 阅读 · 0 评论 -
VSCode 使用教程-4.使用open in browser预览html效果
VSCode 编写html代码，可以使用open in browser预览html效果原创 2022-09-23 08:54:48 · 2842 阅读 · 0 评论 -
VSCode 使用教程-3.设置主题文件图标与字体大小
VSCode 可以根据自己的喜好设置不同的主题，字体大小也可以调整。原创 2022-09-23 08:54:13 · 2644 阅读 · 0 评论 -
VSCode 使用教程-2.设置成中文
VSCode默认是英文语言环境，英文不太好的初学者，可以将VSCode设置成中文环境。原创 2022-09-23 08:53:36 · 4951 阅读 · 0 评论 -
VSCode 使用教程-1.下载与安装
VSCode（Visual Studio Code）是一款由微软开发且跨平台的免费源代码编辑器。该软件支持语法高亮、代码自动补全（又称 IntelliSense）、代码重构、查看定义功能，并且内置了命令行工具和 Git 版本控制系统。在 2019 年的 Stack Overflow 组织的开发者调查中，Visual Studio Code 被认为是最受开发者欢迎的开发环境。原创 2022-09-23 08:52:52 · 323 阅读 · 0 评论 -
JavaScript 学习-45.jQuery 表单选择器
JQuery 表单选择器原创 2022-07-18 16:51:04 · 1217 阅读 · 0 评论 -
JavaScript 学习-44.jQuery 遍历查找方法
通过 jQuery 遍历，从被查找当前元素开始，在家族树中向上移动（祖先），向下移动（子孙），水平移动（兄弟），这种移动被称为对 DOM 进行遍历。原创 2022-06-09 19:52:05 · 298 阅读 · 1 评论 -
JavaScript 学习-43.jQuery 选择器
jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素。 它基于已经存在的 CSS 选择器，除此之外，它还有一些自定义的选择器。原创 2022-06-09 19:51:20 · 163 阅读 · 0 评论 -
JavaScript 学习-42.jQuery 提交表单 submit() 方法
submit() 方法不带参数，就是触发 submit 事件，带function 参数，就是执行 submit 事件时运行的函数。通过 jquery 的submit() 方法，可以出发submit 事件form表单原创 2022-06-09 19:50:25 · 8073 阅读 · 0 评论 -
JavaScript 学习-41.jQuery 中 each 遍历
jQuery.each() 函数用于遍历指定的对象和数组，通过 each 方法可以对 jQuery 内部的子元素进行逐个调用原创 2022-06-04 10:04:57 · 649 阅读 · 0 评论 -
JavaScript 学习-40.jQuery 绑定事件 on 和 bind
jquery 有四种绑定事件的方式:on, bind, delegate,live。其中 live() 方法已被移除。自 jQuery 版本 1.7 起，on() 方法是 bind()、live() 和 delegate() 方法的新的替代。$(selector).off(type)为元素解除绑定的事件基本语法...原创 2022-06-04 10:04:14 · 1070 阅读 · 0 评论 -
JavaScript 学习-39.jQuery Ajax请求
AJAX 是与服务器交换数据的技术，它在不重载全部页面的情况下，实现了对部分网页的更新。原创 2022-06-04 10:02:01 · 189 阅读 · 1 评论 -
JavaScript 学习-38.HTML DOM 下拉框 Select 对象
HTML 中的下拉列表select 对象的属性和方法获取下拉框属性原创 2022-06-04 10:01:20 · 613 阅读 · 0 评论 -
JavaScript 学习-37.jQuery 添加/删除/替换元素
添加元素主要用到四个方法 append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在被选元素之后插入内容before() - 在被选元素之前插入内容原创 2022-06-01 15:34:23 · 2237 阅读 · 2 评论 -
JavaScript 学习-36.jQuery 获取和修改HTML
jQuery 可以获取和修改HTML元素的属性和文本内容text()是获取文本内容，html()返回所选元素的内容（包括 HTML 标记）原创 2022-06-01 15:33:11 · 2286 阅读 · 0 评论 -
JavaScript 学习-35.jQuery 基础语法与事件
jQuery 是一个轻量级的"写的少，做的多"的 JavaScript 库。极大地简化了 JavaScript 编程原创 2022-06-01 15:32:26 · 147 阅读 · 0 评论 -
JavaScript 学习-34.HTML DOM 创建/插入/删除/替换元素
HTML DOM 可以创建一个新元素，并插入到指定元素的位置document.createElement() 可以创建一个元素document.createTextNode() 创建一个文本节点appendChild() 方法可向节点的子节点列表的末尾添加新的子节点原创 2022-06-01 15:31:44 · 1930 阅读 · 0 评论 -
JavaScript 学习-33.HTML DOM 获取和修改文本节点( textContent，innerText 和 innerHTML)
textContent、innerText 和 innerHTML 三个方法的使用场景和区别原创 2022-06-01 15:30:58 · 1758 阅读 · 1 评论 -
python面试题-找到两个数组元素和小于等于目标值target的最大值的所有组合
题目：给定2个数组（不是有序的），再给定一个目标值target,找到两个数组元素和小于等于目标值target的最大值的所有组合示例一：数组a 为[3, 8,5]数组b 为[2, 1,4]目标值10输出：（8,2） 因为 8+2<=10示例二数组a为 [5, 7, 2]数组b为[4, 2, 1]目标值10输出为(5, 4), (7,2)因为5+4=7+2<=10代码参考"""作者：上海-悠悠python QQ交流群：730246532联系微信/QQ: 283340原创 2022-05-29 09:54:02 · 536 阅读 · 0 评论 -
python面试题-看到一个很有意思的遇到4就跳过计费表的问题
题目：小王同学晚上下班打出租车，以他多年的编码经验，发现出租车的计费表有点问题，总是偏大。后来出租车司机解释说是不喜欢数字4，所以改了计费表，任何跟数字4相关的就直接跳过，其余功能正常：3再多一块钱就变成5；23再多一块钱就变成25；399再多一块钱就变成500那么问题来了:根据计费表的价格，还原实际费用输入要求：1<=N<=88888888输出一个数字（实际费用）,回车结束示例1输入：5输出4示例2输入100输出81100是计费表上的数字，原创 2022-05-29 09:53:22 · 993 阅读 · 2 评论 -
python面试题-输入一个由n个大小写字母组成的字符，按Ascii码值从小到大排序，查找字符串中第k个最小Ascii码值的字母
题目：输入一个由n个大小写字母组成的字符，按Ascii码值从小到大排序，查找字符串中第k个最小Ascii码值的字母（k>=1）输入要求：第一行输入大小写组成的字符串第二行输入k, k必须大于0，k可以大于字符串长度输出要求：输出该字母所在字符串的位置索引，字符串第一个位置索引是为0,k如果大于字符串长度，则输出最大值的怎么所在字符串的位置索引，如果第k个最小Ascii码值的字母有重复，则输出该字母的最小位置索引。示例：输入：AbCdeFG3输出：5参考代码"""作原创 2022-05-29 09:52:51 · 1835 阅读 · 0 评论 -
JavaScript 学习-32.HTML DOM 获取和修改属性节点
前言根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点：整个文档是一个文档节点每个 HTML 元素是元素节点HTML 元素内的文本是文本节点每个 HTML 属性是属性节点注释是注释节点属性节点比如有一个p标签元素节点<p id="p2" class="text-center" >点我看看</p>那么它有2个属性节点：id="p2"和class="text-center" 和一个文本节点点我看看获取元素的属性方法描述原创 2022-05-29 09:52:18 · 643 阅读 · 0 评论 -
JavaScript 学习-31.HTML DOM 修改 HTML 内容
前言通过 HTML DOM，JavaScript 能够访问 HTML 文档中的每个元素，并且可以修改这些元素的属性和文本值修改 HTML = 改变元素、属性、样式和事件修改 HTML 元素修改 HTML DOM 意味着许多不同的方面：改变 HTML 内容改变 CSS 样式改变 HTML 属性创建新的 HTML 元素删除已有的 HTML 元素改变事件（处理程序）innerHTML 插入文本innerHTML 插入文本或者修改元素的文本值 <body> &原创 2022-05-28 11:54:29 · 596 阅读 · 0 评论 -
JavaScript 学习-30.HTML DOM0级事件和 DOM2级事件
前言DOM0 级事件就是 html 元素添加onclick 属性，或者给元素添加onclick事件，但是同元素的同一事件只能绑定一个函数，否则后面的事件会覆盖前面的事件。如果我们想一个元素绑定多次同一个时间，比如我想绑定2个onclick事件，2个都要生效，于是就有了DOM2 级事件，通过addEventListener绑定的事件。为什么没有 DOM1 级事件，我也很好奇，DOM1 一般只有设计规范没有具体实现，所以一般没有所谓的DOM1 级事件。DOM0 级事件DOM0 级事件就是前面讲到的事件原创 2022-05-28 11:53:23 · 421 阅读 · 0 评论 -
JavaScript 学习-29.HTML DOM 事件
前言HTML DOM 事件允许Javascript在HTML文档元素中注册不同事件处理程序。常用的一些事件事件名称作用onload通常用于 元素，在页面完全载入后(包括图片、css文件等等。)执行脚本代码。onunload用户退出页面。 ( 和 )onclick当用户点击某个对象时调用的事件句柄。onmouseover鼠标移到某元素之上。onmouseout鼠标从某元素移开。ondblclick当用户双击某个对象时调用的事件句柄。原创 2022-05-28 11:52:55 · 210 阅读 · 0 评论 -
JavaScript 学习-28.元素与节点(HTMLCollection 和 NodeList)
前言我们平常说的查找元素 和 节点到底有什么区别？为什么有时候返回HTMLCollection ，有时候返回NodeList？HTMLCollection 和 NodeList 的区别又是什么？带着这些问题进入本篇的学习。节点与元素根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点：整个文档是一个文档节点每个 HTML 元素是元素节点HTML 元素内的文本是文本节点每个 HTML 属性是属性节点注释是注释节点以下示例<div id="user"&g原创 2022-05-28 11:51:45 · 1495 阅读 · 0 评论 -
JavaScript 学习-27.查找HTML DOM节点(元素)
前言如何查找和访问 HTML 页面中的节点元素？也就是我们经常说的定位元素的一些方法。查询 HTML 节点(元素)一些方法查找 html 页面上的元素，可以用以下方法方法节点类型getElementById()通过 id 查找 HTML 元素getElementsByClassName()通过标 class 属性查找 HTML 元素getElementsByName()通过标 name 属性查找 HTML 元素getElementsByTagName()原创 2022-05-28 11:51:14 · 1019 阅读 · 0 评论 -
JavaScript 学习-26.HTML DOM节点与节点属性
前言DOM (Document Object Model) 文档对象模型，通过 HTML DOM，JavaScript 能够访问和改变 HTML 文档的所有元素。简介当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。HTML DOM 模型被结构化为对象树：通过这个对象模型，JavaScript 获得创建动态 HTML 的所有力量：JavaScript 能改变页面中的所有 HTML 元素JavaScript 能改变页面中的所有 HTML 属性Ja原创 2022-05-28 11:50:41 · 446 阅读 · 0 评论 -
JavaScript 学习-25.Symbol 类型
前言Symbol 是 ES6 中新添加的特性，生成一个唯一标识符，可用于属性名称、也可用于属性值。目的是消除属性名称冲突。Symbol 简介JavaScript 提供了7种基本数据类型：Number 、 String 、 Boolean 、 Object、 null 和 undefined ，还有 SymbolSymbol 是原始数据类型，不是对象，所以Symbol 函数栈不能用 new 命令创建一个Symbol值let s = Symbol('hello');Symbol() 函数接受一个原创 2022-05-28 11:50:11 · 237 阅读 · 0 评论 -
JavaScript 学习-24.函数闭包(closure)
前言闭包是面试最喜欢问的一个问题了，面试官最喜欢问：1.什么是闭包？2.闭包的作用是什么？什么是闭包？闭包(closure)是一种保护私有变量的机制，在函数执行时形成私有的作用域，保护里面的私有变量不受外界干扰，即形成一个不销毁的栈环境。闭包的特性：函数嵌套函数内部函数可以访问外部函数的变量参数和变量不会被回收。先看一个典型的闭包, 实现计数器的功能function myCounter() { var counter = 0; function add()原创 2022-05-28 11:06:28 · 623 阅读 · 0 评论