JavaScript - 教程之家

101浏览

0评论

Vue.js标签页组件使用方法详解

本文实例为大家分享了Vue.js标签页组件使用的具体代码，供大家参考，具体内容如下效果入口页 index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta...

2020-05-27

113浏览

0评论

Vue.js自定义指令学习使用详解

自定义指令自定义指令的注册方法和组件很像，也分全局注册和局部注册，比如注册一个v-focus指令用于在<input>、<textarea>元素初始化时自动获得焦点，共有两种写法：//全局注册Vue....

2020-05-27

76浏览

0评论

Vue.js组件通信之自定义事件详解

组件通信从父组件向子组件通信，通过props传递数据就可以了，但Vue组件通信的场景不止有这一种，归纳起来，组件之间的通信可以用下图来表示：自定义事件当子组件需要向父组件传递数据...

2020-05-27

46浏览

0评论

JavaScript闭包相关知识解析

闭包是JavaScript中的一个难点，同时也是它的特色，JavaScript的很多高级应用都要依靠闭包来实现。以下是我学习闭包的记录，希望对你有些帮助。
变量作用域
在学习闭包之前，我们首...

2020-05-27

108浏览

0评论

Vue.js数字输入框组件使用方法详解

本文实例为大家分享了Vue.js数字输入框组件的具体实现代码，供大家参考，具体内容如下效果入口页 index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <m...

2020-05-27

81浏览

0评论

Vue.js组件使用props传递数据的方法

本文实例为大家分享了Vue.js使用props传递数据的具体代码，供大家参考，具体内容如下基本用法通常父组件的模板中包含子组件，父组件要正向地向子组件传递数据或参数，子组件接收到...

2020-05-27

82浏览

0评论

Vue.js组件props数据验证实现详解

本文实例为大家分享了Vue.js组件props数据验证的具体代码，供大家参考，具体内容如下数据验证一般当组件需要提供给别人使用时，就需要使用数据验证。示例：<script> Vue.component...

2020-05-27

268浏览

0评论

微信小程序实现禁止分享代码实例

这篇文章主要介绍了微信小程序实现禁止分享代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下微信禁止分享
添加...

2020-05-27

75浏览

0评论

Vue数字输入框组件的使用方法

最近在通过《Vue.js实战》系统学习Vue，虽然在项目中已多次使用Vue进行开发，但是对于一些非常基础性的知识点还不是很了解，因此这次通过结合数字输入框组件实战来谈谈简单的组件...

2020-05-27

101浏览

0评论

vue.js实现只能输入数字的输入框

在菜鸟教程里，看了vue.js的教程，看完后，练练手，就试着实现了只能输入数字的输入框。在之前的博客里，用jquery也实现了这样的功能，这里用vue.js来实现，把实现的过程记录下来如果只是...

2020-05-27

141浏览

0评论

vue.js实现三级菜单效果

本文实例为大家分享了vue.js实现三级菜单的具体代码，供大家参考，具体内容如下html部分<div id="warp"> <ul id="menu"> <li class="firstLevel" v-for="(firstList,index) in...

2020-05-27

77浏览

0评论

vue实现多级菜单效果

本次记录基于iview3框架实现多级菜单+vue router实现页面切换方法一：使用Tree 树形控件，官方文档以官方demo为例，数据中添加URL属性，用于路由跳转，正式项目中该tree控件的数据由...

2020-05-27

54浏览

0评论

vue.js实现二级菜单效果

本文实例为大家分享了vue.js实现二级菜单效果的具体代码，供大家参考，具体内容如下主要是对二级菜单和当前点击的处理：点击导航时，如果有二级菜单，就切换二级菜单显示状态（显示或者...

2020-05-27

39浏览

0评论

vue实现二级导航栏效果

本文实例为大家分享了vue实现二级导航栏效果展示的具体代码，供大家参考，具体内容如下实现如下功能：在.vue文件中，template中的内容如下：<template> <div id="app"> <nav class="s...

2020-05-27

48浏览

0评论

Vue.js下拉菜单组件使用方法详解

本文实例为大家分享了Vue.js下拉菜单组件的具体实现代码，供大家参考，具体内容如下效果#### 入口页面 index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8...

2020-05-27

302浏览

0评论

JavaScript相等运算符的九条规则示例详解

简介
Java的等号有=，==，===三个运算符虽然都读成“等于”，但概念是不一样的，=指的是赋值，在这篇文章中我们不会进行更多的介绍；==称为相等运算符，比较的是两个操作数值是否相等；===...

2020-05-27

49浏览

0评论

关于Vue中axios的封装实例详解

前言axios 是 Vue 官方推荐的一个 HTTP 库，用 axios 官方简介来介绍它，就是：Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。作为一个优秀的 HTTP 库，axios...

2020-05-27

44浏览

