编程开发 - 教程之家

编程开发

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

69浏览

0评论

vue移动端微信授权登录插件封装的实例

1、新建wechatAuth.js文件const queryString = require('query-string')//应用授权作用域，snsapi_base （不弹出授权页面，直接跳转，只能获取用户openid），snsapi_userinfo （弹出授权...

2020-05-27 04:54:56

47浏览

0评论

vue-image-crop基于Vue的移动端图片裁剪组件示例

本文介绍了vue-image-crop基于Vue的移动端图片裁剪组件示例，分享给大家，具体如下：代码地址：https://github.com/jczzq/vue-image-cropvue-image-crop基于Vue的移动端图片裁剪组...

2020-05-27 04:54:55

74浏览

0评论

vue.js添加一些触摸事件以及安装fastclick的实例

安装fastclick.jsnpm install fastclick -D之后，在main.js中引入，并绑定到bodyimport FastClick from 'fastclick' //vue框架开发H5正确运用fastclickif ('addEventListener'...

2020-05-27 04:54:54

51浏览

0评论

vue组件开发之用户无限添加自定义填写表单的方法

效果图：代码如下：<template> <div class="checkbox"> <div class="input"> <p v-for="item in inputs"> <span>自定义字段：</span> <input type="text"...

2020-05-27 04:54:53

79浏览

0评论

JS实现Cookie读、写、删除操作工具类示例

本文实例讲述了JS实现Cookie读、写、删除操作工具类。分享给大家供大家参考，具体如下：/****读取指定的Cookie值 readCookie("id");*@param {string} cookieName Cookie名称*/f...

2020-05-27 04:54:52

71浏览

0评论

vue-router路由懒加载的实现（解决vue项目首次加载慢）

