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