JavaScript - 教程之家

79浏览

0评论

JS实现点击复选框变更DIV显示状态的示例代码

首先是页面上： <div class="row cl"> <label class="form-label col-xs-4 col-sm-3" style="width: 20%"><span class="c-red">*</span>是否存在促销活动：</label><div cla...

2020-05-27

79浏览

0评论

jQuery实现点击DIV同时点击CheckBox,并为DIV上背景色的实例

废话不多说，直接上代码吧<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>JqueryTest</title> <script src="js/jquery-1.8.3.min.js"></script>...

2020-05-27

59浏览

0评论

AngularJs点击状态值改变背景色的实例

实例如下：//更改边框颜色的代码 $("#shname").css({"border":"1px solid red"});//排序有时候下标会错乱不建议使用建议使用讲师排序代码<!DOCTYPE html><html><head><m...

2020-05-27

106浏览

0评论

vue.js element-ui validate中代码不执行问题解决方法

先说结论在自定义验证里面每一个判断都要有callback(),就是要保证callback()一定会执行到因为要验证数字，参考了官网参考代码如下，发现有如下图bug，当输入为以数字开头包含字符...

2020-05-27

70浏览

0评论

响应式框架Bootstrap栅格系统的实例

实例如下：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link...

2020-05-27

104浏览

0评论

React Native之prop-types进行属性确认详解

属性确认的作用
使用 React Native 创建的组件是可以复用的，所以我们开发的组件可能会给项目组其他同事使用。但别人可能对这个组件不熟悉，常常会忘记使用某些属性，或者某些属...

2020-05-27

109浏览

0评论

基于node.js实现微信支付退款功能

缘起有付款就会有退款注意，退款支持部分退款左口袋的钱退到右口袋罗这次发起的退款请求0.01元是实时到账的，因此，用户在小程序端发起的退款只是一个请求到后台，后台审核人员审...

2020-05-27

80浏览

0评论

jQuery实现弹窗下底部页面禁止滑动效果

在项目开发过程中，经常会遇到带有弹窗的页面，尤其是在移动端。在没有特别要求的情况下，弹窗弹出后，弹窗下的底部页面依然能够滑动。为了得到更好的用户体验，需要做到触发弹窗时，弹...

2020-05-27

44浏览

0评论

Vue 2.0学习笔记之使用$refs访问Vue中的DOM

通过前面对Vue的学习，到现在我们很有必要进一步了解Vue实例中的一些特殊的属性和方法。首先要了解的是$refs属性。但是在深入到JavaScript部分之前，我们先看看模板。<div id="...

2020-05-27

57浏览

0评论

浅谈Vue.js中ref ($refs)用法举例总结

本文介绍了Vue.js中ref ($refs)用法举例总结，分享给大家，具体如下：
看Vue.js文档中的ref部分，自己总结了下ref的使用方法以便后面查阅。一、ref使用在外面的组件上HTML 部分<div...

2020-05-27

53浏览

0评论

vue 通过下拉框组件学习vue中的父子通讯

如果说vue组件化开发中第一步应该了解的是什么的话，那无疑是父子组件之间是如何实现通讯的(说白了就是父子组件中数据是如何传递的)，只有理解了这一步，才能更好的开发组件这里...

2020-05-27

64浏览

0评论

使用Vue自定义数字键盘组件(体验度极好)

为了满足用户体验，小编用vue写了一个自定义数字键盘组件，用户体验度还不错。废话不多说，先上效果图吧~效果图具体实现布局排版<div class='key-container'> <div class='key-...

2020-05-27

70浏览

0评论

利用nginx + node在阿里云部署https的步骤详解

缘起最近在写node+mongodb版本的灵犀微商城，所以免不了要自己去部署自己的https证书到阿里服务器，下面将实现的过程完整的给大家总结下，话不多说了，来一起看看详细的介绍吧。 HT...

2020-05-27

77浏览

0评论

JavaScript实现AOP详解(面向切面编程,装饰者模式)

什么是AOP？AOP(面向切面编程)的主要作用是把一些跟核心业务逻辑模块无关的功能抽离出来，这些跟业务逻辑无关的功能通常包括日志统计、安全控制、异常处理等。把这些功能抽离出...

2020-05-27

64浏览

0评论

jquery中done和then的区别(详解)

jquery的deferred对象的done方法和then方法都能实现链式调用，但是他们的作用是有区别的，then方法中如果你传递的方法有返回值，那么他会传递给下一个链式调用的方法。而done方法...

2020-05-27

68浏览

0评论

mongoose更新对象的两种方法示例比较

前言Mongoose是在node.js异步环境下对mongodb进行便捷操作的对象模型工具那么要使用它，首先你得装上node.js和mongodb,关于mongodb的安装和操作介绍可以参考：https://www.jb51...

2020-05-27

57浏览

0评论

从setTimeout看js函数执行过程

