JavaScript - 教程之家

73浏览

0评论

JavaScript遍历查找数组中最大值与最小值的方法示例

本文实例讲述了JavaScript遍历查找数组中最大值与最小值的方法。分享给大家供大家参考，具体如下：<script language="javascript"> // 查找数组中最小值function mathMin(arrs)...

2020-05-27

75浏览

0评论

Echarts动态加载多条折线图的实现代码

背景：动态加载多条折线图，折线图条数不确定
页面效果：

页面代码//气象数据 function serchQx(beginTime, endTime, str, parameter) { $("#rr").html("");//将循环拼接的字...

2020-05-27

52浏览

0评论

echarts多条折线图动态分层的实现方法

1、关于Echarts
大家可以到这个网址看一下，还是比较详细的。http://echarts.baidu.com/doc/example.html这个功能还是很强大的，对于喜欢做数据统计来说是美味的。2、echarts多...

2020-05-27

62浏览

0评论

jQuery中使用validate插件校验表单功能

一.功能效果二.部分特殊规则2.1 错误信息位置更改在表单某选项中增加代码<label class="error" for="表单中选项的name"></label>例如 : 性别必选<td> <input type="radio"...

2020-05-27

328浏览

0评论

JS实现查找数组中对象的属性值是否存在示例

本文实例讲述了JS实现查找数组中对象的属性值是否存在。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</tit...

2020-05-27

72浏览

0评论

JS实现判断数组是否包含某个元素示例

本文实例讲述了JS实现判断数组是否包含某个元素。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></h...

2020-05-27

68浏览

0评论

Electron-vue开发的客户端支付收款工具的实现

目前实现了支付宝当面付的扫码支付功能、二维码支付功能，即主动扫和被动扫。测试请使用支付宝沙箱环境，支付宝是沙箱版。
最终效果如下：

前端页面使用阿里的组件，ant-design-vu...

2020-05-27

63浏览

0评论

30分钟用Node.js构建一个API服务器的步骤详解

Node.js 对初学者来说可能是令人望而却步的，其灵活的结构和缺乏严格的规范使它看起来很复杂。本教程是 Node.js，Express 框架和 MongoDB 的快速指南，重点介绍基本的 REST 路由...

2020-05-27

69浏览

0评论

微信小程序+云开发实现欢迎登录注册

前段时间和同学一起做了一个小程序，用来参加学校的比赛，完成后把项目内容分割一下，贴到博客上面，算是学习记录和总结吧。因为是学生党，而且并没有很大的需要，所以选择了微信小程序...

2020-05-27

79浏览

0评论

小程序登录/注册页面设计的实现代码

界面设计页面引用了youzan组件进行设计，包括icon,button,tag,toast以及布局github地址：https://github.com/youzan/zanui-weapp实现的功能1.对用户输入的手机号码进行验证，利用...

2020-05-27

66浏览

0评论

如何用原生js写一个弹窗消息提醒插件

1.分析当消息被触发的时候，会有一个自上而下的淡入过程。
在持续了一段时间后会自动的消失，或者是需要用户来手动的点击关闭按钮。
在消息消失的时候，会有一个自下而上的淡出过...

2020-05-27

158浏览

0评论

了解javascript中let和var及const关键字的区别

1.声明后未赋值，表现相同//一个例子'use strict';(function() { var varTest; let letTest; console.log(varTest); //输出undefined console.log(letTest); //输出undefined...

2020-05-27

54浏览

0评论

运用js实现图层拖拽的功能

1.需求分析：设计一个元素，可以跟随鼠标的移动，元素也进行移动，并且能够在鼠标按上与按下元素的时候，元素同样可以进行改变样式颜色。2. 设计思路：先是需要获取元素，给元素绑定鼠标...

2020-05-27

75浏览

0评论

javascript获取元素的计算样式

背景
使用css控制页面有4种方式，分别为行内样式(内联样式)、内嵌式、链接式、导入式。行内样式(内联样式)即写在html标签中的style属性中，如 <div style="width:100px;heigh...

2020-05-27

88浏览

0评论

redux.js详解及基本使用

什么是Redux Redux我们可以把它理解成一个状态管理器，可以把状态（数据）存在Redux中，以便增、删、改。例如：从服务器上取一个收藏列表，就可以把取回来的列表数据用Redu...

2020-05-27

61浏览

0评论

Javascript通过控制类名更改样式

控制类名（className 属性）
className 属性设置或返回元素的class 属性。
语法：
object.className = classname
作用:
1.获取元素的class 属性
2. 为网页内的某个元素指定一个cs...

2020-05-27

68浏览

0评论

了解JavaScript中的选择器

在html5之前只有下面四种选择器
.getElementById("id")id选择器;
.getElementsByName("name")name选择器;
.getElementsByTagName("tagname")tag标签名选择器；
.getElementsB...

2020-05-27

72浏览

0评论

泛谈JS逻辑判断选择器 || &&

