JavaScript - 教程之家

148浏览

0评论

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

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

2020-05-27

76浏览

0评论

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

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

2020-05-27

149浏览

0评论

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

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

2020-05-27

78浏览

0评论

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

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

2020-05-27

100浏览

0评论

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

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

2020-05-27

70浏览

0评论

浅谈vue 单文件探索

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

2020-05-27

82浏览

0评论

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

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

2020-05-27

83浏览

0评论

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

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

2020-05-27

37浏览

0评论

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

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

2020-05-27

41浏览

0评论

angularjs性能优化的方法

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

2020-05-27

74浏览

0评论

浅谈react性能优化的方法

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

2020-05-27

46浏览

0评论

jQuery常见的遍历DOM操作详解

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

81浏览

0评论

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

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

2020-05-27

74浏览

0评论

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

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

2020-05-27

55浏览

0评论

深入理解Vue 的钩子函数

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

2020-05-27

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

44浏览

0评论

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

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

2020-05-27

40浏览

0评论

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

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

2020-05-27

50浏览

0评论

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

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

42浏览

0评论

jQuery滑动效果实现方法分析

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

2020-05-27

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

74浏览

0评论

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

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

2020-05-27

56浏览

0评论

解决vue点击控制单个样式的问题

既然是控制单个样式，我们的html里面的内容一定是v-for=""；渲染出来，一定要养成一个好习惯，v-for="(item,index) in items";index就是我们所说的索引。<div class="border" v-for...

2020-05-27

85浏览

0评论

vue中使用heatmapjs的示例代码（结合百度地图）

业务需求：将heatmap引入页面中，做成一个可引入的框架，使用于所有页面。代码如下。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style> .heatm...

2020-05-27

41浏览

0评论

JS实现点击拉拽轮播图pc端移动端适配

<div class="content"> <button class="left">left</button> <button class="right">right</button> <div class="index"></div> <div class="lists"&g...

2020-05-27

74浏览

0评论

Vuejs2 + Webpack框架里,模拟下载的实例讲解

在实际的开发工作中，难免要配合销售人员，提前做一些前端的 DEMO 出来。这个时候往往还没有连接后端 API。假如要演示一个下载连接，那么应该如何做呢？我们希望能够达成以下两点：1...

2020-05-27

65浏览

0评论

webpack4 入门最简单的例子介绍

webpack在目前来说应该是前端用的比较多的打包工具了，那么对于之前没有接触过这块的该怎么办呢？答案很明显嘛，看资料，查文档，自己去琢磨，自己去敲一敲，跑一跑；Webpack是当下最热门的...

2020-05-27

61浏览

0评论

详解Angular6学习笔记之主从组件

主从组件
继学习笔记6，现在可以在页面上显示一个数组，但是原则上不能将所有特性放在同一个组件中，因为如果将所有特性放在同一个组件中，当特性特别多时，组件就变得不好维护了。所...

2020-05-27

128浏览

0评论

Node.js 使用request模块下载文件的实例

前言Node.js是JavaScript的一个解析器，可以运行js文件，今天就是简单说一下如何使用Node.js下的request模块下载文件。1、request 模块下载npm install request首先建一个文件...

2020-05-27

295浏览

0评论

在vue.js中使用JSZip实现在前端解压文件的方法

1、在vue文件的html中引入element的上传控件，代码如下：<div> <el-upload action="//jsonplaceholder.typicode.com/posts/" :before-upload="handleBefore"> <el-button size...

2020-05-27

42浏览

0评论

vue实现点击选中,其他的不选中方法

如下所示：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-sca...

2020-05-27

90浏览

0评论

Vue-cli@3.0 插件系统简析

Vue-cli@3.0 是一个全新的 Vue 项目脚手架。不同于 1.x/2.x 基于模板的脚手架，Vue-cli@3.0 采用了一套基于插件的架构，它将部分核心功能收敛至 CLI 内部，同时对开发者暴露可拓...

2020-05-27

58浏览

0评论

vue-cli3.0配置及使用注意事项详解

这次给大家带来vue-cli3.0配置详解，使用vue-cli3.0配置的注意事项有哪些，下面就是实战案例，一起来看一下。
新建项目# 安装npm install -g @vue/cli# 新建项目vue create my-pr...

