编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Android Go语言鸿蒙OS C类语言综合编程正则表达式

213浏览

0评论

mpvue 页面预加载新增preLoad生命周期的两种方式

存在的必要性：mpvue开发微信小程序，在页面跳转到新页面的过程中会有200ms左右的延迟，这个200ms如果用来请求新页面的接口，那么跳转到新页面或许已经渲染好了页面。就是两种方式：1...

2020-05-27 02:24:06

385浏览

0评论

微信小程序一周时间表功能实现

这篇文章主要介绍了微信小程序一周时间表功能实现,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下wxml　　　<view clas...

2020-05-27 02:24:04

89浏览

0评论

在Express中提供静态文件的实现方法

为了提供诸如图像、CSS 文件和 JavaScript 文件之类的静态文件，请使用 Express 中的 express.static 内置中间件函数。将包含静态资源的目录的名称传递给 express.static 中...

2020-05-27 02:24:03

78浏览

0评论

express中static中间件的具体使用方法

如果想要在输入url后直接访问服务端的静态文件，比如css、js、文件等，就需要知道这些静态文件的定位，在express框架中express.static中间件函数可以帮助我们实现。Staic是expres...

2020-05-27 02:24:02

186浏览

0评论

vue-devtools的安装和使用步骤详解

1、下载压缩包，github下载地址：https://github.com/vuejs/vue-devtools 2、解压此文件夹3、用命令提示符或编译器进入此文件夹4、在文件夹下依次运行（可以在命令提示符窗口也可...

2020-05-27 02:24:01

423浏览

0评论

vue使用showdown并实现代码区域高亮的示例代码

前言：当我们想把makedown文档转译为html在网页上显示，并且能漂亮的展示出自己想要的网页形式，接下来我给大家介绍插件来达到我们所想要的功能。
注：下面安装及使用方式是基于vue...

2020-05-27 02:23:59

207浏览

0评论

countup.js实现数字动态叠加效果

本文实例为大家分享了countup.js实现数字动态叠加效果的具体代码，供大家参考，具体内容如下CountUp.js 无依赖的、轻量级的 JavaScript 类，可以用来快速创建以一种更有趣的动画...

2020-05-27 02:23:58

126浏览

0评论

jQuery/JS监听input输入框值变化实例

input事件： onchange：1、要在 input 失去焦点的时候才会触发；2、在输入框内容变化的时候不会触发change，当鼠标在其他地方点一下才会触发；3、onchange event 所有主要浏览器都支...

2020-05-27 02:23:57

99浏览

0评论

countUp.js实现数字动态变化效果

本文实例为大家分享了countUp.js实现数字动态变化的具体代码，供大家参考，具体内容如下countUp.js官网：演示地址<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...

2020-05-27 02:23:56

86浏览

0评论

CountUp.js实现数字滚动增值效果

数据改动的时候，countUp.js进行数值滚动增加的动态效果，供大家参考，具体内容如下这是js文件// target = id of html element or var of previously selected html element wher...

2020-05-27 02:23:55

200浏览

0评论

CountUp.js数字滚动插件使用方法详解

CountUp.js 是一个轻量级，无依赖的JavaScript类，通过简单的设置就可以达到数字滚动的效果演示地址： countUp.js可配置项：target = 目标元素的 ID；startVal = 开始值；endVal = 结束...

2020-05-27 02:23:54

107浏览

0评论

jquery轻量级数字动画插件countUp.js使用详解

CountUp.js是一个无依赖，轻量级的JavaScript“类”，可用于快速创建以更有趣的方式显示数字数据的动画。该JS插件下载地址展示效果：详细代码示例：<!DOCTYPE html><html> <head> <...

2020-05-27 02:23:53

77浏览

0评论

JavaScript实现更换背景图片

本文实例为大家分享了JavaScript实现更换背景图片的具体代码，供大家参考，具体内容如下主要通过Js控制行内样式，达到更换背景图片的目的效果：
代码：<!DOCTYPE html><html> <h...

2020-05-27 02:23:52

96浏览

0评论

js实现简易计算器功能

制作能进行加减乘除的简易计算器，主要是练习动态注册事件。因以练习为主，所以包含了较多基础方法。效果图代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>...

2020-05-27 02:23:51

125浏览

0评论

ElementUI之Message功能拓展详解

在最近项目开发中，接口错误信息是在拦截器统一处理，在一次产品大大验收过程中，由于服务器没有重启完成，导致前端弹出一推错误提示语，产品大大对于提示语的交互效果提出了一系列的...

2020-05-27 02:23:50

87浏览

0评论

