编程开发 - 教程之家

编程开发

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

43浏览

0评论

JQuery扩展对象方法操作示例

本文实例讲述了JQuery扩展对象方法操作。分享给大家供大家参考，具体如下：应项目需求，对JQuery进行了一个扩展，需求如下：项目中需要在浏览器右下角提示操作错误和系统提示内容，并有...

2020-05-27 04:58:53

57浏览

0评论

js实现轮播图的完整代码

今天写一个完整的轮播图，首先它需要实现三个功能：1.鼠标放在小圆点上实现轮播2.点击焦点按钮实现轮播3.无缝自动轮播轮播图的原理：一系列的大小相等的图片平铺，利用CSS布局只显...

2020-05-27 04:58:52

56浏览

0评论

js实现简单选项卡功能

本文为大家分享了js实现简单选项卡功能的具体代码，供大家参考，具体内容如下首先我们来写HTML代码，构建出整体结构代码如下：<nav id="nav"> <ul> <li c...

2020-05-27 04:58:51

46浏览

0评论

Nodejs中的JWT和Session的使用

最近的项目需要在node服务端做一个用户登录的校验以及权限拦截，专业一点叫用户认证与授权，经过一番收集资料，目前常用的有两种——JWT和Session使用JWT
JWT是JsonWebTokens的简...

2020-05-27 04:58:50

64浏览

0评论

js canvas实现红包照片效果

今天跟着学习了一个制作红包照片类似功能的demo，很有意思，所以在这里分享代码给大家，可以直接使用。先贴出效果图大家看一下：点击重置后会以随机一个点为圆心生成半径为50px的圆...

2020-05-27 04:58:48

38浏览

0评论

Vue开发实现吸顶效果的示例代码

因为项目需求，最近开始转到微信公众号开发，接触到了Vue框架，这个效果的实现虽说是基于Vue框架下实现的，但是同样也可以借鉴到其他地方，原理都是一样的。进入正题，先看下效果图：其...

2020-05-27 04:58:47

58浏览

0评论

Canvas实现微信红包照片效果

本篇文章来源慕课网课程《canvas玩转红包照片》，用canvas及css3结合，实现红包照片的效果，并不做支付过程，代替的是使用2个按钮，显示清晰图片和重置圆圈可见区域。未做移动的屏幕...

2020-05-27 04:58:36

35浏览

0评论

js动态设置select下拉菜单的默认选中项实例

利用javascript设置select下拉菜单的选中项。代码实例如下： <html> <head> <title>下拉菜单</title> <script type="text/javas...

2020-05-27 04:58:35

55浏览

0评论

jquery获取select选中值的文本,并赋值给另一个输入框的方法

html 代码：<select id="ReviewStatus" name="ReviewStatus"><option selected="selected" value="0">空号</option><option value="1">不接</option><option value="2">不需...

2020-05-27 04:58:33

64浏览

0评论

VUE中v-on:click事件中获取当前dom元素的代码

在开发中总是忘记，特意在此记录关键字： $event<div class="bed" v-on:click="updateBed(index,$event)">{{item.BedID}}<br>{{item.CriminalName}}</div>updateBed: functio...

2020-05-27 04:58:32

42浏览

0评论

vue2.0 下拉框默认标题设置方法

昨天到今天，用vue2.0在写一个性别选择框，一给option添加seledted属性就报错这里下面是报错的代码ERROR in ./~/vue-loader/lib/template-compiler.js?id=data-v-c231dfa2!...

2020-05-27 04:58:30

80浏览

0评论

微信小程序有旋转动画效果的音乐组件实例代码

在微信开发中，写过的一个简单的音乐播放组件，记录下。music
音乐播放组件。属性属性名类型默认值说明 music String...

2020-05-27 04:58:29

47浏览

0评论

基于vue.js中关于下拉框的值默认及绑定问题

一、今天遇到vue中下拉框问题，故而写点东西留个脚印<template> <select v-model='selected' @click="disable()"> <option v-for="(option,index) in options" v-bind:value=...