老实说，写这篇文章的时候心里是有点压抑的，因为受到打击了,为什么？就因为喜欢折腾不小心看到了这个"简单"的函数：for (var i = 0; i < 5; i++) { setTimeout(function ()...

2020-05-27

84浏览

0评论

jquery实现侧边栏左右伸缩效果的示例

jquery实现点击侧边栏伸缩效果。点击收缩，侧边栏向左收缩，显示按钮显示；点击显示按钮，显示按钮向左收缩，侧边栏显示。
具体代码如下：<!DOCTYPE html><html> <head> <meta charset...

2020-05-27

70浏览

0评论

基于Vue开发数字输入框组件

随着 Vue 越来越火热, 相关组件库也非常多啦, 只用轮子怎么够, 还是要造起来!!!1、概述Vue组件开发的API：props、events和slots2、组件代码github地址：https://github.com/Men...

2020-05-27

68浏览

0评论

jquery自定义显示消息数量

本文实例为大家分享了jquery自定义显示消息数量展示的具体代码，供大家参考，具体内容如下根据需求简单的实现一个小功能控件，暂时不支持扩展。$（"xxxxxxx"）.iconCountPlugin（option...

2020-05-27

54浏览

0评论

JS+WCF实现进度条实时监测数据加载量的方法详解

本文实例讲述了JS+WCF实现进度条实时监测数据加载量的方法。分享给大家供大家参考，具体如下：背景由于项目中需要导入大量数据到memcache中需要用WCF调取11万条数据，由于那边多...

2020-05-27

61浏览

0评论

Angular2实现组件交互的方法分析

本文实例讲述了Angular2实现组件交互的方法。分享给大家供大家参考，具体如下：前言在Angular开发中，我们经常会涉及到组件之间的交互，比如会引用自己部门开发的组件
有时候，我们需...

2020-05-27

53浏览

0评论

js解决软键盘遮挡输入框的问题分享

经验须知弹出软键盘时： ios端$(‘body').scrollTop()会改变android端$(window).height()会改变拉起键盘不是一瞬间，而是有一个缓动过程问题重现ios端，经常会出现输入法遮挡输入...

2020-05-27

127浏览

0评论

完美解决手机网页中输入框被输入法遮挡的问题

之前要做一个弹出对话框，填写信息，发现在手机上看的时候，较后的输入框在填写信息时，输入框被输入法遮挡，只能盲填。前提1.弹出的对话框用display:fixed定位的2.对话框大小固定解...

2020-05-27

63浏览

0评论

常用的9个JavaScript图表库详解

当前，数据可视化已经成为数据科学领域非常重要的一部分。不同网络系统中产生的数据，都需要经过适当的可视化处理，以便更好的呈现给用户读取和分析。对任何一个组织来说，如果能够...

2020-05-27

62浏览

0评论

vue+vuex+axios+echarts画一个动态更新的中国地图的方法

本文介绍了vue+vuex+axios+echarts画一个动态更新的中国地图的方法，分享给大家，具体如下：一. 生成项目及安装插件# 安装vue-clinpm install vue-cli -g# 初始化项目vue init we...

2020-05-27

59浏览

0评论

vue实现样式之间的切换及vue动态样式的实现方法

前言既然我们选择了vue，那么在做东西时就不要想着去操作dom，所有的都交给vue来解决。下面来说一个很简单但是很常用的效果，可能人人都会用到这样的需求请看下图导航栏的样式切...

2020-05-27

47浏览

0评论

详解JS模块导入导出

开发中基本不会将所有的业务逻辑代码放在一个JS文件中，特别是在使用前端框架，进行组件化开发中时，会复用相应的组件。这时，就会用到模块导入/导出的方法了。当然，上面提到有模块...

2020-05-27

48浏览

0评论

JavaScript通过mouseover()实现图片变大效果的示例

实例如下所示：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3...

2020-05-27

71浏览

0评论

vue使用axios实现文件上传进度的实时更新详解

axios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：从浏览器中创建 XMLHttpRequest 从 node.js 发出 http 请求支持 Promise A...

2020-05-27

59浏览

0评论

浅谈gulp创建完整的项目流程

gulp是前端开发过程中自动构建项目的工具，相同作用的还有grunt。构建工具依靠插件能够自动监测文件变化以及完成js/sass/less/html/image/css/coffee等文件的语法检查、合并...

2020-05-27

96浏览

0评论

js实现以最简单的方式将数组元素添加到对象中的方法

如下所示：//如题，通常做法就是循环数组，最后在添加length属性，如： var obj = {}; var pushArr = [11,22,33,44,55,66]; for(var i=0;i<pushArr.length;i++) { obj[i] = pushArr...

2020-05-27

59浏览

0评论

jQuery实现动态控制页面元素的方法分析

本文实例讲述了jQuery实现动态控制页面元素的方法。分享给大家供大家参考，具体如下：背景最近做了一个小系统，其中需要在页面对用户的好友进行增删改查。本来没有那么复杂，用表格...

2020-05-27

61浏览

0评论

canvas轨迹回放功能实现

本文通过json机构，HTML代码以及JS代码详细给大家分析了canvas轨迹回放功能实现的过程，以下是全部内容。json结构[ { "path": [ { "x": 82, "y": 43...

2020-05-27

64浏览

0评论

详解vue mixins和extends的巧妙用法

vue提供了mixins、extends配置项，最近使用中发现很好用。混合mixins和继承extends看看官方文档怎么写的，其实两个都可以理解为继承，mixins接收对象数组（可理解为多继承），extends接...

2020-05-27

97浏览

0评论

vue.js vue-router如何实现无效路由(404)的友好提示

前言大家都知道对于单页应用，官方提供了vue-router进行路由跳转的处理，而最近在做一个基于vue-router的SPA，想对无效路由(404)页面做下统一处理。
这次我真的没有在官方文档找...

2020-05-27

62浏览

0评论

详解Vue 中 extend 、component 、mixins 、extends 的区别

new Vue()、component首先我们来约定一个选项对象 baseOptions,后面的代码会用到.let options = { template: '<p>{{firstName}} {{lastName}} aka {{alias}}</p>', data: f...

2020-05-27

68浏览

0评论

jQuery进阶实践之利用最优雅的方式如何写ajax请求

前言jQuery确实是一个挺好的轻量级的JS框架，能帮助我们快速的开发JS应用，并在一定程度上改变了我们写JavaScript代码的习惯。废话少说，直接进入正题，jQuery的ajax方法非常好用，这...

2020-05-27

145浏览

0评论

vue.js $refs和$emit 父子组件交互的方法

本文介绍了vue.js $refs和$emit 父子组件交互的方法，分享给大家，废话不多说直接看代码：<strong>父调子 $refs （把父组件的数据传给子组件） </strong><br><br><template> <div id=...

2020-05-27

70浏览

0评论

axios进阶实践之利用最优雅的方式写ajax请求

前言ajax相信不用过多介绍了，作者坚信可以用配置解决的问题，请勿硬编码，下面话不多说了，来一看看详细的介绍吧。
姊妹篇 jQuery进阶：用最优雅的方式写ajax请求
axios是Vue官方推...

2020-05-27

65浏览

0评论

JavaScript实现重力下落与弹性效果的方法分析

本文实例讲述了JavaScript实现重力下落与弹性效果的方法。分享给大家供大家参考，具体如下：这里利用JS语言在Html页面中实现重力作用下落地后弹起的效果，如下所示：在此例中主要涉...

2020-05-27

64浏览

0评论

axios中cookie跨域及相关配置示例详解

前言最近在跨域、cookie 以及表单上传这几个方面遇到了点小问题，做个简单探究和总结。本文主要介绍了关于axios中cookie跨域及相关配置的相关内容，下面话不多说了，来一起看看详...

2020-05-27

44浏览

0评论

JavaScript实现二叉树定义、遍历及查找的方法详解

本文实例讲述了JavaScript实现二叉树定义、遍历及查找的方法。分享给大家供大家参考，具体如下：二叉树（binary tree）在写这篇文章之前说一下数据结构和算法这个系列，这个系列包含...

2020-05-27

70浏览

0评论

JS小球抛物线轨迹运动的两种实现方法详解

本文实例讲述了JS小球抛物线轨迹运动的两种实现方法。分享给大家供大家参考，具体如下：js实现小球抛物轨迹运动的大致思路：1、用setInterval()方法，进行间隔性刷新，更新小球位置，以...

2020-05-27

47浏览

0评论

JS基于递归实现网页版计算器的方法分析

本文实例讲述了JS基于递归实现网页版计算器的方法。分享给大家供大家参考，具体如下：递归实现网页版计算器可以简化代码，设计思路：1、css＋html实现计算器的外观，给每个button绑定nu...

2020-05-27

54浏览

0评论

Angular2+如何去除url中的#号详解

前言本文中主要介绍了关于Angular2+中去除url中#号的相关内容，这是最近在工作中遇到的一个问题，觉着有必要给大家分享下，下面话不多说了，来一起看看详细的介绍吧。1. 为什么要去...

2020-05-27

61浏览

0评论

浅谈基于Vue.js的移动组件库cube-ui

cube-ui 是滴滴公司的技术团队基于 Vue.js 实现的精致移动端组件库。很赞，虽然组件还不是很多，但是基本场景是够用了，感谢开源！首先创建一个vue项目vue init webpack my-project...

2020-05-27

53浏览

0评论

在一个页面实现两个zTree联动的方法

简介zTree 是利用 JQuery 的核心代码，实现一套能完成大部分常用功能的 Tree 插件
兼容 IE、FireFox、Chrome 等浏览器在一个页面内可同时生成多个 Tree 实例支持 JSON...

2020-05-27

58浏览

0评论

详解Javascript 中的 class、构造函数、工厂函数

到了ES6时代，我们创建对象的手段又增加了，在不同的场景下我们可以选择不同的方法来建立。现在就主要有三种方法来构建对象，class关键字，构造函数，工厂函数。他们都是创建对象的手...

2020-05-27

71浏览

0评论

nodeJS微信分享

本文实例为大家分享了nodeJS微信分享的具体代码，供大家参考，具体内容如下一、接入微信JSSDK
直接引用或者下载本地都行
二、JS请求node后台签名、随机数、时间戳之类的
functi...

2020-05-27

热门文章