jquery $(document).ready()和onload的区别是什么
jquery $(document).ready()和window.onload的区别1.执行时间window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready()是DOM结构绘制完毕...
2020-12-17
vue.js如何使用filter
vue.js使用filter的方法：vue中的过滤器分为两种：局部过滤器和全局过滤器1、定义无参全局过滤器 Vue.filter('msgFormat', function(msg) { // msg 为固定的...
2020-12-17
webstorm怎样新建vue.js的项目
webstorm新建vue.js项目的方法：1、想用WebStorm创建项目得安装git。 安装很简单，官网找到下载安装即可，否则可能出现安装不了的情况2、红色为新建的顺序，绿色为node.js地址（装好...
2020-12-17
直接引用vue.js怎样使用路由
直接引用vue.js使用路由的方法：直接引入 vue.js 的方式使用路由很简单, 只需要再直接引入一个 vue-router.JS 即可.具体的实现步骤:1, 引入 vue.JS 和 vue-router.JS<script...
2020-12-17
jquery里面的toggle怎么用
jquery里面的toggle的使用方法：一、在元素的click事件中绑定两个或两个以上的函数 toggle不像bind需要在后面添加"click"来绑定click触发事件，toggle本身就是click触发的（而且...
2020-12-17
React中如何防范XSS攻击？（代码示例）
跨站点脚本（XSS）攻击是一种将恶意代码注入网页然后执行的攻击。这是前端 Web 开发人员必须应对的最常见的网络攻击形式之一，因此了解攻击的工作原理和防范方法非常重要。在本文...
2020-12-16
如何解决react中文乱码问题
react中文乱码的解决在修改react中的组件信息使用中文的时候 出现了一些乱码。源代码:修改后的代码:根据es6中对中文的unicode处理即可解决。Unicode介绍Unicode的目标是为...
2020-12-16
json.stringify()是干嘛的
JavaScript JSON.stringify()JSON.stringify() 方法用于将 JavaScript 值转换为 JSON 字符串。语法JSON.stringify(value[, replacer[, space]])参数说明：value：必需， 要转换的...
2020-12-16
jquery css 如何获取不带单位的属性值
jquery css方法获取不带单位的属性值1、首先定义一个 div<div></div>2、然后设置样式<style>div { width: 100px; height: 100px;}</style>3、引入jQuery<script src=...
2020-12-16
jquery div能添加元素吗
通过 jQuery，可以很容易地添加新元素/内容。方法：append() - 在被选元素的结尾插入内容prepend() - 在被选元素的开头插入内容示例1：使用append()<!DOCTYPE html><html><head><...
2020-12-16
vue.js如何判断输入是否为数字
vue中可以使用正则表达式来判断输入的值是否是数字： var numReg = /^[0-9]*$/var numRe = new RegExp(numReg)if (!numRe.test(number)) { this.$message({ type: 'w...
2020-12-16
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
Vue-router中hash模式与history模式的区别详解
VUE路由的hash模式与history模式的区别，这个也是面试常问的问题，这个题其实就是考验你的开发经验是否属实。小白回答：hash模式url带#号，history模式不带#号。大牛解答：形式上：hash...
2020-12-15
token 机制和实现方式
前言之前在面试的时候被问到过刷新 token 的问题，其实我对 token 验证机制的细节一直不清楚。新项目和后端的同学商量后使用刷新 token 来实现。本文主要分享一下对 token 机...
2020-12-15
JavaScript中遍历的十种方法总结
1.while循环while后面跟循环条件和执行语句，只要满足条件，就会一直执行里面的执行var i = 0while(i<10){ console.log(i) i++ }2.do...while循环与while相似，但是他会先执行一...
2020-12-15
JavaScript中Object、map、weakmap的区别分析
前言ECMAScript 6以前，在JavaScript中实现“键/值”式存储可以使用Object来方便高效地完成，也就是使用对象属性作为键，再使用属性来引用值。但这种实现并非没有问题，...
2020-12-15
jquery更改img元素的src属性的方法
在jquery中，主要通过attr()方法来设置img标签的src属性，从而实现改变img标签的src属性。方法：首先需要获取img元素，然后使用.attr("src","值")来更改img元素的src属性。具体介绍...
2020-12-15
怎么用jquery做全选删除
用jquery实现全选删除功能html代码<div class="box"><ul><li><input type="checkbox" /> 少小离家胖了回</li><li><input type="checkbox" /> 乡音无改肉成堆</li><li><inpu...
2020-12-15
jquery 元素不可用怎么设置
使用jQuery设置元素不可用我们可以用jQuery改变HTML元素的非CSS的属性。比如，你可以禁用按钮。当你把按钮设置成禁用以后，按钮会变灰并且不能点击。jQuery有一个.prop()的方法...
2020-12-15
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
windows如何把已安装的nodejs高版本降级为低版本(图文教程)
第一步：先清空本地安装的node.js版本1.按健win+R弹出窗口，键盘输入cmd,然后敲回车（或者鼠标直接点击电脑桌面最左下角的win窗口图标弹出，输入cmd再点击回车键）然后进入命令控制行...
2020-12-14
Vue在H5 项目中使用融云进行实时个人单聊通讯
由于其他博客的相关融云的Vue项目开发不是特别完善，此项目加入了自己的一些思考，可供大家有一点方向。1.融云官网注册账号，创建应用并获取必要的初始化参数 appkey2.融云web开...
2020-12-14
一分钟学会JavaScript中的try-catch
导读：在Java中我们使用try-catch进行异常处理，同样的JavaScript也提供了和异常处理类似的异常处理机制，本节我们将对JavaScript异常处理进行详细讲解。1.1 如何进行错误处理<sc...
2020-12-14
vue从后台渲染文章列表以及根据id跳转文章详情详解
前言：vue里面怎样从后台渲染列表，怎么根据文章的id获取文章的具体内容。以及值与值之间的传递，vue-router 里query和params的区别及使用。一、query和params先来看看query和par...
2020-12-14
详解JavaScript中的回调函数
JavaScript回调函数是成为一名成功的 JavaScript 开发人员必须要了解的一个重要概念。但是我相信，在阅读本文之后，你将能够克服以前使用回调方法遇到的所有障碍。在开始之前，首...
2020-12-14
了解Promise中的all()、race()、allSettled()方法
从ES6 开始，我们大都使用的是 Promise.all()和Promise.race()，Promise.allSettled() 提案已经到第4阶段，因此将会成为ECMAScript 2020的一部分。1.概述Promise.all(promises: I...
2020-12-14
JavaScript 中实现等分数组
在本教程中，我们来学习一下如何使用Array.splice()方法将数组等分，还会讲一下，Array.splice() 和 Array.slice() 它们之间的不同之处。1. 将数组分为两个相等的部分我们可以分...
2020-12-14
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
如何用jquery让图片逐渐显示出来
用jquery让图片逐渐显示出来的方法：1、新建一个html文件，命名为test.html，用于讲解jquery如何让一张图片逐渐显示出来。2、在test.html文件内，在p标签，使用img标签创建一个图片，并...
2020-12-14
vue实现两个区域滚动条同步滚动
本文实例为大家分享了vue实现两个区域滚动条同步滚动的具体代码，供大家参考，具体内容如下项目开发中，遇到一个比较两个form差异的需求，但当item过多就需要滚动条，这里就用到了滚...
2020-12-13
js实现滚动条自动滚动
本文实例为大家分享了js实现滚动条自动滚动的具体代码，供大家参考，具体内容如下效果类似于直播网站的评论，会一条接着一条向上 go out ；js部分很简单：通过控制scrollTop的值来实...
2020-12-13
vue+element实现动态加载表单
本文实例为大家分享了vue+element实现动态加载表单的具体代码，供大家参考，具体内容如下一、问卷动态加载表单//html<el-form :model="quesPaper" status-icon label-width="10...
2020-12-13
vue使用element-ui实现表单验证
本文实例为大家分享了vue使用element-ui实现表单验证的具体代码，供大家参考，具体内容如下一、简单逻辑验证（直接使用rules）实现思路html中给el-form增加:rules="rules" html中在...
2020-12-13
javascript前端实现多视频上传
本文实例为大家分享了javascript前端实现多视频上传的具体代码，供大家参考，具体内容如下效果图如下：其实拿电视剧来举例子更合适，比如要添加一个电视剧，而这部电视剧有很多集，而如...
2020-12-13
Vue实现简单购物车功能
本文实例为大家分享了Vue实现简单购物车功能的具体代码，供大家参考，具体内容如下话不多少，上效果图代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <...
2020-12-13
swiperjs实现导航与tab页的联动
本文实例为大家分享了swiperjs实现导航与tab页的联动，供大家参考，具体内容如下这里主要实现了以下功能：1.点击导航栏切换tab
2.tab页高度自适应不会影响布局
3.导航栏的拖动
4....
2020-12-13
swiper实现导航滚动效果
本文实例为大家分享了swiper实现导航滚动效果的具体代码，供大家参考，具体内容如下1.需求：点击导航科目，选中元素自动往前滑动处于中间位置，tab切换<div class="swiper-container...
2020-12-13
详解vue中使用transition和animation的实例代码
以前写页面注重在功能上，对于transition和animation是只闻其声，不见其人，对于页面动画效果心理一直痒痒的。最近做活动页面，要求页面比较酷炫，终于有机会认真了解了。transition:...
2020-12-12
JavaScript实现移动小精灵的案例代码
前言提示：
今天学习了一个js的小案例，来和可乐一起学习探讨下吧 skr~
效果：提示：以下是本篇文章正文内容，下面案例可供参考一、元素偏移量是什么？ offset ：中文就是偏离的意思， 使用...
2020-12-12
node koa2 ssr项目搭建的方法步骤
一、创键项目1.创建目录 koa22.npm init 创建 package.json，然后执行 npm install3.通过 npm install koa 安装 koa 模块4.通过 npm install supervisor 安装supervisor模块,...
2020-12-11
详解如何在vue+element-ui的项目中封装dialog组件
1、问题起源由于 Vue 基于组件化的设计，得益于这个思想，我们在 Vue 的项目中可以通过封装组件提高代码的复用性。根据我目前的使用心得，知道 Vue 拆分组件至少有两个优点：1、代...
2020-12-11
使用js获取身份证年龄的示例代码
/** 根据身份证号码判断性别 15位身份证号码：第7、8位为出生年份(两位数)，第9、10位为出生月份，第11、12位代表出生日 18位身份证号码：第7、8、9、10位为出生年份(四位数)，第11...
2020-12-11
javascript中call,apply,bind的区别详解
在JS中，这三者都是用来改变函数的this对象的指向的，他们有什么样的区别呢。在说区别之前还是先总结一下三者的相似之处：
1、都是用来改变函数的this对象的指向的。
2、第一个参...
2020-12-11
jquery如何判断滚动条是否到底部
jquery判断滚动条是否到底部的方法：一、jQuery检测浏览器window滚动条到达底部jQuery获取位置和尺寸相关函数： $(document).height() 获取整个页面的高度 $(window).height(...
2020-12-11
jquery如何使用滚动条监听事件
jquery使用滚动条监听事件的方法：先来一个例子：$(document).ready(function(){//在文档加载完毕后执行 $(window).scroll(function(){//开始监听滚动条 //获取当前...
2020-12-11
jquery中的$()是什么
jquery中的$()是：1、$()可以是$(expresion)，即css选择器、Xpath或html元素，也就是通过上述表达式来匹配目标元素。比如：$("a")构造的这个对象，是用CSS选择器构建了一个jQuery对象...
2020-12-11
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
jquery LigerUI是什么？
jquery LigerUI 快速开发UI框架LigerUI 是基于jQuery 的UI框架，其核心设计目标是快速开发、使用简单、功能强大、轻量级、易扩展。简单而又强大，致力于快速打造Web前端界面解...
2020-12-11
jquery怎么判断radio是否选中
jquery判断radio是否选中的方法：一、利用获取选中值判断选中直接上代码，别忘记引用JQuery包代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http...
2020-12-11
jquery如何让按钮不可用
jquery让按钮不可用的方法：1、新建一个html文件，命名为test.html，用于讲解jquery如何设置按钮不可点击。2、在test.html文件内，在p标签内，使用button标签创建一个按钮，并设置其id...
2020-12-11
