Vue数字输入框组件的使用方法
最近在通过《Vue.js实战》系统学习Vue，虽然在项目中已多次使用Vue进行开发，但是对于一些非常基础性的知识点还不是很了解，因此这次通过结合数字输入框组件实战来谈谈简单的组件...
2020-05-27
vue.js实现只能输入数字的输入框
在菜鸟教程里，看了vue.js的教程，看完后，练练手，就试着实现了只能输入数字的输入框。在之前的博客里，用jquery也实现了这样的功能，这里用vue.js来实现，把实现的过程记录下来如果只是...
2020-05-27
vue.js实现三级菜单效果
本文实例为大家分享了vue.js实现三级菜单的具体代码，供大家参考，具体内容如下html部分<div id="warp"> <ul id="menu"> <li class="firstLevel" v-for="(firstList,index) in...
2020-05-27
vue实现多级菜单效果
本次记录基于iview3框架实现多级菜单+vue router实现页面切换方法一：使用Tree 树形控件，官方文档以官方demo为例，数据中添加URL属性，用于路由跳转，正式项目中该tree控件的数据由...
2020-05-27
vue.js实现二级菜单效果
本文实例为大家分享了vue.js实现二级菜单效果的具体代码，供大家参考，具体内容如下主要是对二级菜单和当前点击的处理：点击导航时，如果有二级菜单，就切换二级菜单显示状态（显示或者...
2020-05-27
vue实现二级导航栏效果
本文实例为大家分享了vue实现二级导航栏效果展示的具体代码，供大家参考，具体内容如下实现如下功能：在.vue文件中，template中的内容如下：<template> <div id="app"> <nav class="s...
2020-05-27
Vue.js下拉菜单组件使用方法详解
本文实例为大家分享了Vue.js下拉菜单组件的具体实现代码，供大家参考，具体内容如下效果#### 入口页面 index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8...
2020-05-27
JavaScript相等运算符的九条规则示例详解
简介
Java的等号有=，==，===三个运算符虽然都读成“等于”，但概念是不一样的，=指的是赋值，在这篇文章中我们不会进行更多的介绍；==称为相等运算符，比较的是两个操作数值是否相等；===...
2020-05-27
关于Vue中axios的封装实例详解
前言axios 是 Vue 官方推荐的一个 HTTP 库，用 axios 官方简介来介绍它，就是：Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。作为一个优秀的 HTTP 库，axios...
2020-05-27
vue-cli基础配置及webpack配置修改的完整步骤
脚手架脚手架帮我们帮我们把 webpack 等相关的配置都处理好，我们只需要基于脚手架快速构建一个项目即可(项目中一定包含webpack的相关配置)vue脚手架 vue-cli
我们使用任何...
2020-05-27
vue实现吸顶、锚点和滚动高亮按钮效果
因公司后台管理系统很多功能技术老旧，最近在用vue重构公司的后台管理系统，在做商品管理添加商品这一块，借鉴淘宝的添加商品的交互，需要实现一个简单的吸顶、锚点和滚动高亮按钮...
2020-05-27
vue实现侧边栏导航效果
本文实例为大家分享了vue侧边栏导航的具体代码，供大家参考，具体内容如下最终效果点击下一个导航，上一个导航自动收回实现代码
1.下载vue-routernpm install vue-router --save-...
2020-05-27
JavaScript函数IIFE使用详解
一、认识函数
javaScritp中的的函数// 函数声明语法定义function fun1(name, age) { console.log(name + ',' + age);}fun1('Amy', 18); //Amy,18// 函数表达式定义var fun...
2020-05-27
vue+element树组件 实现树懒加载的过程详解
一.页面样式二.数据库 三.前端页面代码 <template> <el-tree :props="props" :load="loadNode" lazy show-checkbox> </el-tree></template><script>export default {...
2020-05-27
vue.js实现左边导航切换右边内容
本文实例为大家分享了vue.js左边导航切换右边内容的具体代码，供大家参考，具体内容如下<template> <div class="layout-container"> <y-header> <div slot="nav"></div> </y-he...
2020-05-27
vue项目中常见问题及解决方案(推荐)
webpack项目中自动引入全局scss变量文件 假设我们有一个公共的scss变量文件variables.scss/*存放所有全局变量*/$card-title:#C7D200; //首页 卡片标题颜色$bc-color:#18...
2020-05-27
mpvue实现左侧导航与右侧内容的联动
本文实例为大家分享了mpvue左侧导航与右侧内容联动的具体代码，供大家参考，具体内容如下效果图如下：（1）左侧导航联动右侧内容实现：点击左侧导航，右侧内容滑到对应的位置，并且...
2020-05-27
vue实现Input输入框模糊查询方法
本文实例为大家分享了vue实现Input输入框模糊查询方法的具体代码，供大家参考，具体内容如下原理：原生js的indexOf() 方法，该方法将从头到尾地检索数组，看它是否含有对应的元素。开...
2020-05-27
微信小程序实现点击图片放大预览
这个强大的API( wx.previewImage() )，接下来我们来讲一下微信小程序中图片点击放大预览的实现步骤！思路：1.点击事件2.放大3.左右滑动查看上、下一张在绑定点击事件的时候我们需...
2020-05-27
小程序实现横向滑动日历效果
本文实例为大家分享了小程序实现横向滑动日历效果的具体代码，供大家参考，具体内容如下<scroll-view class="scroll-view_H" scroll-x> <view class='list' style='width:{{ wi...
2020-05-27
微信小程序可滑动周日历组件使用详解
微信小程序可滑动周日历组件，供大家参考，具体内容如下看网上周日历组件比较少，自己弄了一个，和大家分享一下。如果样式变形，请检查是否有共用样式起冲突展示一下效果图在componen...
2020-05-27
微信小程序可滑动月日历组件使用详解
微信小程序可滑动月日历组件此日历可进行左右滑动，展示签到打卡信息，和大家分享一下。
如果样式变形，请检查是否有共用样式起冲突展示一下效果图在components组件文件夹下新建c...
2020-05-27
小程序实现日历左右滑动效果
本文实例为大家分享了小程序日历左右滑动效果的具体代码，供大家参考，具体内容如下效果图wxml<scroll-view class="scroll-view" scroll-left="{{scrollLeftIndex*itemWidth}}"...
2020-05-27
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
微信小程序中weui用法解析
前言在做微信小程序的时候就想着找一个UI库，方便我们前端开发，然后查找资料，发现了这个WeUI特别适合放在微信小程序里。下面就简单的了解一下。
WeUI是一套跟微信原生的视觉体...
2020-05-27
微信小程序实现侧边栏分类
本文实例为大家分享了微信小程序侧边栏分类展示的具体代码，供大家参考，具体内容如下效果图实现思路把屏幕当成一个固定的盒子，然后把盒子分成两边，并让盒子的每一边都能够滚动。...
2020-05-27
微信小程序实现侧边分类栏
本文实例为大家分享了微信小程序实现侧边分类栏的具体代码，供大家参考，具体内容如下效果图布局分析分成三个盒子：
主盒子，左盒子，右盒子–wxml–<!--主盒子--><view class="conta...
2020-05-27
微信小程序自定义组件components(代码详解)
在写小程序代码的时候，我们发现经常有一段代码我们经常敲，经常使用某一自定义组件，例如商城首页的轮播图和商品详情页的商品展示栏是近乎相同的代码；微信小程序里的弹窗提示可以...
2020-05-27
微信小程序实现左侧滑动导航栏
本文实例为大家分享了微信小程序实现左侧滑动导航栏的具体代码，供大家参考，具体内容如下左侧滑动导航栏如图wxml<!-- 左侧滚动栏 --><view class='under_line'></view><view s...
2020-05-27
Node.js 实现抢票小工具 & 短信通知提醒功能
要知道在深圳上班是非常痛苦的事情，特别是我上班的科兴科技园这一块，去的人非常多，每天上班跟春运一样，如果我能换到以前的大冲上班那就幸福了，可惜，换不得。尤其是我这个站等车的...
2020-05-27
小程序点击图片实现png转jpg
这篇文章主要介绍了小程序点击图片实现png转jpg,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下页面数据初始化添加参数...
2020-05-27
微信小程序转发事件实现解析
这篇文章主要介绍了微信小程序转发事件实现解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下和生命周期是同级，在.js...
2020-05-27
微信小程序开发之转发分享功能
官网文档：https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share.html第一种情况 点击小程序转发不加入参数 //转发 onShareAppMessage: function...
2020-05-27
微信小程序绑定手机号获取验证码功能
微信小程序验证码获取方式，代码如下所示：<!-- 绑定手机号 --><view class='content'> <form bindsubmit="formSubmit"> <view class='phone-box'> <text class='phone'>手...
2020-05-27
p5.js码绘“跳动的小正方形”的实现代码
作业成果展示实验原理主要是要实现小正方形的上下来回运动，并且每个小正方形的跳动有一定的时间差视觉上要呈现依次跳动的感觉。本来我想用一个if语句来实现这个功能！但是想了...
2020-05-27
Vue实现开心消消乐游戏算法
之前做过一个算法题，算法要求就是写一个开心消消乐的逻辑算法，当时也是考虑了一段时间才做出来。后来想了想，既然核心算法都有了，能不能实现一个开心消消乐的小游戏呢，于是花了两...
2020-05-27
原生JS无缝滑动轮播图
本文实例为大家分享了原生JS无缝滑动轮播图的具体实现代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title>...
2020-05-27
基于Nuxt.js项目的服务端性能优化与错误检测(容错处理)
nuxt.js 是一个基于 Vue.js 的服务端渲染应用框架，使用nuxt.js在做同构项目开发时，需要考虑的一些点总结如下：一、node服务端性能优化（提高node应用程序处理高流量的能力）
基于nu...
2020-05-27
Vue项目中如何使用Axios封装http请求详解
前言使用axios可以统一做请求响应拦截，例如请求响应时我们拦截响应信息，判断状态码，从而弹出报错信息。请求超时的时候断开请求，还可以很方便地使用then或者catch来处理请求。下...
2020-05-27
Vue实现数据请求拦截
本文实例为大家分享了vue数据请求拦截的具体代码，供大家参考，具体内容如下在src文件夹下创建utils文件夹同时在文件夹下创建request.js和auth.js文件request.js为请求拦截、请...
2020-05-27
微信小程序实现多行文字超出部分省略号显示功能
在开发小程序： 澳买 的 时候 遇到一个棘手的问题：当搜索澳洲产品，获取产品列表的时候，有时候产品的名称翻译成中文特别长我们不能全部在有限的列表里面把产品名都显示出来，这样格...
2020-05-27
jQuery实现图片随机切换、抽奖功能(实例代码)
效果图：源代码：HTML：<body><!-- 小像框 --><div id="div1"> <img id="xiaoImgID" src="img/mei0.jpg"></div><!-- 开始按钮 --><input id="startID" type="button" value="开...
2020-05-27
JavaScript实现图片轮播特效
今天给大家介绍下怎么用 JS 实现图片轮播效果。原理描述：使用JS实现轮播的原理是这样的：假设初始的情况，下图一个网格代表一个图，初始时，显示1 ：当进行一次轮播后，显示变为下图 显...
2020-05-27
jQuery实现轮播图源码
本文实例为大家分享了jQuery实现轮播图展示的具体代码，供大家参考，具体内容如下设计：根据上图可以看出，轮播图需要以下元素：外面的盒子div、放置图片集合的盒子ul、放置两侧按钮...
2020-05-27
p5.js临摹动态图形实现方法详解
使用p5.js临摹一个动态图形并作出拓展，供大家参考，具体内容如下原图形由内向外，白色圆的半径依次增大，黑色圆的半径不变；
白色圆在上一个白色圆碰到之前就开始增大半径；
图中只能...
2020-05-27
浅析vue-cli3配置webpack-bundle-analyzer插件【推荐】
为优化vue项目性能,需要使用webpack-bundle-analyzer分析报文件，找出最占用空间的插件有哪些，对应做出优化网上看了一些网站，有的写的太麻烦了，现将最简单的一种写出来供大家参...
2020-05-27
使用p5.js临摹动态图形
一、临摹最近正在学习用代码绘图，于是按照下面的动态图形自己临摹了一幅图形临摹结果
观察发现，整个图案都是由基础的正六边形组成
首先创建一个画布
function setup() { crea...
2020-05-27
微信小程序 生成携带参数的二维码
第一步第二步都要必须由后端完成，返回图片地址给前端！！原因？？如下图：想了解,想尝试的可以看看：
第一步：获取ACCESS_TOKEN
// 这一步 前端可以试试请求玩玩，一般由后端获取access_Toke...
2020-05-27
浅析webpack-bundle-analyzer在vue-cli3中的使用
正常的使用方法安装npm install webpack-bundle-analyzer -Dwebpack.config.js：
vue-cli3的配置方法根目录的vue.config.js（没有则自己创建）module.exports = { chainWebpack:...
2020-05-27
p5.js实现动态图形临摹
p5.js实现动态图形临摹的具体代码，供大家参考，具体内容如下临摹的动态图形对于动态图形临摹主要在于从图形中寻找规律，包括颜色变化、空间变化、几何关系、数学规律等等，把握规...
2020-05-27
