编程开发 - 教程之家

40浏览

0评论

mpvue写一个CPASS小程序的示例

mpvue 是什么
1、一套定位于开发小程序的前端开发框架，核心目标是提高开发效率，增强开发体验；
2、框架提供了完整的Vue.js 开发体验，开发者编写Vue.js代码，mpvue将其解析转换为小...

2020-05-27 04:51:11

63浏览

0评论

微信小程序canvas拖拽、截图组件功能

先看下微信小程序canvas拖拽功能组件地址github.com/jasondu/wx-… readme近期补上实现效果如何实现使用canvas 使用movable-view标签由于movable-view无法实现旋转，所以...

2020-05-27 04:51:09

54浏览

0评论

原生JS实现获取及修改CSS样式的方法

本文实例讲述了原生JS实现获取及修改CSS样式的方法。分享给大家供大家参考，具体如下：大家都知道在JavaScript原生操作中获取元素的样式，在实际操作是使用时比较频繁的一件事，这...

2020-05-27 04:51:08

49浏览

0评论

关于vue v-for 循环问题(一行显示四个,每一行的最右边那个计算属性)

下面一段代码给大家介绍vue v-for 循环问题(一行显示四个,每一行的最右边那个计算属性)，具体代码如下所示：<div class="imglist-item" v-for="(items,key) in imgmaterialdial...

2020-05-27 04:51:07

63浏览

0评论

JavaScript使用indexOf()实现数组去重的方法分析

本文实例讲述了JavaScript使用indexOf()实现数组去重的方法。分享给大家供大家参考，具体如下：数组去重方法有多中,这里列举出自己认为比较容易理解的方法.思路: 1. 创建一个...

2020-05-27 04:51:06

54浏览

0评论

JS中DOM元素的attribute与property属性示例详解

一、'表亲戚':attribute和property
为什么称attribute和property为'表亲戚'呢?因为他们既有共同处,也有不同点.attribute 是 dom 元素在文档中作为 html 标签拥有的属性...

2020-05-27 04:51:05

43浏览

0评论

微信小程序内拖动图片实现移动、放大、旋转的方法

屏幕就像是数学上的坐标轴，且在第四象限，以屏幕左上角为圆点，X轴向右为正向左为负，Y轴向下为正向上为负（这点和数学上相反的）以圆点为基点画个距离圆点上下50宽高100的矩形来演示c...

2020-05-27 04:51:04

55浏览

0评论

原生JS实现动态加载js文件并在加载成功后执行回调函数的方法

本文实例讲述了原生JS实现动态加载js文件并在加载成功后执行回调函数的方法。分享给大家供大家参考，具体如下：有的时候需要动态加载一个javascript文件，并且在加载成功后执行回...

2020-05-27 04:51:02

46浏览

0评论

vue form 表单提交后刷新页面的方法

