9 个JavaScript 技巧
作者：Orkhan Jafarov译者：前端小智来源：dev点赞再看，微信搜索 【大迁世界】 关注这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub https://github.com/qq44924588... 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建...
2021-07-17JavaScript隐藏/显示元素
按下后如何隐藏“编辑”链接？当我按下编辑键时，是否还可以隐藏“ lorem ipsum”文本？<script type="text/javascript">function showStuff(id) { document.getElementById(id).style.display = 'block';}</script><td class="post"> <a href="#" onclick="showStuff('answer1'); return false;">Edit</a> <sp...
2022-05-21JavaScript实现星级评价效果
本文实例为大家分享了js实现星级评价效果展示的具体代码，供大家参考，具体内容如下背景图片实现图片是width:36px; height:25px;背景是白色，中间一个空的五角星，空的边缘有一像素的边框；（不然就看不到了）；<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>星级评价(可半星)</title> <style>...
2022-04-23使用JavaScript实现微信登录
最近项目有一个需求就是需要实现微信第三方登录，获取到code之后之后回调一个网址携带code，之后应该怎么操作呢？ 监听地址栏变化吗？，有大神解答一下吗？ 感谢回答：?? 这个不是应该后端接么?回答：得有微信开放平台开发者权限吧https://open.weixin.qq.com/...
2021-05-07在JavaScript中寻找空缺编号
如果数字的长度至少为3位，则该数字是空的，并且可以通过将第一个和最后一个数字串在一起而形成的数字整除。符合此描述的最小数字是100。第一个数字是1，最后一个数字是0，形成10，这是100的因数。因此，100是空的。我们需要创建一个接受数字n并返回最接近的空数（包括其本身）的函数。如果有...
2022-04-26用JavaScript漂亮地打印XML
我有一个字符串，它表示要打印的非缩进XML。例如：<root><node/></root>应该变成：<root> <node/></root>语法高亮不是必需的。为了解决该问题，我首先将XML转换为添加回车符和空格，然后使用pre标记输出XML。为了添加新行和空白，我编写了以下函数：function formatXml(xml) { var formatted = ''; var reg = /(>)(<...
2022-10-22JavaScript数组求和的常用方法
JS数组求和的常用方法。一、for循环var arr = [1,2,3];function sum(arr) {var s = 0;for (var i = 0;i<arr.length;i++) {s += arr[i];}return s;}console.log(sum(arr));//6二、forEach遍历var arr = [1,2,3];function sum(arr) {var s = 0;arr.forEach(function(val, idx, arr) {s += val;}, 0...
2020-08-09
8个有意思的JavaScript面试题
摘要： 神奇的JS系列。作者：前端小智原文：8个问题看你是否真的懂 JSFundebug经授权转载，版权归原作者所有。JavaScript 是一种有趣的语言，我们都喜欢它，因为它的性质。浏览器是JavaScript的主要运行的地方，两者在我们的服务中协同工作。JS有一些概念，人们往往会对它掉以轻心，有时可能会忽...
2021-04-16使用JavaScript获取滚动条的宽度
以下HTML将在div.container的右侧边缘显示滚动条。是否可以确定该滚动条的宽度？<div class="container" style="overflow-y:auto; height:40px;"> <div class="somethingBig"></div></div>回答：此功能应为您提供滚动条的宽度function getScrollbarWidth() { // Creating invisible container const outer = document.crea...
2022-05-25JavaScript实现简单动态进度条效果
本文实例为大家分享了js实现动态进度条效果的具体代码，供大家参考，具体内容如下1.效果2.源码<html><head> <script type="text/javascript"> window.onload = function () { var myProgress = document.getElementById("myProgress"); var mySpan = document.getElementById("mySpan"); var value =...
2022-04-28JavaScript中常见内置函数用法示例
本文实例讲述了JavaScript中常见内置函数用法。分享给大家供大家参考，具体如下：一、介绍在使用JavaScript语言时，除了可以自定义函数之外，还可以使用JavaScript的内置函数，这些内置函数是由JavaScript语言自身提供的函数。二、一些常用的内置函数做详细介绍1、parseInt()函数该函数主要将首位为数...
2022-05-07JavaScript实现简单的二级导航菜单实例
本文实例讲述了JavaScript实现简单的二级导航菜单的方法。分享给大家供大家参考。具体如下：<!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"><head><meta http-equiv="Content-...
2022-05-22JavaScript事件冒泡与事件捕获实例分析
本文实例讲述了JavaScript事件冒泡与事件捕获。分享给大家供大家参考，具体如下：1、事件冒泡在一个对象上触发某类事件，如onclick事件等，在其祖先节点上也会依次触发该事件。<body onclick="alert('body')"> <div onclick="alert('div')"> <a href="" onclick=" rel="external nofollow" alert('a')">事件冒泡</a> </div></body>...
2022-05-02如何在点击事件上调用JavaScript函数？
JavaScript与HTML的交互是通过在用户或浏览器操纵页面时发生的事件来处理的。页面加载时称为事件。当用户单击按钮时，单击到是一个事件。其他示例包括事件，例如按下任意键，关闭窗口，调整窗口大小等。onclick()当用户单击其鼠标的左键时，将发生该事件。针对此事件类型放置验证，警告等。示例...
2022-04-26深入探讨JavaScript String对象
String 字符串对象1. 介绍 String 对象，对字符串进行操作，如：截取一段子串、查找字符串/字符、转换大小写等等。2. 定义方式2.1 new String(Value) 构造函数：返回一个内容为Value的String对象参数：①value {String} ：字符串返回值：{String对象} 返回一个内容为Value的String对象示例：var demoStr = new Stri...
2022-04-30深入理解JavaScript的React框架的原理
如果你在两个月前问我对React的看法,我很可能这样说: 我的模板在哪里?javascript中的HTML在做些什么疯狂的事情?JSX开起来非常奇怪!快向它开火,消灭它吧! 那是因为我没有理解它.我发誓,React 无疑是在正确的轨道上, 请听我道来.Good old MVC在一个交互式应用程序一切罪恶的根源是管理状态。 “传...
2022-04-29基于JavaScript实现复选框的全选和取消全选
本文实例为大家分享了js复选框的全选和取消全选的具体代码，供大家参考，具体内容如下效果图：测试代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> li{list-style: none;} </style></head><body> <div class="first"> <ul class="frtInfo"> <li class="same"> ...
2022-05-02递归获取JavaScript中字符串的所有子字符串
我们需要编写一个将字符串作为唯一参数的JavaScript函数。该函数应递归构造输入字符串的所有可能的子字符串。然后，该函数应返回一个包含所有子字符串的数组。示例const str = 'example';const buildSubstrings = (str = '') => { let i, j; const res = []; for (i = 0; i < str.length; i++) { ...
2022-04-28深入理解JavaScript编程中的同步与异步机制
JavaScript的优势之一是其如何处理异步代码。异步代码会被放入一个事件队列，等到所有其他代码执行后才进行，而不会阻塞线程。然而，对于初学者来说，书写异步代码可能会比较困难。而在这篇文章里，我将会消除你可能会有的任何困惑。理解异步代码JavaScript最基础的异步函数是setTimeout和setInter...
2022-05-02从JavaScript中的嵌套JSON对象获取键的值
假设我们有一个嵌套的JSON对象，如下所示：const obj = { "prop": [ { "key": "FOO", "value": "Foo is wonderfull, foo is great" }, { "key": "BAR", "value": "Bar is bad, really bad" } ]};我们需要编写一个JavaScript函数，该函...
2022-04-27JavaScript用从字符串重复的元素构造一个数组
我们必须编写一个函数来创建一个数组，该数组的元素从字符串开始重复直到达到限制。假设有一个字符串'aba'和一个限制5-string = "aba" and limit = 5 will give new array ["a","b","a","a","b"]让我们为该函数编写代码-示例const string = 'Hello';const limit = 15;const createStringArray = (string, limit) => { const a...
2022-05-05如何在JavaScript中将布尔值转换为字符串值？
要将JavaScript中的布尔值转换为字符串值，请使用toString()方法。此方法根据对象的值返回字符串“ true”或“ false”。示例您可以尝试运行以下代码将布尔值转换为字符串值-<html> <head> <title>JavaScript toString() Method</title> </head> <body> <script> var flag = new Boolean(...
2022-05-27JavaScript 中如何判断一个变量是否为整数？
要检查变量是否为整数，请使用parseInt()=== 运算符检查值。示例您可以尝试运行以下代码来检查整数是否存在 -<html> <head> <script> var a = 10; if (a === parseInt(a, 10)) alert("Integer!") else alert("不是整数！") </scrip...
2022-05-05JavaScript实现的斑马线表格效果【隔行变色】
本文实例讲述了JavaScript实现的斑马线表格效果。分享给大家供大家参考，具体如下：虽然现在有很多框架可以轻松的实现斑马线效果，而且兼容性也很不错，比如bootstrap，但是不可否认的是使用JavaScript实现的是兼容性最强的（浏览器不支持或禁止JavaScript脚本除外），所以今天使用原生JS实现了一个斑...
2022-05-03Java Vector的相关知识
Vector 类可以实现可增长的对象数组。与数组一样，它包含可以使用整数索引进行访问的组件。但是，Vector 的大小可以根据需要增大或缩小，以适应创建 Vector 后进行添加或移除项的操作。 Vector继承自AtrastractList，实现了 Serializable, Cloneable, Iterable, Collection, List, RandomAccess 的接口。 ...
2021-10-02