2020-05-27 04:58:28

53浏览

0评论

详解使用VUE搭建后台管理系统(vue-cli更新至3.0)

最近还没来得及更新文章，就发现vue-cli已经更新到3.0版本了。
//想了想还是用升级吧，反正最终都逃不掉，不如在这个项目上实验一下3.0的威力(并不会)。升级vue-clinpm install...

2020-05-27 04:58:27

38浏览

0评论

VUE 全局变量的几种实现方式

1、全局变量专用模块
意思是说，用一个模块（js or vue）管理这套全局变量，模块里的变量用export （最好导出的格式为对象，方便在其他地方调用）暴露出去，当其它地方需要使用时，用import...

2020-05-27 04:58:25

52浏览

0评论

React中使用UEditor百度富文本的方法

前言
本文将介绍笔者在React的项目中使用百度的富文本编辑器Ueditor的过程。注意本文不提供一条龙式的使用方法，只是将使用过程中的一些实现思路进行总结，供以参考。react项目...

2020-05-27 04:58:23

48浏览

0评论

Vue之mixin全局的用法详解

先贴上官方定义。个人觉得全局mixin就是给全部Vue文件添加一些公用的实例（方法，过滤器and so on）使用场景：货币单位，时间格式。这些如果在用到的页面使用的话代码会重复的很多，所...

2020-05-27 04:58:22

62浏览

0评论

Vue2.2.0+新特性整理及注意事项

大家对vue的基本概念了解吗？不太清楚的朋友可以先熟悉下。vue基础教程Vue.js（读音 /vjuː/, 类似于 view）是一套构建用户界面的渐进式框架。
Vue 只关注视图层，采用自底向...

2020-05-27 04:58:21

58浏览

0评论

微信小程序调用摄像头隐藏式拍照功能

微信小程序最近非常火热，小编最近做了一个新项目，使用小程序开发考试系统，在使用App参加考试的时候调用摄像头抓拍用户是否作弊，在开发过程中遇到点问题，下面小编把问题描述和解...

2020-05-27 04:58:20

79浏览

0评论

Vue动态获取width的方法

vue里想用Bootstrap的进度条，<div class="progress"> <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-va...

2020-05-27 04:58:19

239浏览

0评论

微信小程序 Animation实现图片旋转动画示例

最近小程序中有一个图片旋转的需求，最初是想着通过切换多张图片达到旋转的效果，后来发现微信小程序带有动画api，然后就改由image+Animation来实现。首先在wxml中定义image<imag...

2020-05-27 04:58:18

62浏览

0评论

解决element-ui中下拉菜单子选项click事件不触发的问题

将@click改为@click.native='logoutHandle';即可监听选项的点击事件。<el-dropdown class="pull-right" > <span class="el-dropdown-link"> <img src="./img/header.j...

2020-05-27 04:58:17

62浏览

0评论

微信小程序chooseImage的用法(从本地相册选择图片或使用相机拍照)

一、使用APIwx.chooseImage(OBJECT) wx.chooseImage(OBJECT)
从本地相册选择图片或使用相机拍照。OBJECT参数说明：参数类型必填说明...

2020-05-27 04:58:11

71浏览

0评论

解决element UI 自定义传参的问题

如下所示：<el-autocomplete v-model="state4" :fetch-suggestions="querySearchAsync" placeholder="请输入内容" @select="handleSelect"></el-autocomplete>这里的 hanleSe...

2020-05-27 04:58:09

132浏览

0评论

详解微信小程序canvas圆角矩形的绘制的方法

微信小程序允许对普通元素通过 border-radius 的设置来进行圆角的绘制，但有时候在使用 canvas 绘图的时候，也需要圆角，例如需要将页面上某块区域导出为图片下载到本地的时候，常...

2020-05-27 04:57:58

144浏览

0评论

element-ui使用导航栏跳转路由的用法详解