前言|| 与 &&在JS里与其它语言不一样，这是选择器运算符，而非逻辑运算符。
对于||来说，若判断为true，则返回第一个值，为false返回第二个值。
&&相反，若判断为 true,则返回第二个，为...

2020-05-27

59浏览

0评论

Vue Autocomplete 自动完成功能简单示例

本文实例讲述了Vue Autocomplete 自动完成功能。分享给大家供大家参考，具体如下：页面：用闭包的方式，index表示第几个组件<el-autocomplete v-model="state4" :fetch-suggestion...

2020-05-27

52浏览

0评论

vue实现的请求服务器端API接口示例

本文实例讲述了vue实现的请求服务器端API接口。分享给大家供大家参考，具体如下：import axios from 'axios'import router from '@/router'axios.defaults.timeout = 3000axios...

2020-05-27

72浏览

0评论

vue实现的上拉加载更多数据/分页功能示例

本文实例讲述了vue实现的上拉加载更多数据/分页功能。分享给大家供大家参考，具体如下：加载状态<div v-if='has_log == 0'> <load-more tip="上拉加载" :show-loading="false...

2020-05-27

82浏览

0评论

vue项目打包后怎样优雅的解决跨域

前言
在使用vue.js开发前端项目时，再结合webpack搞起各种依赖、各种插件进行开发，无疑给前端开发带来了很多便捷，就在解决跨域这个问题上，相信众多用vue.js的前端同僚们同我一样...

2020-05-27

106浏览

0评论

微信小程序 swiper 组件遇到的问题及解决方法

Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。Swiper开源、免费、稳定、使用简...

2020-05-27

76浏览

0评论

使用Vue.observable()进行状态管理的实例代码详解

随着组件的细化，就会遇到多组件状态共享的情况， Vuex当然可以解决这类问题，不过就像 Vuex官方文档所说的，如果应用不够大，为避免代码繁琐冗余，最好不要使用它，今天我们介绍的是 vue...

2020-05-27

119浏览

0评论

vxe-table vue table 表格组件功能

一个功能更加强大的 Vue 表格组件查看vxe-table功能点•基础
•尺寸
•斑马线条纹
•带边框
•单元格样式
•列宽拖动
•流体高度
&#82...

2020-05-27

70浏览

0评论

vue指令做滚动加载和监听等

突然有个人问起vue如何做滚动监听?既然你诚心诚意的发问了, 我就大发慈悲的告诉你.(武藏 & 小次郎)
指令可以很好的做这件事情, 下面以element-select举例:
directives....

2020-05-27

76浏览

0评论

我要点爆”微信小程序云开发之项目建立与我的页面功能实现

开发环境搭建使用自己的AppID新建小程序项目，后端服务选择小程序·云开发，点击新建，完成项目新建。

新建成功后跳转到开发者工具界面
新建后，微信端为我们提供了一个参考的模...

2020-05-27

71浏览

0评论

vue中$refs, $emit, $on, $once, $off的使用详解

1.$refs的使用场景
父组件调用子组件的方法，可以传递数据。父组件：<div id="app"> <child-a ref="child"></child-a> <button @click="getMyEvent">点击父组件</button><div...

2020-05-27

268浏览

0评论

富文本编辑器vue2-editor实现全屏功能

vue2-editor非常不错，可惜并未带全屏功能，自己实现了一个，供大家参考。实现思路：自定义模块。1. 定义全屏模块Fullscreen/** * 编辑器的全屏实现 */import noScroll from 'no-sc...

2020-05-27

115浏览

0评论

vue2.0 实现富文本编辑器功能

前端富文本编译器使用总结：UEditor：百度前端的开源项目，功能强大，基于 jQuery，但已经没有再维护，而且限定了后端代码，修改起来比较费劲bootstrap-wysiwyg：微型，易用，小而美，只是 Bootst...

2020-05-27

70浏览

0评论

小程序封装路由文件和路由方法(5种全解析)

小程序5种路由方法使用场景，封装路由文件和路由方法，提升小程序体验和开发效率
明确要解决的问题每次使用路由时，总是粘贴复制路径，这样在路径有修改时，需要修改所有用到该路径...

2020-05-27

77浏览

0评论

Node.js 多进程处理CPU密集任务的实现

Node.js 单线程与多进程
大家都知道 Node.js 性能很高，是以异步事件驱动、非阻塞 I/O 而被广泛使用。但缺点也很明显，由于 Node.js 是单线程程序，如果长时间运算，会导致 CPU 不...

2020-05-27

66浏览

0评论

使用JS判断页面是首次被加载还是刷新

