JavaScript - 教程之家

89浏览

0评论

JavaScript中拷贝数组的14个小技巧

数组拷贝经常被误解，但这并不是因为拷贝过程本身，而是因为缺乏对 JS 如何处理数组及其元素的理解。JS 中的数组是可变的，这说明在创建数组之后还可以修改数组的内容。这意味着...

2020-12-18

111浏览

0评论

jQuery如何获取class的值

jQuery获取class的值jQuery获取HTML属性的值是经常要做的一个操作，由于class本身也是元素的一个属性，所以可以通过attr方法来获取class的值。代码如下：$('#demo').attr...

2020-12-18

111浏览

0评论

innerHTML与jquery里html()的区别是什么

InnerHtml() 与html( )的区别1、html()可以设置tbody、tr这些只读标签，而innerHTML在低版本IE下不行在一个 HTML 文档中, 我们可以使用 .html() 方法来获取任意一个元素的内...

2020-12-18

123浏览

0评论

如何用jquery选择节点下的第几个子元素

jquery中可以使用:eq()选择器选择节点下的指定子元素，:eq()选择器选取带有指定index值的元素。index 值从 0 开始，所有第一个元素的 index 值是 0（不是 1）。此方法经常与其他元...

2020-12-18

177浏览

0评论

vue.js如何设置时间格式

