javascript教程
-
vue中实现图片压缩 file文件的方法
项目中遇到上传图片需要在前端进行图片压缩，将我的实现思路记录一下。（我已经拿到上传的file文件的前提下） 先创建一个公用的js，这里我的是api.js，里面封装一些常用的方法 将图...
-
JS实现前端动态分页码
思路分析：有3种情况 第一种情况，当前页面curPage < 4 第二种情况，当前页面curPage == 4 第三种情况，当前页面curPage>4 此外，还要考虑，当前页码 curPage < pageTotal（总页码...
-
el-form-item 设置 prop 报错：please transfer a valid prop path to form item的解决办法
please transfer a valid prop path to form item的解决办法，el-form-item上的属性prop字段，必须是其父级组件el-form中绑定model字段中的一个直接子属性。...
-
-
-
js正则表达式贪婪与非贪婪模式详解
1 概述 贪婪与非贪婪模式影响的是被量词修饰的子表达式的匹配行为，贪婪模式在整个表达式匹配成功的前提下，尽可能多的匹配，而非贪婪模式在整个表达式匹配成功的前提下，尽可能...
-
JS定时器如何实现提交成功提示功能
应用场景： 用户评论后，在合适位置弹出“评论成功”，2秒钟后自动消失，提示用户评论成功。 HTML: {#评论成功提示#} <div class="popup_con" style="display: none; margin-left: 300px">...
-
vue使用nprogress加载路由进度条的方法
1、效果图 2、安装 npm install --save nprogress 基本用法 NProgress.start(); NProgress.done(); 3、在路由中使用 import NProgress from 'nprogress' import 'nprogress/nprogress.css' router.beforeEach((to, fro...
-
Vue Cli4中vue.config.js标准配置
Vue.js CLI工具 不知不觉发展到了4.0时代，CLI给人最直白的感受是没有了build文件夹跟config文件夹，所有的配置都在Vue.config.js完成。那么该文件的配置至关重要。现在我们来看一下最新配置是怎么...
-
JS中async、await的基本使用
本文实例讲述了ES6 async、await的基本使用方法。分享给大家供大家参考，具体如下： async是异步编程的最新标准，我们来看看async如何使用 1.async的简单使用 async function fn () { return 'abc' ...
-
JS拖拽效果及原理解析
这篇文章主要介绍了如何实现js拖拽效果及原理解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 元素拖拽分成3个步骤：按下鼠...
-
JS数组的常用10种方法
数组在JavaScript中经常使用，如何对数组进行增删改非常重要，下面为数组的常用方法： 在数组末尾插入元素 arr.push(value)，在数组的末尾添加一个或多个元素，并返回数组的新长度。 例...
-
Javascript实现查看大图功能
功能与实现 点击小图片可以查看大图 实现就是把大图放置在顶层（z-index大于当前页面的）,并且还可以加一些额外的比如透明度什么的。 大图以动画的形式出现 动画就是css动画样式了...
-
JS 获取文件后缀，判断文件类型(比如是否为图片格式)
这篇文章主要介绍了JS 获取文件后缀，判断文件类型(比如是否为图片格式),需要的朋友可以参考下 1、获取文件后缀 有时候我们需要通过文件名或者路径，得到该文件的后缀名（扩展名），...
-
js中var和let/const的区别
let和const是 ES6 新增的命令，用于声明变量，这两个命令跟 ES5 的var有许多不同，并且let和const也有一些细微的不同，在认真阅读了阮一峰老师的文档后，发现还是有一些不知道的细节,重新整理了...
-
js中!和!!的区别及用法
js中!的用法是比较灵活的，它除了做逻辑运算常常会用！做类型判断，可以用！与上对象来求得一个布尔值， 1、！可将变量转换成boolean类型，null、undefined和空字符串取反都为false，其余都为tr...
-
js中e.target与e.currentTarget的区别
在DOM事件对象中有两个属性总是时不时的困扰我，就是target和currentTarget，有时候很迷惑分不清两者的区别，因此有必要把这两个属性好好梳理一下，加深理解，以便日后的查询。 MDN中对targe...
-
js中undefined 和 null 区别
之前虽然也知道这两个之间的区别，但是让我描述的话，感觉上还是说的不是很清楚。今天也详细看了一次这个知识点，现在来说说这两者间的区别。 null： Null类型，代表“空值&rd...
-
react父子组件传值
父组件向子组件传值 本示例使用todolist做演示 1.父组件 import React, { Component, Fragment } from 'react' // 引入子组件 import TodoItem from './TodoItem' class TodoList extends Component { constructor(props) { ...
-
5个技巧助你编写更好的React代码
在本文中，我想分享几个技巧，这些技巧将改善你的React代码。 1. 解构 props 在 JS 中解构对象（尤其是 props）可以大大减少代码中的重复。看下面的例子： //Parent Component ...