2020-05-27

52浏览

0评论

Vue中使用clipboard实现复制功能

clipboard.js 是一个不需要flash，将文本复制到剪贴板的插件。下面给大家介绍Vue中使用clipboard实现复制功能，具体内容如下所示：首先现在Vue中引入clipboardnpm install clipbo...

2020-05-27

52浏览

0评论

JavaScript函数、闭包、原型、面向对象学习笔记

断言
单元测试框架的核心是断言方法，通常叫assert()。
该方法通常接收一个值--需要断言的值，以及一个表示该断言目的的描述。
如果该值执行的结果为true，断言就会通过；
否则，断言...

2020-05-27

50浏览

0评论

jQuery实现基本动画效果的方法详解

本文实例讲述了jQuery实现基本动画效果的方法。分享给大家供大家参考，具体如下：animate()方法用于创建自定义动画语法：$(selector).animate({params},speed,callback); params...

2020-05-27

153浏览

0评论

在Vue组件中获取全局的点击事件方法

使用场景：在Vue组件中点击某元素之外的地方移除该元素需求：如上图所示，“用户列表”页面有三个Vue组件组成，分别是“菜单组件”，“导航组件”和“列表组件”。其中“列表组件”中...

2020-05-27

61浏览

0评论

Vue 监听列表item渲染事件方法

直入正题，不废话！使用Vue渲染列表是很简单方便的，但如果需要在渲染item的时候去监听事件就无法实现了，楼主我翻遍了Vue的api也没找到合适的方法去解决，其中也提到使用watch和vue....

2020-05-27

45浏览

0评论

Vue-component全局注册实例

组件的全局注册必须注意是在实例化对象之前完成。Vue.component("mytest",{ template:'<li>{{name}}</li>', props:['name']})new Vue({//...})而局部注册则只能在父模板内...

2020-05-27

53浏览

0评论

Vue的watch和computed方法的使用及区别介绍

Vue的watch属性Vue的watch属性可以用来监听data属性中数据的变化<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="lib/vue.m...

2020-05-27

66浏览

0评论

微信小程序开发之自定义tabBar的实现

最近开发微信小程序，公司要求做一个类似闲鱼的tabbar，但是网上大多资料的tabbar都会在页面切换的时候重新渲染，所以我写了一个不会重新渲染的tabbar，有需要的直接拿走不谢。http...

2020-05-27

263浏览

0评论

对vue中v-on绑定自定事件的实例讲解

关于官网vue中v-on绑定自定义事件的个人理解对官网实例进行了一些修改，如下图：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>v-on绑定自定义事件</t...

2020-05-27

62浏览

0评论

jQuery实现动画、消失、显现、渐出、渐入效果示例

本文实例讲述了jQuery实现动画、消失、显现、渐出、渐入效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <script src="...

2020-05-27

54浏览

0评论

webpack4简单入门实例

毋庸置疑，webpack现在已经成为前端很多的打包器。网上关于webpack的相关文章也是很多的，关于webpack的具体配置，官网上也是讲解的很清楚，本文主要是根据自己的学习，进行简单的web...

2020-05-27

43浏览

0评论

vue兄弟组件传递数据的实例

在main.js里面设置data{eventHub:new Vue() } new Vue({ el: '#app', router, store, template: '<App/>', components: { App }, data:{ eventHub:new Vue() // 在main.js...

2020-05-27

200浏览

0评论

Vue下拉框回显并默认选中随机问题

今天做vue的页面下拉框回显问题，回显数据是随机的，好奇怪，虽然多刷新几下就可以了，但是这个问题还是存在的，后来发现问题是回显中的数据是两次请求，因为网络问题两次说不定哪个就...

2020-05-27

60浏览

0评论

jQuery实现鼠标移入移出事件切换功能示例

本文实例讲述了jQuery实现鼠标移入移出事件切换功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <script src="http://l...

2020-05-27

52浏览

0评论

vue-cli 默认路由再子路由选中下的选中状态问题及解决代码

vue-cli是Vue.js官方脚手架命令行工具，我们可以用它快速搭建Vue.js项目，vue-cli最主要的功能就是初始化项目，既可以使用官方模板，也可以使用自定义模板生成项目，而且从2.8.0版本...

2020-05-27

热门文章