0评论

vue-cli基础配置及webpack配置修改的完整步骤

脚手架脚手架帮我们帮我们把 webpack 等相关的配置都处理好，我们只需要基于脚手架快速构建一个项目即可(项目中一定包含webpack的相关配置)vue脚手架 vue-cli
我们使用任何...

2020-05-27

221浏览

0评论

vue实现吸顶、锚点和滚动高亮按钮效果

因公司后台管理系统很多功能技术老旧，最近在用vue重构公司的后台管理系统，在做商品管理添加商品这一块，借鉴淘宝的添加商品的交互，需要实现一个简单的吸顶、锚点和滚动高亮按钮...

2020-05-27

49浏览

0评论

vue实现侧边栏导航效果

本文实例为大家分享了vue侧边栏导航的具体代码，供大家参考，具体内容如下最终效果点击下一个导航，上一个导航自动收回实现代码
1.下载vue-routernpm install vue-router --save-...

2020-05-27

49浏览

0评论

JavaScript函数IIFE使用详解

一、认识函数
javaScritp中的的函数// 函数声明语法定义function fun1(name, age) { console.log(name + ',' + age);}fun1('Amy', 18); //Amy,18// 函数表达式定义var fun...

2020-05-27

42浏览

0评论

vue+element树组件实现树懒加载的过程详解