在Web应用程序中，系统的瓶颈常在于系统的响应速度。如果系统响应速度过慢，用户就会出现埋怨情绪，系统的价值也因此会大打折扣。因此，提高系统响应速度，是非常重要的。懒加载(Load...

2020-05-27 04:54:51

77浏览

0评论

JavaScript使用递归和循环实现阶乘的实例代码

【实现方法】　　1.利用while循环来做，当然for循环也可以。　　2.递归【代码内容】　　　　偷懒，直接用onkeyup事件来限制来页面的输入　　循环代码：//第一种方法 while循环...

2020-05-27 04:54:50

103浏览

0评论

Vue封装的可编辑表格插件方法

可任意合并表头，实现单元格编辑。页面效果如图：页面使用如下：<template> <div> <v-table :datat = "tableData" :thlabel="thlabel" :isEdit="true"> </v-table> </d...

2020-05-27 04:54:49

68浏览

0评论

浅谈redux以及react-redux简单实现

写在前头redux 简介随着 JavaScript 单页应用开发日趋复杂，JavaScript 需要管理比任何时候都要多的 state （状态）。这些 state 可能包括服务器响应、缓存数据、本地生成尚未持...

2020-05-27 04:54:48

78浏览

0评论

浅谈VUE单页应用首屏加载速度优化方案

单页应用会随着项目越大，导致首屏加载速度很慢！！！以下给出在下知道的几种优化方案使用CDN资源,减小服务器带宽压力路由懒加载将一些静态js css放到其他地方（如OSS），减小服务...

2020-05-27 04:54:44

44浏览

0评论

Vue实现用户自定义字段显示数据的方法

如下：代码：<!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:54:43

94浏览

0评论

vue+axios+mock.js环境搭建的方法步骤

在前后端分离开发模式下，前端项目通常在项目构建初期需要使用假数据以及相应的http请求来进行辅助开发，例如在后端接口还没开发好下，我们可以模拟http请求以及数据来进行前端的...

2020-05-27 04:54:42

77浏览

0评论

vue表单自定义校验规则介绍

如下所示：<div id="app"><el-form :model="ruleForm2" :rules="rules2" ref="ruleForm2" label-width="100px" class="demo-ruleForm"> <el-form-item label="密码" prop="pa...

2020-05-27 04:54:41

191浏览

0评论

微信小程序获取音频时长与实时获取播放进度问题

首先在没有播放音频之前，居然拿不到总时长但是在播放之后也需要设置setTimeout来获取所以在监听音频播放进度更新事件中获取。顺便获取当前播放进度按照官方的写法audioPlaye...

2020-05-27 04:54:40

125浏览

0评论

微信小程序多音频播放进度条问题

真的脑子疼，小程序的音频组件居然没有进度控制的功能，网上的方法又很少，逻辑通了就好写了。1.所有音频播放、停止按钮使用状态切换控制
2.当点击某个音频播放时，首先将所有音频...

2020-05-27 04:54:39

93浏览

0评论

vue 使用自定义指令实现表单校验的方法

笔者近期在公司的项目中使用自定义指令完成了表单校验。这里将思路分享给大家，并写了一个小demo。这个自定义指令还需要大家自行完善。demo可见Github:vue-form-param-check...

2020-05-27 04:54:38

81浏览

0评论

JavaScript实现的前端AES加密解密功能【基于CryptoJS】

本文实例讲述了JavaScript实现的前端AES加密解密功能。分享给大家供大家参考，具体如下：js前端AES加密最近由于项目需求做了一次MITM，突然即使发现使用HTTPS，也不能保证数据传输...

2020-05-27 04:54:37

55浏览

0评论

vue.js实现带日期星期的数字时钟功能示例

本文实例讲述了vue.js实现带日期星期的数字时钟功能。分享给大家供大家参考，具体如下：<!doctype html><html><head><meta charset="utf-8"><title>www.freexyz.cn vue.js带日期...

2020-05-27 04:54:36

101浏览

0评论

vue-cli3脚手架的配置及使用教程

这次给大家带来vue-cli3.0配置及使用详解，写给需要的朋友。Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：通过 @vue/cli 搭建交互式的项目脚手架。通过 @vue/cl...

2020-05-27 04:54:35

66浏览

0评论

JavaScript模拟实现自由落体效果

本文实例为大家分享了js实现自由落体效果的具体代码，供大家参考，具体内容如下1.效果图
2.实现分析
利用Canvas画圆球、地面；1.下落过程
物理知识回顾，物体下落过程（不计损耗）由重...

2020-05-27 04:54:33

56浏览

0评论

微信小程序自定义音乐进度条的实例代码

需求：显示音乐播放按钮、可手动拖拽进度条；页面中含多个音乐，播放当前音乐时暂停其他音乐播放。小程序自带标签 audio小程序自带的audio标签含固定的样式，且有最小尺寸。目前项...

2020-05-27 04:54:32

55浏览

0评论

react native 获取地理位置的方法示例

react native 官网介绍了这个 api Geolocation 但是这个api只能返回经纬度所以要把经纬度通过逆地理位置转义 http://recode.ditu.aliyun.com/jsdoc/geocode_api.html 可...

2020-05-27 04:54:31

36浏览

0评论

利用vue.js把静态json绑定bootstrap的table方法

直接上代码嘻嘻，发现bootstrap+vue.js拿来做原型效率挺高，以后就这样做原型<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document</title> <link rel="styles...

2020-05-27 04:54:30

61浏览

0评论

layui实现文件或图片上传记录

本文为大家分享了layui实现文件或图片上传记录的具体代码，供大家参考，具体内容如下首先是layui自己的官网关于图片/文件上传的帮助文档：接下来是我自己的使用记录：1.首先在js中...

2020-05-27 04:54:29

48浏览

0评论

微信小程序自定义组件封装及父子间组件传值的方法

首先在我们可以直接写到需要的 page 中，然后再进行抽取组件，自定义组件建议 wxzx-xxx 命名官网地址：https://developers.weixin.qq.com/miniprogram/dev/framework/custom-comp...

2020-05-27 04:54:28

99浏览

0评论

对Vue table 动态表格td可编辑的方法详解

项目中需求用到可编辑表格下图这种 ↓element UI 组件table表格中增加template 模版翻入input 根据业务逻辑增加全局变量 isEdit 是否变化。<el-table-column label="名称"...

2020-05-27 04:54:27

47浏览

0评论

jQuery实现的响应鼠标移动方向插件用法示例【附源码下载】

本文实例讲述了jQuery实现的响应鼠标移动方向插件用法。分享给大家供大家参考，具体如下：HTML代码如下：<!doctype html><html><head> <meta http-equiv="Content-Type" content=...

2020-05-27 04:54:26

174浏览

0评论

vue+element-ui动态生成多级表头的方法

vue+elementhtml配置：<div id="table">{{tableData}}<el-table :data="tabledata01" :span-method="tableSpanMethod" max-height="420"><el-table-column v-for='item in ta...

2020-05-27 04:54:25

70浏览

0评论

vee-validate vue 2.0自定义表单验证的实例

亲测可用学习vee-validate，首先可以去阅读官方文档，更为详细可以阅读官网中的规则。一、安装您可以通过npm或通过CDN安装此插件。1. NPMnpm install vee-validate --save2. CD...

2020-05-27 04:54:24

68浏览

0评论

微信小程序中上传图片并进行压缩的实现代码

小程序上传图片要先了解他其中的各个属性值，在https://developers.weixin.qq.com/miniprogram/dev/api/media-picture.html内有详细的介绍今天在这里主要来讲下如何去上传图...

2020-05-27 04:54:23

65浏览

0评论

微信小程序自定义select下拉选项框组件的实现代码

知识点：组件，animation，获取当前点击元素的索引与内容微信小程序中没有select下拉选项框，所以只有自定义。自定义的话，可以选择模板的方式，也可以选择组件的方式来创建。这次我选...

2020-05-27 04:54:22

48浏览

0评论

在vue中使用SockJS实现webSocket通信的过程

最近接到一个业务需求,需要做一个聊天信息的实时展示的界面,这就需要和服务器端建立webSocket连接,从而实现数据的实时获取和视图的实时刷新.在此将我的实现记录下来,希望可...

2020-05-27 04:54:20

73浏览

0评论

详解webpack自定义loader初探

最近负责的Weex项目涉及到一些构建上的问题，需要通过自定义webpack的loader去实现，于是学习了一下这方面的知识，写一篇文章做个总结，以免遗忘。webpack想必前端圈的人都知道了，大...

2020-05-27 04:54:19

46浏览

0评论

javascript中UMD规范的代码推演

1. UMD规范
地址：https://github.com/umdjs/umdUMD规范，就是所有规范里长得最丑的那个，没有之一！！！它是为了让模块同时兼容AMD和CommonJs规范而出现的，多被一些需要同时支持浏览器...

2020-05-27 04:54:18

90浏览

0评论

微信小程序使用swiper组件实现类3D轮播图

Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。
Swiper开源、免费、稳定、使用简...

2020-05-27 04:54:17

83浏览

0评论

微信小程序支付前端源码

本文实例为大家分享了微信小程序支付前端源码，供大家参考，具体内容如下//index.jsPage({ data: { }, //点击支付按钮进行支付 payclick: function () { var t = this; wx.logi...

2020-05-27 04:54:16

37浏览

0评论

浅谈Vue.use的使用

vue.use（plugin, arguments）语法
参数：plugin(Function | Object)用法：
如果vue安装的组件类型必须为Function或者是Object如果是个对象，必须提供install方法如果是一个函数，会被...

2020-05-27 04:54:15

71浏览

0评论

Vuex 使用及简单实例(计数器)

前一段时间因为需要使用vue，特地去学习了一下。但是时间匆忙vuex没有接触到，今天闲暇时看了解了一下vuex，并做了一个小demo，用于记录vuex的简单使用过程。什么是Vuex？
vuex是专门...

2020-05-27 04:54:14

114浏览

0评论

Vue实现美团app的影院推荐选座功能【推荐】

经常用美团app买电影票，不禁对它的推荐选座功能产生了好奇，于是打算自己实现一个类似的算法，美团app的推荐选座界面如下
最多可以选5个座位，本demo的选座界面如下图上图是点击...

2020-05-27 04:54:12

62浏览

0评论

Vue CLI3 如何支持less的方法示例

本文介绍了Vue CLI3 如何支持less的方法示例，分享给大家，具体如下：安装方式：
npm install less less-loader --save或者
cnpm install less less-loader --save大家在编写 .vue...

2020-05-27 04:54:11

75浏览

0评论

vue2实现搜索结果中的搜索关键字高亮的代码

具体代码如下所示：// 筛选变色brightenKeyword(val, keyword) { val = val + ''; if (val.indexOf(keyword) !== -1 && keyword !== '') { return val.replace(keyword,...

2020-05-27 04:54:10

67浏览

0评论

vue-cli3.0使用及部分配置详解

好长一段时间没有关注vue脚手架了，昨天因为需要个后台模板，用脚手架
搞了一下，竟然发现指令不能用了，看官方文档已经升级3.0，也是试的玩了一下，
大致写写怎么玩的！1.先全局安装vue-...

2020-05-27 04:54:09

196浏览

0评论

vue-video-player 通过自定义按钮组件实现全屏切换效果【推荐】

最近公司的产品上线，一些高级功能在基础版本中不对用户开发，通过视频的形式展示。产品开发用的是 vue, 经同事介绍使用了vue-video-player 视频播放插件，通过 demo 案例很快实...

2020-05-27 04:54:07

66浏览

0评论

JS实现数组的增删改查操作示例

本文实例讲述了JS实现数组的增删改查操作。分享给大家供大家参考，具体如下：1、给原数组中新增用到 push 改变原数组的长度并返回新的长度，新元素添加在原数组的末尾<doctype><...

2020-05-27 04:54:06

48浏览

0评论

jQuery实现的淡入淡出图片轮播效果示例

本文实例讲述了jQuery实现的淡入淡出图片轮播效果。分享给大家供大家参考，具体如下：1.HTML 框架搭建（css代码里宽高的大小与图片的大小一致）css部分：<style> * { padding: 0;...

2020-05-27 04:54:04

76浏览

0评论

angularjs实现对表单输入改变的监控(ng-change和watch两种方式)

angularjs通过ng-change和watch两种方式实现对表单输入改变的监控直接上练习代码<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="C...

2020-05-27 04:54:04

45浏览

0评论

jQuery实现的简单手风琴效果示例

本文实例讲述了jQuery实现的简单手风琴效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn jQuery...

2020-05-27 04:54:02

57浏览

0评论

简述vue状态管理模式之vuex

了解vuex核心概念请移步 https://vuex.vuejs.org/zh/一、初始vuex
1.1 vuex是什么那么先来看看这两个问题:什么是vuex?官网说：Vuex 是一个专为 Vue.js 应用程序开发的状...

2020-05-27 04:54:01

61浏览

0评论

JS实现的input选择图片本地预览功能示例

本文实例讲述了JS实现的input选择图片本地预览功能。分享给大家供大家参考，具体如下：预览效果见下图：HTML代码如下：<div class="content" style="margin-top:100px;height:200px...

2020-05-27 04:54:00

62浏览

0评论

webpack4+Vue搭建自己的Vue-cli项目过程分享

前言对于vue-cli的强大,使用过的人都知道,极大的帮助我们降低了vue的入门门槛最近在看webpack4，深感知识浅薄，这两天也一直在思考cli的配置，借助一些别人的实践，尝试自己搭建vue...

2020-05-27 04:53:59

首页 «1344 134513461347 1348 »尾页

热门文章