最近初学vue，试着做一个小项目熟悉语法与思想，其中使用elemen-ui的导航栏做路由跳转切换页面。下面记录一下学习过程element-ui引入vue项目的用法参考element官网首先复制官网...

2020-05-27 04:57:53

356浏览

0评论

element-ui 设置菜单栏展开的方法

element-ui 侧边栏默认要全部展开怎么做？element-ui文档中是这么写的default-openeds 当前打开的sub-menu的key数组给<el-menu></el-menu>标签加上这个属性<el-menu class="e...

2020-05-27 04:57:52

97浏览

0评论

当vue路由变化时,改变导航栏的样式方法

当我们需要做一个类似顶部或底部导航栏公共组件的时候，单击某个导航栏按钮，跳转到另一个组件，并且改变导航栏按钮的样式，如果用<router-link to=""><router-link/> 跳转的时候...

2020-05-27 04:57:50

85浏览

0评论

JS封装的模仿qq右下角消息弹窗功能示例

本文实例讲述了JS封装的模仿qq右下角消息弹窗功能。分享给大家供大家参考，具体如下：在我们的日常开发中，或者生活中，经常需要用到弹出窗。这里我们就用js模拟一下qq消息一样的弹...

2020-05-27 04:57:46

69浏览

0评论

vue鼠标移入添加class样式,鼠标移出去除样式(active)实现方法

鼠标移入添加class样式HTMLHTML绑定事件,加入或者移出class为active<div class="col-lg-3 col-xs-6 paddingLeft com_marginBtm10 choosePlan" v-on:mouseover="changeActiv...

2020-05-27 04:57:45

65浏览

0评论

基于vue中对鼠标划过事件的处理方式详解

鼠标事件进行监听需求中，在一个table（组件）表中，对于其中一列（该列为图片列），当鼠标划过该列的某个单元格子（图片）时，需要展示出该单元格子对应的遮罩层翻阅了一些博客，发现好多都提到...

2020-05-27 04:57:43

66浏览

0评论

详解如何在webpack中做预渲染降低首屏空白时间

一、浏览器渲染过程
1、用户打开页面，空白屏，等待html的返回
2、html下载完毕，开始解析html，初始渲染
3、下载css、js等资源，执行js渲染虚拟DOM
4、发起请求、获取数据，渲染内容...

2020-05-27 04:57:41

45浏览

0评论

vuejs选中当前样式active的实例

如下所示：<template> <div> <table id="longzhoufeng" class="table table-striped table-bordered" width="100%" style="border: 0 solid #fff;margin-top: 10px;"> <th...

2020-05-27 04:57:37

48浏览

0评论

Vue2.0点击切换类名改变样式的方法

1、使用index<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...

2020-05-27 04:57:34

81浏览

0评论

Vue.js点击切换按钮改变内容的实例讲解

代码实例：代码描述：点击切换按钮，来改变显示的内容，切换不同的单位。flag相当于一个开关，控制开关的改变，来切换不同的单位。同样适用于其他的切换内容实例，也可设置按钮点击显示...

2020-05-27 04:57:33

54浏览

0评论

Vue 菜单栏点击切换单个class(高亮)的方法

步骤：遍历对象（goods）获取菜单栏每一项的对象（item）和下标（index）添加点击事件toggle()，传入下标参数：@click="fn1();fn2()"动态切换classname：:class="{'active':index ==checkindex...

2020-05-27 04:57:32

48浏览

0评论

使用JS实现导航切换时高亮显示的示例讲解

