JavaScript - 教程之家

166浏览

0评论

JavaScript实现移动小精灵的案例代码

前言提示：
今天学习了一个js的小案例，来和可乐一起学习探讨下吧 skr~
效果：提示：以下是本篇文章正文内容，下面案例可供参考一、元素偏移量是什么？ offset ：中文就是偏离的意思，使用...

2020-12-12

73浏览

0评论

node koa2 ssr项目搭建的方法步骤

一、创键项目1.创建目录 koa22.npm init 创建 package.json，然后执行 npm install3.通过 npm install koa 安装 koa 模块4.通过 npm install supervisor 安装supervisor模块,...

2020-12-11

69浏览

0评论

详解如何在vue+element-ui的项目中封装dialog组件

1、问题起源由于 Vue 基于组件化的设计，得益于这个思想，我们在 Vue 的项目中可以通过封装组件提高代码的复用性。根据我目前的使用心得，知道 Vue 拆分组件至少有两个优点：1、代...

2020-12-11

102浏览

0评论

使用js获取身份证年龄的示例代码

/** 根据身份证号码判断性别 15位身份证号码：第7、8位为出生年份(两位数)，第9、10位为出生月份，第11、12位代表出生日 18位身份证号码：第7、8、9、10位为出生年份(四位数)，第11...

2020-12-11

80浏览

0评论

javascript中call,apply,bind的区别详解

在JS中，这三者都是用来改变函数的this对象的指向的，他们有什么样的区别呢。在说区别之前还是先总结一下三者的相似之处：
1、都是用来改变函数的this对象的指向的。
2、第一个参...

2020-12-11

92浏览

0评论

jquery如何判断滚动条是否到底部

jquery判断滚动条是否到底部的方法：一、jQuery检测浏览器window滚动条到达底部jQuery获取位置和尺寸相关函数： $(document).height() 获取整个页面的高度 $(window).height(...

2020-12-11

108浏览

0评论

jquery如何使用滚动条监听事件

jquery使用滚动条监听事件的方法：先来一个例子：$(document).ready(function(){//在文档加载完毕后执行 $(window).scroll(function(){//开始监听滚动条 //获取当前...

2020-12-11

82浏览

0评论

jquery中的$()是什么

jquery中的$()是：1、$()可以是$(expresion)，即css选择器、Xpath或html元素，也就是通过上述表达式来匹配目标元素。比如：$("a")构造的这个对象，是用CSS选择器构建了一个jQuery对象...

2020-12-11

68浏览

0评论

JavaScript中数组如何求和？常用方法介绍

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(s...

2020-12-11

50浏览

0评论

jquery LigerUI是什么？

jquery LigerUI 快速开发UI框架LigerUI 是基于jQuery 的UI框架，其核心设计目标是快速开发、使用简单、功能强大、轻量级、易扩展。简单而又强大，致力于快速打造Web前端界面解...

2020-12-11

91浏览

0评论

jquery怎么判断radio是否选中

jquery判断radio是否选中的方法：一、利用获取选中值判断选中直接上代码，别忘记引用JQuery包代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http...

2020-12-11

98浏览

0评论

jquery如何让按钮不可用

jquery让按钮不可用的方法：1、新建一个html文件，命名为test.html，用于讲解jquery如何设置按钮不可点击。2、在test.html文件内，在p标签内，使用button标签创建一个按钮，并设置其id...

2020-12-11

90浏览

0评论

jquery如何判断是否是数组元素

jquery判断是否是数组元素的方法：jquery中可以使用$.isArray()函数判断是否是数组元素。$.isArray()函数用于判断指定参数是否是一个数组。语法$.isArray( object )示例：<!DOC...

2020-12-11

90浏览

0评论

详解CSS和JS动画底层原理及如何优化它们的性能

概述你肯定知道，动画在创建引人注目的 Web 应用程序中扮演着重要的角色。随着用户越来越多地将注意力转移到用户体验上，商户开始意识到完美、愉快的用户体验的重要性，结果 Web...

2020-12-10

93浏览

0评论

快来看看 ajax实时刷新处理

作为一个老前端，本案例是基于jquery来写的。前端渲染页面拿数据，无非就是ajax、socket，其他的暂时没有用过，但项目还是使用ajax比较多。下面来看一下一个简单基于ajax短轮询的请...

2020-12-10

58浏览

0评论

bootstrap如何获取行数据？

bootstrap获取行数据的方式1、获取选中的行的数据var rows = $('#dataTable').bootstrapTable('getData');//行的数据 var ids = ""; for(var i=...

2020-12-10

171浏览

0评论

Vue 实现一个简单的鼠标拖拽滚动效果插件

最近开源了一个 Vue 组件，还不够完善，欢迎大家来一起完善它，也希望大家能给个 star 支持一下，谢谢各位了。github 地址：github.com/qq449245884…最近在做一个新的项目，有个...

2020-12-10

122浏览

0评论

详解JavaScript中的padStart()和padEnd()方法

ES2017 引入了字符串补全长度的功能。如果某个字符串不够指定长度，会在头部或尾部补全。padStart()用于头部补全，padEnd()用于尾部补全。const string = 'hi';string....

2020-12-09

103浏览

0评论

nodejs怎么实现对图片进行批量裁剪？

1、初始化首先新建一个 tailor-img 文件夹，接着执行 npm init -y 初始化一个package.json2、安装相关插件 archiver 压缩文件 canvas 裁剪图片 glob 批量获取路径npm i arch...

2020-12-09

82浏览

0评论

JavaScript实现弹出窗口效果

本文实例为大家分享了JavaScript实现弹出窗口的具体代码，供大家参考，具体内容如下思路1、总体使用两个div，一个作为底层展示，一个做为弹出窗口；
2、两个窗口独立进行CSS设计，通过d...

2020-12-09

130浏览

0评论

javascript实现移动端轮播图

本文实例为大家分享了js实现移动端轮播图的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content...

2020-12-09

104浏览

0评论

Javascript实现单选框效果

本文实例为大家分享了Javascript实现单选框效果的具体代码，供大家参考，具体内容如下描述: 点击每一个li 将li的内容赋值给 div 给当前点击的li加上背景色, 点击空白部分隐藏技...

2020-12-09

59浏览

0评论

javascript实现放大镜功能

本文实例为大家分享了javascript实现放大镜功能的具体代码，供大家参考，具体内容如下描述：当鼠标在小图片上移动时，通过捕捉鼠标在小图片上的位置, 使放大镜的移动方向与大图的水...

2020-12-09

75浏览

0评论

浅谈node连接mysql数据库的方法

node使用原生方式，连接mysql数据库(async () => { // 链接数据库 const mysql = require('mysql2/promise'); // npm i mysql2 const cfg = { ho...

2020-12-09

89浏览

0评论

介绍JavaScript 内存管理+如何处理4个常见的内存泄漏

我们将讨论另一个重要主题——内存管理，这是由于日常使用的编程语言越来越成熟和复杂，开发人员容易忽视这一问题。我们还将提供一些有关如何处理JavaScript中的内存...

2020-12-09

88浏览

0评论

javascript局部自定义鼠标右键菜单

本文实例为大家分享了js局部自定义鼠标右键菜单的具体代码，供大家参考，具体内容如下

前言

html局部自定义鼠标右键菜单

局部！

局部！

局部！

重要的关键词说三遍！

...

2020-12-08

136浏览

0评论

详解vue.js中的4个级别作用域

除了 JS 已有的功能外，Vue还具有自己独特的作用域级别。作用域控制可以使用哪些变量以及在何处使用。它控制它们对应用程序的不同部分的“可见性”。了解 Vue 提供...

2020-12-08

79浏览

0评论

12个编写干净且可扩展的JavaScript代码的小技巧

JavaScript起源于早期的网络。它最初是一种脚本语言，现在已经发展成为支持服务器端执行的完全成熟的编程语言。现代Web应用程序严重依赖JavaScript，尤其是单页应用程序（SPA）。...

2020-12-08

149浏览

0评论

详解ES6中的for … of循环和可迭代对象

本文将研究 ES6 的 for ... of 循环。旧方法在过去，有两种方法可以遍历 javascript。首先是经典的 for i 循环，它使你可以遍历数组或可索引的且有 length 属性的任何对象。for...

2020-12-08

106浏览

0评论

JS实现复制功能的方法（总结）

Javascript 实现复制功能的方法一、实现点击按钮，复制文本框中的的内容<script type="text/javascript">function copyUrl2(){ var Url2=document.getElementById("biao1"...

2020-12-08

78浏览

0评论

实例讲解jQuery与JS实现AJAX

AJAX准备知识：JSON什么是 JSON ？JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation）JSON 是轻量级的文本数据交换格式JSON 独立于语言 *JSON 具有自我描述性，更易理...

2020-12-08

78浏览

0评论

认识JavaScript是如何工作的，深入V8引擎和编写优化代码

概述JavaScript引擎是执行 JavaScript 代码的程序或解释器。JavaScript引擎可以实现为标准解释器，或者以某种形式将JavaScript编译为字节码的即时编译器。以为实现JavaScript...

2020-12-08

90浏览

0评论

jquery 数组判断值是否存在的方法

要判断数组中是否包含某个元素，从原理来来说，就是遍历整个数组，然后判断是否相等Jquery方法可以使用Jquery提供的方法：使用$.inArray()来判断。inArray() 函数用于在数组中查找...

2020-12-08

93浏览

0评论

jquery 判断节点是否存在

jQuery判断DOM节点是否存在页面中1、首先在jquery原型上添加一个exist方法；2、然后在方法内判断当前对象length属性是否大于0，大于就存在；3、最后通过$('#id').exist()...

2020-12-08

80浏览

0评论

jquery 轮播图怎么写

jQuery实现轮播图效果许多电商网站或者门户网站上都会有一个焦点图自动轮播的广告，下面将亲自用jQuery实现一个这个效果。

主要有三个功能需要实现：
1. 点击左右翻页，会切换图...

2020-12-08

69浏览

0评论

jquery a标签不可用的实现方法

jquery让a标签不可用有时候，我们会需要在一定条件下将a标签置为不可用，但是由于a标签的特殊性，仅仅为其添加disabled属性只能将其置灰，点击的时候依然会进行跳转，所以需要进行其...

2020-12-08

123浏览

0评论

jquery元素不可见的实现方法

jquery让元素不可见（隐藏）使用jquery控制元素的隐藏，一句话就能搞定，例如：1、使用hide()hide() 方法隐藏被选元素。提示：这与 CSS 属性 display:none 类似。注释：隐藏的元素不会被...

2020-12-08

57浏览

0评论

实现Ajax文件上传功能

前端表单和 JQuery jsp/html代码使用JQury<script src="static/js/jquery-3.4.1.js"></script>前端表单<form id="form-avatar" enctype="multipart/form-data"> <p>请选择...

2020-12-08

65浏览

0评论

了解一下Node.js中的文件夹写入

fs.Dir & fs.Direntfs.Dir 是可迭代的目录流的类，fs.Dirent 是遍历 fs.Dir 获得的目录项，可以是文件或目录中的子目录fs.Dir dir.path：目录的只读路径 dir.read()：不传入 callab...

2020-12-08

69浏览

0评论

新手Javascript字符串拼接与变量的应用

1. 课程大纲字符串拼接（+）的学习和应用
坐标变换在飞机大战游戏中的应用2.1 字符串的拼接在JS中使用“+"号，连接字符串、变量、数值等。2.2 在警告框上显示朋友的数量在...

2020-12-08

51浏览

0评论

js实现圆形菜单选择器

代码：<head> <style> .mask{ position: absolute; width: 502px; height: 252px; left:300px; top:350px; background: white; z-in...

2020-12-08

84浏览

0评论

基于vue与element实现创建试卷相关功能(实例代码)

由于最近在一个项目中需要实现创建试卷与预览试卷的功能，所以就自己动手写了一个，效果还不错，目前项目已经交付使用，今天就先和大家分享一下创建试卷。

创建试卷

先放一...

2020-12-07

92浏览

0评论

jquery怎样判断鼠标是否在div上

jquery判断鼠标是否在div上的方法：1、新建一个html文件，命名为test.html，用于讲解jquery怎么判断鼠标是否在div上。2、在test.html文件内，使用div创建一个模块，并设置其id为mydiv...

2020-12-07

119浏览

0评论

jquery怎样判断是否是json格式

jquery判断是否是json格式的方法：思路：使用jquery的parseJSON()方法，将字符串转为json对象，并用try catch语句捕获错误，没有异常，则是json格式，否则不是。function fun (str) {...

2020-12-07

96浏览

0评论

jquery怎样判断是否是字符串

jquery判断是否是字符串的方法：1、判断是否为字符串类型var str="ss";alert((typeof str=='string')&&str.constructor==String)2、判断是否为数组类型var obj=[0];a...

2020-12-07

94浏览

0评论

如何使用jquery实现全选和全不选功能

使用jquery实现全选和全不选功能的方法：1、创建一个html，然后在body标签添加如下图所示的代码，主要是在一个表格中包含多选框。2、然后首要就是要引入jquery的库。注意jquery库...

2020-12-07

57浏览

0评论

JavaScript中的几种继承方法示例

1.原型链继承

原理: 子类原型指向父类实例对象实现原型共享,即Son.prototype = new Father()。

这里先简单介绍下原型

js中每个对象都有一个__proto__属性，这个...

2020-12-06

80浏览

0评论

jQuery如何判断数组中是否存在某个值

jQuery判断数组中是否存在某个值的方法：方法1：var Arry = [‘A’,‘B’,‘C’,‘D’,‘E’,‘F’];if($.inArr...

2020-12-06

58浏览

0评论

jquery如何判断checkbox是否选中

jquery判断checkbox是否选中的方法：jquery判断checked的三种方法: .attr('checked): //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:tru...

2020-12-06

136浏览

0评论

jquery如何判断某个属性是否存在hasAttr

jquery判断某个属性是否存在hasAttr的方法：在JQuery编码中,我们会判断元素是否存在某个属性.比如是否包含 class="new" 的样式呢.JQuery判断就非常简单了,因为有 hasClass这...

2020-12-06

热门文章