最近做的项目中，有增删改表格功能，在操作后需要实时更新页面数据。下面可以这样解决。1、在methods中定义好一个初始化渲染实例。例如 lnitializationData(){//初始化页面数...

2020-05-27 04:51:01

253浏览

0评论

vue click.stop阻止点击事件继续传播的方法

如下所示：<div id="app"> <div v-on:click="dodo"> <button v-on:click="doThis">阻止单击事件继续传播</button> </div> </div> <script> var app = new Vue({ el: "...

2020-05-27 04:51:01

42浏览

0评论

JS获取并处理php数组的方法实例分析

本文实例讲述了JS获取并处理php数组的方法。分享给大家供大家参考，具体如下：$music=array();$music['tayler']=array();$music['walker']=array();$music['tayler'][]='ours';...

2020-05-27 04:51:00

61浏览

0评论

webpack 3.X学习之多页面打包的方法

简介我们开发不可能只写一个页面，每次都要写很多页面，这时为了开发效率，我们使用前端自动化工具webpack，那么webpack是如何打包页面的呢？又是如何打包多页面的呢？单页面打包我们知...

2020-05-27 04:50:59

58浏览

0评论

在AngularJs中设置请求头信息(headers)的方法及不同方法的比较

在AngularJs中有三种方式可以设置请求头信息：1、在http服务的在服务端发送请求时，也就是调用http服务的在服务端发送请求时，也就是调用http()方法时，在config对象中设置请求头信...

2020-05-27 04:50:58

29浏览

0评论

element UI upload组件上传附件格式限制方法

如下所示：<el-upload :action="uploadUrl" ref="upload" :multiple="false" :on-change="fileChange" :before-upload="beforeUpload" :on-success="handleAvatarSuccess" :o...

2020-05-27 04:50:57

76浏览

0评论

使用elementUI实现将图片上传到本地的示例

查阅饿了吗官方文档可以了解上传组件的使用方法。http://element.eleme.io/#/zh-CN/component/upload前台的页面代码为：
<el-upload class="upload-demo" ref=...

2020-05-27 04:50:56

39浏览

0评论

vue2.0 使用element-ui里的upload组件实现图片预览效果方法

1、首先我们在cli中引入element-ui 2、然后在具体的代码中放入uoload组件<el-upload class="upload-demo" action="" :auto-upload='false' :on-change='changeUpload'> <el...

2020-05-27 04:50:55

63浏览

0评论

Angular使用cli生成自定义文件、组件的方法

不得不说，和传统的复制黏贴来创建组件的方法相比，使用angular-cli的脚手架功能来创建模块、组件显得非常高效，不仅仅有了创建了文件，还包含了一些必须的代码，同时也将组件导入了...

2020-05-27 04:50:54

124浏览

0评论

vue项目在安卓低版本机显示空白的原因分析(两种)

vue项目在安卓低版本机显示空白原因：可能的原因一查看安卓debug，报错，可能有箭头函数语法错误，或者其他语法问题，那可能是ES6语法问题。这时候需要安装babel-pollyfill。网上找到...

2020-05-27 04:50:53

74浏览

0评论

element-ui 上传图片后清空图片显示的实例

使用element-ui，使用el-upload上传图片，上传图片后再次打开还是会有原来的图片，想要清空原来上传的图片，只需要在组件上绑定ref，在提交成功后的方法里调用this.$refs.upload.clea...

2020-05-27 04:50:52

99浏览

0评论

Vue中android4.4不兼容问题的解决方法

1.npm安装npm install babel-polyfillnpm install es6-promisepackage.json中会出现
"babel-polyfill": "^6.26.0","es6-promise": "^4.1.1",2.main.js引入import 'babel-po...

2020-05-27 04:50:51

73浏览

0评论

利用chrome浏览器进行js调试并找出元素绑定的点击事件详解

前言大家有没有遇到这样的一个问题，我们在分析一些大型电子商务平台的Web前端脚本时，想找到一个元素绑定的点击事件，并不是那么容易，因为有些前端脚本封装的比较隐蔽，甚至有些加...

2020-05-27 04:50:50

65浏览

0评论

element ui 表格动态列显示空白bug 修复方法

在使用element ui框架进行项目开发的时候，表格的列是根据后台数据动态生成的，但是发现在列刷新的视乎，会出现表格完全空白，没有显示的情况，经过自己编写demo发现，在增加列的情况下...

2020-05-27 04:50:49

48浏览

0评论

Vue作用域插槽slot-scope实例代码

vue中的插槽有三种：单个插槽、具名插槽、作用域插槽，这个在官网上能看到（https://cn.vuejs.org/v2/guide/components.html#单个插槽）作用域插槽简单来说就是父组件只管显示样式，...

2020-05-27 04:50:48

110浏览

0评论

解决vue 绑定对象内点击事件失效问题

突然的发现某段 html 代码中点击事件失效了。仔细观察才发现，这段代码内的元素都在 vue 绑定对象中。因此失效。解决办法是将绑定对象内的元素点击事件换成 v-on:click。以上...

2020-05-27 04:50:47

62浏览

0评论

Vue-Router的使用方法

使用 Vue.js 做项目的时候，一个页面是由多个组件构成的，所以在跳转页面的时候，并不适合用传统的 href，于是 vue-router 应运而生。
路由，其实就是指向的意思，当我点击页面上的home...

2020-05-27 04:50:46

55浏览

0评论

vue 监听屏幕高度的实例

项目用vue版本是2.0的，项目中用到es6首先需要在data里面定义页面的高度data (){ return { fullHeight: document.documentElement.clientHeight }}把window.onresize事...

2020-05-27 04:50:45

148浏览

0评论

vue获取元素宽、高、距离左边距离,右,上距离等还有XY坐标轴的方法

this.$refs['通过设置ref获取到的dom元素'].getBoundingClientRect();//示例: 获取元素距离顶部的距离this.$refs.journalUpward.getBoundingClientRect().top以上这篇vue获...

2020-05-27 04:50:44

76浏览

0评论

ng-events类似ionic中Events的angular全局事件

介绍ng-events 在 Angular 2 以上的版本中使用，类似于 ionic 中的 Events。可以使用 ng-events 注册一个全局事件，然后在需要的时候触发这个事件。GitHub地址快速开始npm inst...

2020-05-27 04:50:43

149浏览

0评论

vue中动态添加class类名的方法

vue 动态添加class类名，灵活得让你发狂，下面示例几个<template> <div> <h2>动态添加类名</h2>  <!-- 第一个参数类名，第二个参数：bo...

2020-05-27 04:50:42

78浏览

0评论

jQuery扩展方法实现Form表单与Json互相转换的实例代码

JQuery笔记记两段代码，使用JQuery实现从表单获取json与后端交互，以及把后端返回的json映射到表单相应的字段上。把表单转换出json对象//把表单转换出json对象 $.fn.toJson =...

2020-05-27 04:50:41

100浏览

0评论

快速解决vue动态绑定多个class的官方实例语法无效的问题

首先，直接进入正题，我想要给一个dom绑定多个class，而且是动态绑定，这个时候可以用v-bind简写可以写为“ ：”冒号，我查了官方的语法，具体如下：<div :class="{ red...

2020-05-27 04:50:40

70浏览

0评论

浅谈vue 单文件探索

在很多Vue项目中，我们使用 Vue.component 来定义全局组件，紧接着用new Vue({ el: '#container '}) 在每个页面内指定一个容器元素。这种方案在只是使用 JavaScript 增强某个视...

2020-05-27 04:50:39

82浏览

0评论

Vue.js 实现数据展示全部和收起功能

如图所示，当我们获取到数据后每个栏都只显示5条，多出的部分隐藏，点击显示全部将数据都展现出来，如图所示首先我们的数据类型是这样的， tableData: [ { "c...

2020-05-27 04:50:38

89浏览

0评论

在vue中给列表中的奇数行添加class的实现方法

---------笔记---------实现效果：给列表中的奇数或偶数添加class//奇数行<ul> <li class="list-item" v-for="(item,index) in data" :class="{'active':index%2 != 1}">{{da...

2020-05-27 04:50:37

37浏览

0评论

jQuery实现获取及设置CSS样式操作详解

本文实例讲述了jQuery实现获取及设置CSS样式操作。分享给大家供大家参考，具体如下： addClass():向被选元素添加一个或多个类 removeClass():从被选元素删除一个或多个类 to...

2020-05-27 04:50:35

41浏览

0评论

angularjs性能优化的方法

学习angularjs有一段时间了，但是一直都没有怎么考虑过性能方面的问题，上次在研究过滤器的时候涉及到了性能问题。所以自己也总结了下常用的性能优化。优化$watch
1.及时移除不...

2020-05-27 04:50:34

74浏览

0评论

浅谈react性能优化的方法

React性能优化思路
软件的性能优化思路就像生活中去看病，大致是这样的：使用工具来分析性能瓶颈（找病根）尝试使用优化技巧解决这些问题（服药）使用工具测试性能是否确实有提升（疗效确...

2020-05-27 04:50:33

46浏览

0评论

jQuery常见的遍历DOM操作详解

本文实例总结了jQuery常见的遍历DOM操作。分享给大家供大家参考，具体如下：向上遍历DOM树 .parent():返回被选元素的直接父元素,该方法只会向上一级对DOM树进行遍历 .parents...

2020-05-27 04:50:31

57浏览

0评论

使用jQuery给Table动态增加行、清空table的方法

使用jQuery给Table动态增加行的代码如下所示：JS方法如下：$(document).ready(function(){ getFrjl(); $('#addFrjl').click(function(){ var trHTML = '<tr class = "frjl...

2020-05-27 04:50:30

81浏览

0评论

Spring boot 和Vue开发中CORS跨域问题解决

跨域资源共享CORS（Cross-origin Resource Sharing），是W3C的一个标准，允许浏览器向跨源的服务器发起XMLHttpRequest请求，克服ajax请求只能同源使用的限制。关于CORS的详细解读，可参...

2020-05-27 04:50:29

77浏览

0评论

jQuery实现基本隐藏与显示效果的方法详解

本文实例讲述了jQuery实现基本隐藏与显示效果的方法。分享给大家供大家参考，具体如下：jQuery 隐藏/显示语法:$(selector).hide(speed,callback);$(selector).show(speed,callb...

2020-05-27 04:50:27

60浏览

0评论

深入理解Vue 的钩子函数

前言说到Vue的钩子函数，可能很多人只停留在一些很简单常用的钩子( created , mounted )，而且对于里面的区别，什么时候该用什么钩子，并没有仔细的去研究过，且Vue的生命周期在面试...

2020-05-27 04:50:26

65浏览

0评论

js jquery 获取某一元素到浏览器顶端的距离实现方法

如下所示：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <style> body{ margin: 0; padding: 0; } .mdiv{ width: 100px; height: 100px; bac...

2020-05-27 04:50:25

51浏览

0评论

jquery获取元素到屏幕四周可视距离的方法

实例如下：$(window).height();//是文档窗口高度$("div").offset().top//是标签距离顶部高度（没有到下面的距离，比如$("div").offset().down）$("div").offset().left//是标签距离...

2020-05-27 04:50:24

42浏览

0评论

jQuery实现基本淡入淡出效果的方法详解

本文实例讲述了jQuery实现基本淡入淡出效果的方法。分享给大家供大家参考，具体如下：jQuery fadeIn()方法：用于淡入已隐藏的元素jQuery fadeOut()方法：用于淡出可见的元素<!DOCTY...

2020-05-27 04:50:23

50浏览

0评论

jquery判断滚动条距离顶部的距离方法

实例如下：// 滑动滚动条$(window).scroll(function(){// 滚动条距离顶部的距离大于 200px时if($(window).scrollTop() >= 200){$(".scroll_top").fadeIn(1000); // 开始淡入...

2020-05-27 04:50:22

72浏览

0评论

vue+springboot实现项目的CORS跨域请求

跨域资源共享CORS（Cross-origin Resource Sharing），是W3C的一个标准，允许浏览器向跨源的服务器发起XMLHttpRequest请求，克服ajax请求只能同源使用的限制。关于CORS的详细解读，可参...

2020-05-27 04:50:21

42浏览

0评论

jQuery滑动效果实现方法分析

本文实例讲述了jQuery滑动效果实现方法。分享给大家供大家参考，具体如下：jQuery 滑动方法：1.slideDown()方法：用于向下滑动元素语法：$(selector).slideDown(speed,callback);2.sl...

2020-05-27 04:50:20

59浏览

0评论

vuejs点击class变化的实例

如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue.js小demo</title> <style> .static{ width: 100px; height: 60px; margin:30px auto;...

2020-05-27 04:50:19

74浏览

0评论

浅谈webpack4.x 入门(一篇足矣)

前言：webpack4出了以后，一些插件变化很大，和之前的版本使用方式不一样，新手入坑，本篇将介绍如何从一开始配置webpack4的开发版本，对css，js进行编译打包合并生成md5，CSS中的图片处理，j...

2020-05-27 04:50:17

热门文章