index.html代码内容<!DOCTYPE html><html><head><meta charset="utf-8"> <title>导航高亮显示</title> <style type="text/css"> body{ font-size:20px; } .nav{ lis...

2020-05-27 04:57:30

50浏览

0评论

jQuery实现鼠标移到某个对象时弹出显示层功能

本文实例讲述了jQuery实现鼠标移到某个对象时弹出显示层功能。分享给大家供大家参考，具体如下：/*** 鼠标移上去显示层* @param divId 显示的层ID* @returns*/$.fn.myHoverTip...

2020-05-27 04:57:29

48浏览

0评论

JavaScript实用代码小技巧

在上次的 “Chrome DevTools 你可能不知道的小技巧” 文中，得到很多开发朋友的反馈确实不知道这些小技巧。今天，我们来聊一聊在 EcmaScript5/6+ 中的一些小技巧，欢迎评论区讨论...

2020-05-27 04:57:27

52浏览

0评论

JS实现的简单分页功能示例

本文实例讲述了JS实现的简单分页功能。分享给大家供大家参考，具体如下：HTML部分：<body onLoad="goPage(1,10);"> <table id="idData" width="70%"> <tr><td>user2</td><td>...

2020-05-27 04:57:22

65浏览

0评论

Angular angular-file-upload文件上传的示例代码

问题描述附件上传检定结果以附件形式上传。这里先不考虑api。实现的任务就是，点击选择文件，选择之后可以清楚掉该文件。插件介绍用到了项目映入过的一个插件，angular-file-uplo...

2020-05-27 04:57:20

56浏览

0评论

angular2 ng2-file-upload上传示例代码

Angular2中有两个比较好用的上传文件的第三方库，一个是ng2-file-upload，一个是ng2-uploader。ng2-uploader是一个轻便的上传文件的支持库，功能较弱，而ng2-file-upload是一个功能...

2020-05-27 04:57:19

54浏览

0评论

从零开始学习搭建React脚手架项目

写在前面
准备学习一下react和webpack相关的东西，官方的脚手架看起来太繁琐，所以打算自己来搭建一个，参考了这个文档从零搭建React全家桶框架教程;步骤上都差不多
react和vue,...

2020-05-27 04:57:17

53浏览

0评论

vue项目中使用lib-flexible解决移动端适配的问题解决

第一部分：项目中引入lib-flexible一、项目中安装lib-flexible$ npm install lib-flexible --save二、在项目的入口js文件中引入lib-flexibleimport 'lib-flexible'通过要以上...

2020-05-27 04:57:15

68浏览

0评论

React key值的作用和使用详解

在react项目中总会遇到这样一个的坑
这是警告数组遍历子元素要有一个唯一的key值，但是key到底是什么，在代码中到底起了什么作用？key概述react中的key属性，它是一个特殊的属性，它...

2020-05-27 04:57:13

60浏览

0评论

JS使用Date对象实时显示当前系统时间简单示例

本文实例讲述了JS使用Date对象实时显示当前系统时间的方法。分享给大家供大家参考，具体如下：JS中包含Date对象，其提供了一些方法获取系统日期，直接上代码：<!DOCTYPE html><html>...

2020-05-27 04:57:11

64浏览

0评论

详解如何配置vue-cli3.0的vue.config.js

本文介绍了如何配置vue-cli3.0的vue.config.js，分享给大家，具体如下：vue-cli 3 英文文档
vue-cli 3 中文文档
webpack 4 plugins
webpack-chainTLDRvue-cli 3 与 2 版本有很大...

2020-05-27 04:57:09

51浏览

0评论

vue+axios 前端实现的常用拦截的代码示例

Axios拦截器配置
main.js//定义一个请求拦截器Axios.interceptors.request.use(function(config){ store.state.isShow=true; //在请求发出之前进行一些操作 return config}...

2020-05-27 04:57:00

41浏览

0评论

微信小程序支付PHP代码

本文实例为大家分享了微信小程序支付PHP具体代码，供大家参考，具体内容如下
服务器端获取 openidGetopenid.php<?php header('Content-type: application/json; charset=UT...

2020-05-27 04:56:59

63浏览

0评论

深入理解JS中Number()，parseInt()，parseFloat()三者比较

参考阅读：详解js中Number()、parseInt()和parseFloat()的区别详解JS转换数值函数Number()、parseInt()、parseFloat()在项目开发中我们经常会用到转型方法，尤其是JS这种松散型...

2020-05-27 04:56:58

首页 «1341 134213431344 1345 »尾页

热门文章