JavaScript - 教程之家

315浏览

0评论

Vue在H5 项目中使用融云进行实时个人单聊通讯

由于其他博客的相关融云的Vue项目开发不是特别完善，此项目加入了自己的一些思考，可供大家有一点方向。1.融云官网注册账号，创建应用并获取必要的初始化参数 appkey2.融云web开...

2020-12-14

114浏览

0评论

一分钟学会JavaScript中的try-catch

导读：在Java中我们使用try-catch进行异常处理，同样的JavaScript也提供了和异常处理类似的异常处理机制，本节我们将对JavaScript异常处理进行详细讲解。1.1 如何进行错误处理<sc...

2020-12-14

203浏览

0评论

vue从后台渲染文章列表以及根据id跳转文章详情详解

前言：vue里面怎样从后台渲染列表，怎么根据文章的id获取文章的具体内容。以及值与值之间的传递，vue-router 里query和params的区别及使用。一、query和params先来看看query和par...

2020-12-14

153浏览

0评论

详解JavaScript中的回调函数

JavaScript回调函数是成为一名成功的 JavaScript 开发人员必须要了解的一个重要概念。但是我相信，在阅读本文之后，你将能够克服以前使用回调方法遇到的所有障碍。在开始之前，首...

2020-12-14

136浏览

0评论

了解Promise中的all()、race()、allSettled()方法

从ES6 开始，我们大都使用的是 Promise.all()和Promise.race()，Promise.allSettled() 提案已经到第4阶段，因此将会成为ECMAScript 2020的一部分。1.概述Promise.all(promises: I...

2020-12-14

127浏览

0评论

JavaScript 中实现等分数组

在本教程中，我们来学习一下如何使用Array.splice()方法将数组等分，还会讲一下，Array.splice() 和 Array.slice() 它们之间的不同之处。1. 将数组分为两个相等的部分我们可以分...

2020-12-14

67浏览

0评论

jquery children()和find()区别有哪些

jquery children()和find()区别：查看children()代码<html><head><meta charset="UTF-8"><title>Document</title><style>div{/*background-color: pink;*/}</style></head><b...

2020-12-14

160浏览

0评论

如何用jquery让图片逐渐显示出来

用jquery让图片逐渐显示出来的方法：1、新建一个html文件，命名为test.html，用于讲解jquery如何让一张图片逐渐显示出来。2、在test.html文件内，在p标签，使用img标签创建一个图片，并...

2020-12-14

234浏览

0评论

vue实现两个区域滚动条同步滚动

本文实例为大家分享了vue实现两个区域滚动条同步滚动的具体代码，供大家参考，具体内容如下项目开发中，遇到一个比较两个form差异的需求，但当item过多就需要滚动条，这里就用到了滚...

2020-12-13

91浏览

0评论

js实现滚动条自动滚动

本文实例为大家分享了js实现滚动条自动滚动的具体代码，供大家参考，具体内容如下效果类似于直播网站的评论，会一条接着一条向上 go out ；js部分很简单：通过控制scrollTop的值来实...

2020-12-13

124浏览

0评论

vue+element实现动态加载表单

本文实例为大家分享了vue+element实现动态加载表单的具体代码，供大家参考，具体内容如下一、问卷动态加载表单//html<el-form :model="quesPaper" status-icon label-width="10...

2020-12-13

143浏览

0评论

vue使用element-ui实现表单验证

本文实例为大家分享了vue使用element-ui实现表单验证的具体代码，供大家参考，具体内容如下一、简单逻辑验证（直接使用rules）实现思路html中给el-form增加:rules="rules" html中在...

2020-12-13

93浏览

0评论

javascript前端实现多视频上传

本文实例为大家分享了javascript前端实现多视频上传的具体代码，供大家参考，具体内容如下效果图如下：其实拿电视剧来举例子更合适，比如要添加一个电视剧，而这部电视剧有很多集，而如...

2020-12-13

102浏览

0评论

Vue实现简单购物车功能

本文实例为大家分享了Vue实现简单购物车功能的具体代码，供大家参考，具体内容如下话不多少，上效果图代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <...

2020-12-13

118浏览

0评论

swiperjs实现导航与tab页的联动

本文实例为大家分享了swiperjs实现导航与tab页的联动，供大家参考，具体内容如下这里主要实现了以下功能：1.点击导航栏切换tab
2.tab页高度自适应不会影响布局
3.导航栏的拖动
4....

2020-12-13

143浏览

0评论

swiper实现导航滚动效果

本文实例为大家分享了swiper实现导航滚动效果的具体代码，供大家参考，具体内容如下1.需求：点击导航科目，选中元素自动往前滑动处于中间位置，tab切换<div class="swiper-container...

2020-12-13

68浏览

0评论

详解vue中使用transition和animation的实例代码

以前写页面注重在功能上，对于transition和animation是只闻其声，不见其人，对于页面动画效果心理一直痒痒的。最近做活动页面，要求页面比较酷炫，终于有机会认真了解了。transition:...

2020-12-12

177浏览

0评论

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

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

2020-12-12

75浏览

0评论

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

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

2020-12-11

77浏览

0评论

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

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

2020-12-11

138浏览

0评论

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

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

2020-12-11

117浏览

0评论

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

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

2020-12-11

133浏览

0评论

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

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

2020-12-11

114浏览

0评论

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

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

2020-12-11

137浏览

0评论

jquery中的$()是什么

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

2020-12-11

109浏览

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

54浏览

0评论

jquery LigerUI是什么？

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

2020-12-11

132浏览

0评论

jquery怎么判断radio是否选中

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

2020-12-11

135浏览

0评论

jquery如何让按钮不可用

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

2020-12-11

117浏览

0评论

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

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

2020-12-11

94浏览

0评论

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

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

2020-12-10

135浏览

0评论

快来看看 ajax实时刷新处理

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

2020-12-10

67浏览

0评论

bootstrap如何获取行数据？

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

2020-12-10

211浏览

0评论

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

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

2020-12-10

126浏览

0评论

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

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

2020-12-09

145浏览

0评论

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

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

2020-12-09

88浏览

0评论

JavaScript实现弹出窗口效果

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

2020-12-09

174浏览

0评论

javascript实现移动端轮播图

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

2020-12-09

111浏览

0评论

Javascript实现单选框效果

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

2020-12-09

64浏览

0评论

javascript实现放大镜功能

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

2020-12-09

78浏览

0评论

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

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

2020-12-09

95浏览

0评论

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

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

2020-12-09

130浏览

0评论

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

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

前言

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

局部！

局部！

局部！

重要的关键词说三遍！

...

2020-12-08

176浏览

0评论

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

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

2020-12-08

119浏览

0评论

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

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

2020-12-08

161浏览

0评论

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

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

2020-12-08

146浏览

0评论

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

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

2020-12-08

119浏览

0评论

实例讲解jQuery与JS实现AJAX

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

2020-12-08

122浏览

0评论

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

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

2020-12-08

133浏览

0评论

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

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

2020-12-08

热门文章