一.页面样式二.数据库三.前端页面代码 <template> <el-tree :props="props" :load="loadNode" lazy show-checkbox> </el-tree></template><script>export default {...

2020-05-27

86浏览

0评论

vue.js实现左边导航切换右边内容

本文实例为大家分享了vue.js左边导航切换右边内容的具体代码，供大家参考，具体内容如下<template> <div class="layout-container"> <y-header> <div slot="nav"></div> </y-he...

2020-05-27

35浏览

0评论

vue项目中常见问题及解决方案(推荐)

webpack项目中自动引入全局scss变量文件　　假设我们有一个公共的scss变量文件variables.scss/*存放所有全局变量*/$card-title:#C7D200; //首页卡片标题颜色$bc-color:#18...

2020-05-27

47浏览

0评论

mpvue实现左侧导航与右侧内容的联动

本文实例为大家分享了mpvue左侧导航与右侧内容联动的具体代码，供大家参考，具体内容如下效果图如下：（1）左侧导航联动右侧内容实现：点击左侧导航，右侧内容滑到对应的位置，并且...

2020-05-27

68浏览

0评论

vue实现Input输入框模糊查询方法

本文实例为大家分享了vue实现Input输入框模糊查询方法的具体代码，供大家参考，具体内容如下原理：原生js的indexOf() 方法，该方法将从头到尾地检索数组，看它是否含有对应的元素。开...

2020-05-27

39浏览

0评论

微信小程序实现点击图片放大预览

这个强大的API( wx.previewImage() )，接下来我们来讲一下微信小程序中图片点击放大预览的实现步骤！思路：1.点击事件2.放大3.左右滑动查看上、下一张在绑定点击事件的时候我们需...

2020-05-27

54浏览

0评论

小程序实现横向滑动日历效果

本文实例为大家分享了小程序实现横向滑动日历效果的具体代码，供大家参考，具体内容如下<scroll-view class="scroll-view_H" scroll-x> <view class='list' style='width:{{ wi...

2020-05-27

60浏览

0评论

微信小程序可滑动周日历组件使用详解

微信小程序可滑动周日历组件，供大家参考，具体内容如下看网上周日历组件比较少，自己弄了一个，和大家分享一下。如果样式变形，请检查是否有共用样式起冲突展示一下效果图在componen...

2020-05-27

43浏览

0评论

微信小程序可滑动月日历组件使用详解

微信小程序可滑动月日历组件此日历可进行左右滑动，展示签到打卡信息，和大家分享一下。
如果样式变形，请检查是否有共用样式起冲突展示一下效果图在components组件文件夹下新建c...

2020-05-27

43浏览

0评论

小程序实现日历左右滑动效果

本文实例为大家分享了小程序日历左右滑动效果的具体代码，供大家参考，具体内容如下效果图wxml<scroll-view class="scroll-view" scroll-left="{{scrollLeftIndex*itemWidth}}"...

2020-05-27

36浏览

0评论

Vue使用vue-recoure + http-proxy-middleware + vuex配合promise实现基本的跨域请求封装

使用vue init webpack 你的项目名称初始化一个vue的项目安装依赖 npm install vue-resource http-proxy-middleware vuex koa 在项目的main.js中引入并注册下载的依赖...

2020-05-27

25浏览

0评论

微信小程序中weui用法解析

前言在做微信小程序的时候就想着找一个UI库，方便我们前端开发，然后查找资料，发现了这个WeUI特别适合放在微信小程序里。下面就简单的了解一下。
WeUI是一套跟微信原生的视觉体...

2020-05-27

74浏览

0评论

微信小程序实现侧边栏分类

本文实例为大家分享了微信小程序侧边栏分类展示的具体代码，供大家参考，具体内容如下效果图实现思路把屏幕当成一个固定的盒子，然后把盒子分成两边，并让盒子的每一边都能够滚动。...

2020-05-27

61浏览

0评论

微信小程序实现侧边分类栏

本文实例为大家分享了微信小程序实现侧边分类栏的具体代码，供大家参考，具体内容如下效果图布局分析分成三个盒子：
主盒子，左盒子，右盒子–wxml–<view class="conta...

2020-05-27

44浏览

0评论

微信小程序自定义组件components(代码详解)

在写小程序代码的时候，我们发现经常有一段代码我们经常敲，经常使用某一自定义组件，例如商城首页的轮播图和商品详情页的商品展示栏是近乎相同的代码；微信小程序里的弹窗提示可以...

2020-05-27

51浏览

0评论

微信小程序实现左侧滑动导航栏

本文实例为大家分享了微信小程序实现左侧滑动导航栏的具体代码，供大家参考，具体内容如下左侧滑动导航栏如图wxml<view class='under_line'></view><view s...

2020-05-27

37浏览

0评论

Node.js 实现抢票小工具 & 短信通知提醒功能

要知道在深圳上班是非常痛苦的事情，特别是我上班的科兴科技园这一块，去的人非常多，每天上班跟春运一样，如果我能换到以前的大冲上班那就幸福了，可惜，换不得。尤其是我这个站等车的...

2020-05-27

61浏览

0评论

小程序点击图片实现png转jpg

这篇文章主要介绍了小程序点击图片实现png转jpg,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下页面数据初始化添加参数...

2020-05-27

29浏览

0评论

微信小程序转发事件实现解析

这篇文章主要介绍了微信小程序转发事件实现解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下和生命周期是同级，在.js...

2020-05-27

47浏览

0评论

微信小程序开发之转发分享功能

官网文档：https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share.html第一种情况点击小程序转发不加入参数 //转发 onShareAppMessage: function...

2020-05-27

69浏览

0评论

微信小程序绑定手机号获取验证码功能

微信小程序验证码获取方式，代码如下所示：<view class='content'> <form bindsubmit="formSubmit"> <view class='phone-box'> <text class='phone'>手...

2020-05-27

38浏览

0评论

p5.js码绘“跳动的小正方形”的实现代码

作业成果展示实验原理主要是要实现小正方形的上下来回运动，并且每个小正方形的跳动有一定的时间差视觉上要呈现依次跳动的感觉。本来我想用一个if语句来实现这个功能！但是想了...

2020-05-27

79浏览

0评论

Vue实现开心消消乐游戏算法

之前做过一个算法题，算法要求就是写一个开心消消乐的逻辑算法，当时也是考虑了一段时间才做出来。后来想了想，既然核心算法都有了，能不能实现一个开心消消乐的小游戏呢，于是花了两...

2020-05-27

47浏览

0评论

原生JS无缝滑动轮播图

本文实例为大家分享了原生JS无缝滑动轮播图的具体实现代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title>...

2020-05-27

101浏览

0评论

基于Nuxt.js项目的服务端性能优化与错误检测(容错处理)

nuxt.js 是一个基于 Vue.js 的服务端渲染应用框架，使用nuxt.js在做同构项目开发时，需要考虑的一些点总结如下：一、node服务端性能优化（提高node应用程序处理高流量的能力）
基于nu...

2020-05-27

59浏览

0评论

Vue项目中如何使用Axios封装http请求详解

前言使用axios可以统一做请求响应拦截，例如请求响应时我们拦截响应信息，判断状态码，从而弹出报错信息。请求超时的时候断开请求，还可以很方便地使用then或者catch来处理请求。下...

2020-05-27

36浏览

0评论

Vue实现数据请求拦截

本文实例为大家分享了vue数据请求拦截的具体代码，供大家参考，具体内容如下在src文件夹下创建utils文件夹同时在文件夹下创建request.js和auth.js文件request.js为请求拦截、请...

2020-05-27

57浏览

0评论

微信小程序实现多行文字超出部分省略号显示功能

在开发小程序：澳买的时候遇到一个棘手的问题：当搜索澳洲产品，获取产品列表的时候，有时候产品的名称翻译成中文特别长我们不能全部在有限的列表里面把产品名都显示出来，这样格...

2020-05-27

31浏览

0评论

jQuery实现图片随机切换、抽奖功能(实例代码)

效果图：源代码：HTML：<body><div id="div1"> <img id="xiaoImgID" src="img/mei0.jpg"></div><input id="startID" type="button" value="开...

2020-05-27

热门文章