在Vue.js中并没有对于时间的格式化方法。比如，新建一个Vue文件，然后在页面输出当前时间。<template> <p>{{shijian}}</p></template><script>export default { name:"sh...

2020-12-18

150浏览

0评论

jquery 如何判断是否相等

jquery判断是否相等的方法：判断两个字符串是否相等：使用恒等(===)判断(值与类型都一致) 如果用用等同(==)判断(值一致)的话有误判情况 var a = "1"; //字符串1var b = 1; //数...

2020-12-18

89浏览

0评论

javascript 数组(list)添加/删除的实现

javascript 数组Array（list）添加/删除unshift：将参数添加到原数组开头，并返回数组的长度 pop：删除原数组最后一项，并返回删除元素的值；如果数组为空则返回undefined push：将参数添加...

2020-12-17

78浏览

0评论

jQuery怎样才能快速滚动到页面顶部

jQuery快速滚动到页面顶部的方法：在jQuery中可以使用scrollTo()方法快速滚动到页面顶部。jQuery的scrollTo()方法用于设置或返回所选元素的垂直滚动条位置。通过在window属性...

2020-12-17

100浏览

0评论

JavaScript中类型检查：typeof和instanceof操作符的区别

智米们肯定知道，JS 是种弱类型语言，对变量的类型没有限制。例如，如果我们使用字符串类型创建了一个变量，后面又可以为同一变量分配一个数字：let message = 'Hello'; //...

2020-12-17

65浏览

0评论

jquery判断是否包含字符串

jquery判断字符串中是否存在某个的字符串用jquery判断字符串中是否存在某个的字符串的实现代码　$(function(){　　var str="sunny,woo";　　var sear=new RegExp(',&#3...

2020-12-17

88浏览

0评论

vue.js能做轮播图吗

最近新学习了vuejs,尝试着用vuejs写了一个简单的图片轮播，便做个简单的记录（1）先写出整体的框架<template><div class="slide-show"><div class="slide-img"><transition name=...

2020-12-17

92浏览

0评论

jquery中.post和.ajax的区别是什么

jquery中.post和.ajax的区别是.post底层由 .ajax 实现的..post源码：post: function( url, data, callback, type ) { if ( jQuery.isFunction( data ) ) { callbac...

2020-12-17

93浏览

0评论

jquery $(document).ready()和onload的区别是什么

jquery $(document).ready()和window.onload的区别1.执行时间window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready()是DOM结构绘制完毕...

2020-12-17

91浏览

0评论

vue.js如何使用filter

vue.js使用filter的方法：vue中的过滤器分为两种：局部过滤器和全局过滤器1、定义无参全局过滤器 Vue.filter('msgFormat', function(msg) { // msg 为固定的...

2020-12-17

102浏览

0评论

webstorm怎样新建vue.js的项目

webstorm新建vue.js项目的方法：1、想用WebStorm创建项目得安装git。安装很简单，官网找到下载安装即可，否则可能出现安装不了的情况2、红色为新建的顺序，绿色为node.js地址（装好...

2020-12-17

104浏览

0评论

直接引用vue.js怎样使用路由

直接引用vue.js使用路由的方法：直接引入 vue.js 的方式使用路由很简单, 只需要再直接引入一个 vue-router.JS 即可.具体的实现步骤:1, 引入 vue.JS 和 vue-router.JS<script...

2020-12-17

83浏览

0评论

jquery里面的toggle怎么用

jquery里面的toggle的使用方法：一、在元素的click事件中绑定两个或两个以上的函数 toggle不像bind需要在后面添加"click"来绑定click触发事件，toggle本身就是click触发的（而且...

2020-12-17

313浏览

0评论

React中如何防范XSS攻击？（代码示例）

跨站点脚本（XSS）攻击是一种将恶意代码注入网页然后执行的攻击。这是前端 Web 开发人员必须应对的最常见的网络攻击形式之一，因此了解攻击的工作原理和防范方法非常重要。在本文...

2020-12-16

499浏览

0评论

如何解决react中文乱码问题

react中文乱码的解决在修改react中的组件信息使用中文的时候出现了一些乱码。源代码:修改后的代码:根据es6中对中文的unicode处理即可解决。Unicode介绍Unicode的目标是为...

2020-12-16

121浏览

0评论

json.stringify()是干嘛的

JavaScript JSON.stringify()JSON.stringify() 方法用于将 JavaScript 值转换为 JSON 字符串。语法JSON.stringify(value[, replacer[, space]])参数说明：value：必需，要转换的...

2020-12-16

113浏览

0评论

jquery css 如何获取不带单位的属性值

jquery css方法获取不带单位的属性值1、首先定义一个 div<div></div>2、然后设置样式<style>div { width: 100px; height: 100px;}</style>3、引入jQuery<script src=...

2020-12-16

64浏览

0评论

jquery div能添加元素吗

通过 jQuery，可以很容易地添加新元素/内容。方法：append() - 在被选元素的结尾插入内容prepend() - 在被选元素的开头插入内容示例1：使用append()<!DOCTYPE html><html><head><...

2020-12-16

407浏览

0评论

vue.js如何判断输入是否为数字

vue中可以使用正则表达式来判断输入的值是否是数字： var numReg = /^[0-9]*$/var numRe = new RegExp(numReg)if (!numRe.test(number)) { this.$message({ type: 'w...

2020-12-16

88浏览

0评论

JS创建自定义对象的六种方法总结

1、创建一个 Object 实例var person = new Object();person.name = "rose";person.age = 18;person.job = "actor";person.sayName = function () { console.log(this.name)...

2020-12-15

63浏览

0评论

Vue-router中hash模式与history模式的区别详解

VUE路由的hash模式与history模式的区别，这个也是面试常问的问题，这个题其实就是考验你的开发经验是否属实。小白回答：hash模式url带#号，history模式不带#号。大牛解答：形式上：hash...

2020-12-15

114浏览

0评论

token 机制和实现方式

前言之前在面试的时候被问到过刷新 token 的问题，其实我对 token 验证机制的细节一直不清楚。新项目和后端的同学商量后使用刷新 token 来实现。本文主要分享一下对 token 机...

2020-12-15

86浏览

0评论

JavaScript中遍历的十种方法总结

1.while循环while后面跟循环条件和执行语句，只要满足条件，就会一直执行里面的执行var i = 0while(i<10){ console.log(i) i++ }2.do...while循环与while相似，但是他会先执行一...

2020-12-15

71浏览

0评论

JavaScript中Object、map、weakmap的区别分析

前言ECMAScript 6以前，在JavaScript中实现“键/值”式存储可以使用Object来方便高效地完成，也就是使用对象属性作为键，再使用属性来引用值。但这种实现并非没有问题，...

2020-12-15

205浏览

0评论

jquery更改img元素的src属性的方法

在jquery中，主要通过attr()方法来设置img标签的src属性，从而实现改变img标签的src属性。方法：首先需要获取img元素，然后使用.attr("src","值")来更改img元素的src属性。具体介绍...

2020-12-15

73浏览

0评论

怎么用jquery做全选删除

用jquery实现全选删除功能html代码<div class="box"><ul><li><input type="checkbox" /> 少小离家胖了回</li><li><input type="checkbox" /> 乡音无改肉成堆</li><li><inpu...

2020-12-15

92浏览

0评论

jquery 元素不可用怎么设置

使用jQuery设置元素不可用我们可以用jQuery改变HTML元素的非CSS的属性。比如，你可以禁用按钮。当你把按钮设置成禁用以后，按钮会变灰并且不能点击。jQuery有一个.prop()的方法...

2020-12-15

73浏览

0评论

vue的hash值原理也是table切换实例代码

我希望大家敲一遍<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .pages>div{display: none;} </style> </head> <body> <p> <a h...

2020-12-14

677浏览

0评论

windows如何把已安装的nodejs高版本降级为低版本(图文教程)

第一步：先清空本地安装的node.js版本1.按健win+R弹出窗口，键盘输入cmd,然后敲回车（或者鼠标直接点击电脑桌面最左下角的win窗口图标弹出，输入cmd再点击回车键）然后进入命令控制行...

2020-12-14

256浏览

0评论

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

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

2020-12-14

77浏览

0评论

一分钟学会JavaScript中的try-catch

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

2020-12-14

160浏览

0评论

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

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

2020-12-14

112浏览

0评论

详解JavaScript中的回调函数

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

2020-12-14

126浏览

0评论

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

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

2020-12-14

87浏览

0评论

JavaScript 中实现等分数组

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

2020-12-14

60浏览

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

113浏览

0评论

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

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

2020-12-14

195浏览

0评论

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

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

2020-12-13

76浏览

0评论

js实现滚动条自动滚动

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

2020-12-13

90浏览

0评论

vue+element实现动态加载表单

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

2020-12-13

138浏览

0评论

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

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

2020-12-13

91浏览

0评论

javascript前端实现多视频上传

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

2020-12-13

97浏览

0评论

Vue实现简单购物车功能

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

2020-12-13

116浏览

0评论

swiperjs实现导航与tab页的联动

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

2020-12-13

106浏览

0评论

swiper实现导航滚动效果

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

2020-12-13

55浏览

0评论

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

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

2020-12-12

热门文章