细述Javascript的加法运算符的具体使用

简介
JavaScript是一门了不起的语言。我喜欢它的灵活性：只需以你喜欢的方式做事：更改变量类型，动态的向对象添加方法或属性，对不同的变量类型使用运算符等等。
然而动态是要付出...

2020-05-27 02:23:49

183浏览

0评论

Vue-cli3项目引入Typescript的实现方法

前言
假设已经有一个通过 vue-cli3 脚手架构建的 vue 项目
命令行安装 Typescript
npm install --save-dev typescriptnpm install --save-dev @vue/cli-plugin-typescript...

2020-05-27 02:23:48

182浏览

0评论

countUp.js实现数字滚动效果

本文实例为大家分享了countUp.js数字滚动效果展示的具体代码，供大家参考，具体内容如下1. 概述1.1 说明在项目过程中，有时候需要动态的去展示一些数据的加载状态，如一个数字为100...

2020-05-27 02:23:47

138浏览

0评论

VUE实现图片验证码功能

本文实例为大家分享了VUE实现图片验证码的具体代码，供大家参考，具体内容如下1. 概述1.1 说明在开发过程中，有时候需要使用图片验证码进行增加安全强度，在点击图片时更新新的图片...

2020-05-27 02:23:46

135浏览

0评论

VUE实现密码验证与提示功能

本文实例为大家分享了VUE密码验证与提示功能的具体代码，供大家参考，具体内容如下1. 概述1.1 说明
　　vue项目中，为了较为明了的让用户看到所输入的密码信息的长度与复杂度是否...

2020-05-27 02:23:45

114浏览

0评论

vue滚动插件better-scroll使用详解

本文实例为大家分享了vue滚动插件better-scroll的具体代码，供大家参考，具体内容如下1. 概述1.1 说明better-scroll是一款重点解决移动端(已支持PC)各种滚动场景需求的插件。例...

2020-05-27 02:23:44

157浏览

0评论

react MPA 多页配置详解

create-react-app 默认创建的是 SPA 应用，随着代码量的增加，build 后的 js 文件会越来越大。网上有很多拆分大的 js 文件的方案，但其实把 SPA 拆分成 MPA 也未尝不是一种解决方...

2020-05-27 02:23:43

102浏览

0评论

基于JavaScript获取base64图片大小

base64原理
Base64编码要求把3个8位字节（38=24）转化为4个6位的字节（46=24），之后在6位的前面补两个0，形成8位一个字节的形式。如果剩下的字符不足3个字节，则用0填充，输出字符使用'='...

2020-05-27 02:23:42

109浏览

0评论

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

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

2020-05-27 02:23:40

121浏览

0评论

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

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

2020-05-27 02:23:39

83浏览

0评论

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

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

2020-05-27 02:23:38

52浏览

0评论

JavaScript闭包相关知识解析

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

2020-05-27 02:23:37

110浏览

0评论

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

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

2020-05-27 02:23:36

88浏览

0评论

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

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

2020-05-27 02:23:35

87浏览

0评论

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

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

2020-05-27 02:23:34

274浏览

0评论

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

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

2020-05-27 02:23:33

81浏览

0评论

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

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

2020-05-27 02:23:32

106浏览

0评论

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

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

2020-05-27 02:23:31

147浏览

0评论

vue.js实现三级菜单效果

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

2020-05-27 02:23:30

87浏览

0评论

vue实现多级菜单效果

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

2020-05-27 02:23:29

58浏览

0评论

vue.js实现二级菜单效果

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

2020-05-27 02:23:28

44浏览

0评论

vue实现二级导航栏效果

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

2020-05-27 02:23:27

53浏览

0评论

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

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

2020-05-27 02:23:26

310浏览

0评论

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

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

2020-05-27 02:23:25

54浏览

0评论

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

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

2020-05-27 02:23:24

57浏览

0评论

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

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

2020-05-27 02:23:21

237浏览

0评论

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

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

2020-05-27 02:23:20

51浏览

0评论

vue实现侧边栏导航效果

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

2020-05-27 02:23:19

51浏览

0评论

JavaScript函数IIFE使用详解

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

2020-05-27 02:23:18

46浏览

0评论

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

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

2020-05-27 02:23:17

91浏览

0评论

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

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

2020-05-27 02:23:15

40浏览

0评论

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

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

2020-05-27 02:23:14

53浏览

0评论

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

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

2020-05-27 02:23:13

75浏览

0评论

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

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

2020-05-27 02:23:12

43浏览

0评论

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

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

2020-05-27 02:23:11

首页 «1479 148014811482 1483 »尾页

热门文章