1 利用window.name属性在页面刷新时不会重置判断（在该属性空置的情况下可使用）if(window.name == ""){ console.log("首次被加载"); window.name = "isReload"; // 在首次进入...

2020-05-27

70浏览

0评论

分享一个vue项目“脚手架”项目的实现步骤

搭建缘由源于公司每次新启动一个由多人协同开发的项目都由负责人初始化项目之后，每个人再去从私服pull一下项目才开始开发。但是每次初始化工程都是一步步的造轮子，一个个依赖...

2020-05-27

59浏览

0评论

了解JavaScript表单操作和表单域

一、表单的获取方式
1.document.getElementById()
2.document.forms[index];
3.document.forms[form_name]
4.document.form_namefunction testGetForm() {var frm = docume...

2020-05-27

75浏览

0评论

优化Vue项目编译文件大小的方法步骤

与其说是优化 Vue，不如说主要是在 webpack 打包的配置中做些文章，使得 Vue 编译后的文件尽可能的小。以下介绍自己在项目中进行优化的过程，其中的内容也许并不适合于每个项目，但...

2020-05-27

77浏览

0评论

详解JavaScript中的坐标和距离

一前言
在前端开发中总会遇到各种各样需要使用或计算坐标和距离的情况，但是这些属性和方法众多，全部熟练地记下来并非是一件易事，大多只能现查，耗费不少时间精力，于是便有了整理...

2020-05-27

62浏览

0评论

node.js命令行教程图文详解

本文先介绍原生的node.js实现命令行交互，了解原生的api,然后通过commander.js和inquirer.js实现一个完整的交互命令行工具。项目地址 process （进程）process对象是一个全局变量...

2020-05-27

70浏览

0评论

图解javascript作用域链

先来一段简单的javascript代码：window.onload=function(){function sub(a,b){return a-b;}var result=sub(10,5);}这段代码中的执行环境已经数清楚了，可是执行环境只是代码在...

2020-05-27

65浏览

0评论

实现高性能javascript的注意事项

1.少用全局变量原因：因为作用域链是一个堆栈的结构，所以遵循先进先出的原则，而javascript引擎在解析代码的时候，将全局对象放在栈底，然后向上依次出现的是不同作用域的活动对象（这...

2020-05-27

70浏览

0评论

通过jQuery学习js类型判断的技巧

1. isFunction中typeof的不靠谱源码：
var isFunction = function isFunction( obj ) {// Support: Chrome <=57, Firefox <=52// In some browsers, typeof returns "functio...

2020-05-27

64浏览

0评论

Vue scrollBehavior 滚动行为实现后退页面显示在上次浏览的位置

前提：之前写过关于keep-Alive组件，来实现在列表页进入详情页后，后退，返回列表，显示上次访问的位置（原理就是缓存列表页数据来实现），目前发现另外一个问题，就是如果后台操作改变数据的...

2020-05-27

342浏览

0评论

jquery实现动态改变css样式的方法分析

本文实例讲述了jquery实现动态改变css样式的方法。分享给大家供大家参考，具体如下：jquery 几乎成了现在开发WEB应用的标准JS库，这与其简单性和易用性是分不开的。作为一个后端...

2020-05-27

75浏览

0评论

jquery实现动态创建form并提交的方法示例

本文实例讲述了jquery实现动态创建form并提交的方法。分享给大家供大家参考，具体如下：有时候在写web 应用的时候，需要临时动态构造一个form 并提交，form 里面的参数以及action,...

2020-05-27

85浏览

0评论

初学node.js中实现删除用户路由

一、users_model.js 功能:定义用户对象模型var mongoose=require('mongoose'),Schema=mongoose.Schema;var UserSchema=new Schema({username:{type:String,unique:true},em...

2020-05-27

69浏览

0评论

jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能示例

本文实例讲述了jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能。分享给大家供大家参考，具体如下：最近都成为页面仔了，主要工作都放在了前段，以前总是写后台程...

2020-05-27

73浏览

0评论

基于vue实现一个禅道主页拖拽效果

效果图如下所示：源码地址bb两句最近在做一个基于vue的后台管理项目。平时项目进度统计就在上禅道上进行。so~ 然后领导就感觉这个拖拽效果还行，能不能加到咱们项目里面。既然...

2020-05-27

74浏览

0评论

了解javascript中变量及函数的提升

javascript中变量以及函数的提升，在我们平时的项目中其实还是挺常用的，尤其是大型项目中，不知不觉就会顺手添加一些变量，而有时候自己的不小心就会酿成一些不必要错误，趁有时间整...

2020-05-27

96浏览

0评论

vue项目前端错误收集之sentry教程详解

sentry简介Sentry 是一个开源的错误追踪工具，可以帮助开发人员实时监控和修复系统中的错误。其专注于错误监控以及提取一切事后处理所需的信息;支持几乎所有主流开发语言( JS...

2020-05-27

95浏览

0评论

JavaScript怎样在删除前添加确认弹出框?

一,【前言】
最近架构组开发的”异常监控平台”,虽说是公司内部基础研发部业务组上百人用的一个系统,但是对一下体验度的提升还是要的,例如,删除是直接删除还是删除之前有一...

2020-05-27

热门文章