JavaScript - 教程之家

41浏览

0评论

jQuery结合jQuery.cookie.js插件实现换肤功能示例

本文实例讲述了jQuery结合jQuery.cookie.js插件实现换肤功能。分享给大家供大家参考，具体如下：上一次和大家分享了如何实现换肤功能，但是script代码好像有点长，所以这次打算使用...

2020-05-27

59浏览

0评论

JavaScript实现鼠标滚轮控制页面图片切换功能示例

本文实例讲述了JavaScript实现鼠标滚轮控制页面图片切换功能。分享给大家供大家参考，具体如下：鼠标上的滚轮是一个不错的东东，为什么这么说，因为它能帮助我们快速的浏览网页,快...

2020-05-27

52浏览

0评论

jQuery实现的鼠标滚轮控制图片缩放功能实例

本文实例讲述了jQuery实现的鼠标滚轮控制图片缩放功能。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.or...

2020-05-27

52浏览

0评论

JS实现的简单表单验证功能完整实例

本文实例讲述了JS实现的简单表单验证功能。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/...

2020-05-27

51浏览

0评论

jQuery响应滚动条事件功能示例

本文实例讲述了jQuery响应滚动条事件功能。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/...

2020-05-27

46浏览

0评论

JS简单实现数组去重的方法分析

本文实例讲述了JS简单实现数组去重的方法。分享给大家供大家参考，具体如下：var arr = ['abc','abcd','sss','2','d','t','2','ss','f','22','d'];//定义一个新的数组var s = [...

2020-05-27

66浏览

0评论

jQuery实现的页面遮罩层功能示例【测试可用】

本文实例讲述了jQuery实现的页面遮罩层功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="...

2020-05-27

57浏览

0评论

详解 vue.js用法和特性

前言最近用Vue.js做了一个数据查询平台，还做了一个拼图游戏，突然深深的感到了vue的强大。Vue.js是一套构建用户界面(user interface)的渐进式框架。与其他重量级框架不同的...

2020-05-27

39浏览

0评论

JS实现定时任务每隔N秒请求后台setInterval定时和ajax请求问题

先看下面一段代码：DiGui = function (param) { $.ajax({ success: function (returnValue) { window.setInterval("fnSetMarkPoint()", 5000); }});调用DiGui()方法后...

2020-05-27

54浏览

0评论

vue跨域解决方法

vue项目中，前端与后台进行数据请求或者提交的时候，如果后台没有设置跨域，前端本地调试代码的时候就会报“No 'Access-Control-Allow-Origin' header is present on the request...

2020-05-27

49浏览

0评论

JS中的多态实例详解

多态在面向对象编程语言中是十分重要的。在JAVA中是通过继承来得到多态的效果。如下：public abstract class Animal {abstract void makeSound(); // 抽象方法}public class...

2020-05-27

62浏览

0评论

Vue 2.0入门基础知识之内部指令详解

1.Vue.js介绍当前前端三大主流框架：Angular、React、Vue。React前段时间由于许可证风波，使得Vue的热度蹭蹭地上升。另外，Vue友好的API文档更是一大特色。Vue.js是一个...

2020-05-27

62浏览

0评论

web前端开发中常见的多列布局解决方案整理(一定要看)

多列布局多列布局在web前端开发中也是较为常见的，比如常见的三列、四列及以上，列的布局使得单一的页面可以展示更多分门别类的内容。这里会提到的多列布局有两列定宽加一列自...

2020-05-27

41浏览

0评论

JS继承与闭包及JS实现继承的三种方式

前言在之前的两篇博客中，我们详细探讨了JavaScript OOP中的各种知识点（JS OOP基础与JS 中This指向详解、成员属性、静态属性、原型属性与JS原型链）。今天我们来继续探讨剩...

2020-05-27

61浏览

0评论

Django中使用jquery的ajax进行数据交互的实例代码

jquery框架中提供了$.ajax、$.get、$.post方法，用于进行异步交互，由于Django中默认使用CSRF约束，推荐使用$.get示例：实现省市区的选择最终实现效果如图：将jquery文件拷贝到static...

2020-05-27

43浏览

0评论

echarts饼图扇区添加点击事件的实例

在echarts最后面添加上这段代码就可以了function eConsole(param) {　　//alert(option.series[0].data.length);　　//alert(option.series[0].data[i]);　　//param.dataI...

2020-05-27

39浏览

0评论

老生常谈JavaScript面向对象基础与this指向问题

前言
我们的程序语言经历了从“面向机器”、到“面向过程”、再到“面向对象”的一个过程。而JavaScript是一门基于对象的一门语言，它介于面向过程与面向对象之间。在学习J...

2020-05-27

53浏览

0评论

jQuery实现简单的回到顶部totop功能示例

本文实例讲述了jQuery实现简单的回到顶部totop功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>回到顶部</title> <sty...

2020-05-27

61浏览

0评论

原生JS实现小小的音乐播放器

前言
最近在复习JS，觉得音乐播放器是个挺有意思的东西，今天就来用我们最原生的JS写一个小小的音乐播放器~主要功能： 1、支持循环、随机播放　　2、在播放的...

2020-05-27

56浏览

0评论

angular4中关于表单的校验示例

本章中介绍响应式表单的创建及表单输入值的校验,对于模板表单就略过。
一、使用响应式表单的步骤1、在模块(一般是app.module.ts)中引入ReactiveFormsModule
2、在组件的ts...

2020-05-27

69浏览

0评论

Vue 2.0学习笔记之Vue中的computed属性

Vue中的 computed 属性称为计算属性。在这一节中，我们学习Vue中的计算属性如何使用？记得在学习Vue的模板相关的知识的时候，知道在模板内可以使用表达式，而且模板内的表达式是...

2020-05-27

62浏览

0评论

基于js原生和ajax的get和post方法以及jsonp的原生写法实例

login.onclick = function(){var xhr = new XMLHttpRequest();xhr.open("get","http://localhost/ajax2/test2.php?username="+username.value+"&pwd="+pwd2.value,true...

2020-05-27

74浏览

0评论

原生js的ajax和解决跨域的jsonp(实例讲解)

最近慢慢感觉，学再多框架，库，都不如老老实实先把基础弄扎实了。不说废话，先上一个用ajax请求下本地的一个.txt文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-...

2020-05-27

98浏览

0评论

AngularJS实现注册表单验证功能

本文为大家分享了案例: 注册表单验证，供大家参考，具体内容如下需要使用的两张图片：dui.gif：cuo.gif：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></...

2020-05-27

52浏览

0评论

基于ajax和jsonp的原生封装(实例)

最近在学ajax和跨域，于是就自己封装了一个，虽然有点粗糙但还是可以用的。其实jsonp的本质就是：动态创建script标签，然后通过src属性发送跨域请求，然后服务器端响应的数据格式为【...

2020-05-27

69浏览

0评论

seajs实现强制刷新本地缓存的方法分析

本文实例讲述了seajs实现强制刷新本地缓存的方法。分享给大家供大家参考，具体如下：1.为什么由于每次上传js文件到服务器后用户本机存在本地缓存，导致用户需要强制清除缓存或者...

2020-05-27

55浏览

0评论

JavaScript简单实现合并两个Json对象的方法示例

本文实例讲述了JavaScript简单实现合并两个Json对象的方法。分享给大家供大家参考，具体如下：$.mergeJsonObject = function(jsonbject1, jsonbject2) { var resultJsonObject...

2020-05-27

45浏览

0评论

requireJS模块化实现返回顶部功能的方法详解

本文实例讲述了requireJS模块化实现返回顶部功能的方法。分享给大家供大家参考，具体如下：引用requireJs<script src="require.js" data-main="main"></script>html部分<!DOCTY...

2020-05-27

63浏览

0评论

使用clipboard.js实现复制功能的示例代码

最近在工作中有一个需求，就是需要使用一个按钮实现相应内容的复制。在网上找了很多解决方案，最后对比之下选择了clipboard.js插件来进行实现。因为它不依靠flash以及其他框架，...

2020-05-27

66浏览

0评论

Vue2.0父子组件传递函数的教程详解

Vue.js 是什么Vue.js (读音 /vjuː/，类似于 view) 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图...

2020-05-27

42浏览

0评论

jquery一键控制checkbox全选、反选或全不选

jquery attr()方法获取标签的 checked 会有问题，所以用了 prop() 方法。Hml的checkbox没有加name，只用了 div 嵌套。如有更好的方法，望指点!!//全选$('#allChecked').change(fu...

2020-05-27

49浏览

0评论

vue mint-ui 实现省市区街道4级联动示例(仿淘宝京东收货地址4级联动)

本文介绍了vue mint-ui 实现省市区街道4级联动示例(仿淘宝京东收货地址4级联动)先去下载一个“省份、城市、区县、乡镇” 四级联动数据，然后引入import { Picker } from 'min...

2020-05-27

55浏览

0评论

Vue中之nextTick函数源码分析详解

1. 什么是Vue.nextTick()？
官方文档解释如下：
在下次DOM更新循环结束之后执行的延迟回调。在修改数据之后立即使用这个方法，获取更新后的DOM。2. 为什么要使用nextTick?<!D...

2020-05-27

69浏览

0评论

js获取文件里面的所有文件名(实例)

如下所示：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/...

2020-05-27

43浏览

0评论

Vue中封装input组件的实例详解

Vue中封装input组件最近有点忙不过来脱了很久，没有更新抱歉。今天要将的时如何自定义封装input组件，博主知识发个简单的模板码友们可以更具自己的实际项目添加需要的参数...

2020-05-27

46浏览

0评论

封装运动框架实战左右与上下滑动的焦点轮播图(实例)

在这篇文章打造通用的匀速运动框架(实例讲解)中，封装了一个匀速运动框架，我们在这个框架的基础之上，加上缓冲运动效果，然后用运动框架来做幻灯片（上下，左右）。缓冲运动通常有两种常...

2020-05-27

71浏览

0评论

打造通用的匀速运动框架(实例讲解)

本文，是接着上基于匀速运动的实例讲解(侧边栏,淡入淡出) 继续的，在这篇文章的最后，我们做了2个小实例：侧边栏与改变透明度的淡入淡出效果，本文我们把上文的animate函数，继续改造，...

2020-05-27

51浏览

0评论

实现图片首尾平滑轮播(JS原生方法—节流)

首先给出HTML代码，要注意轮播图片表(#list)末尾加上第一个图片1.jpg，在首部加上最后一个图片5.jpg。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>...

2020-05-27

84浏览

0评论

react中的ajax封装实例详解

react中的ajax封装实例详解代码块**opts: {'可选参数'}**method: 请求方式:GET/POST,默认值:'GET';**url: 发送请求的地址, 默认值: 当前页地址;**data: string,json;**asy...

2020-05-27

61浏览

0评论

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

跟做慕课网的vue高仿外卖项目中用到了一个很好用的插件BScroll，用来计算左侧menu栏对应右侧foods栏相应显示的食物区，如果不用插件就比较费事了，因此这里分享一下这个插件的简...

2020-05-27

66浏览

0评论

javascript 中模板方法单例的实现方法

javascript 中模板方法单例的实现方法模板方法单例模板方法的定义：父类中定义一组操作算法骨架，将一些实现步骤延伸到子类中，使得子类可以不改变父类的算法结构的同时可重新定...

2020-05-27

59浏览

0评论

基于匀速运动的实例讲解(侧边栏,淡入淡出)

javascript中，如何让一个元素(比如div)运动起来呢？设置基本的样式，一定要让div有定位( 当然用margin的变化也可以让元素产生运动效果 );<style> div { width: 100px;...

2020-05-27

77浏览

0评论

vue与TypeScript集成配置最简教程(推荐)

前言Vue的官方文档没有给出与TypeScript集成的具体步骤，网上其他的教程不是存在问题就是与vue-cli建立的项目存在差异，让人无从下手。下面我就给出vue-cli建立的项目与TypeScr...

2020-05-27

68浏览

0评论

教你用Cordova打包Vue项目的方法

现在国内越来越多的开发者使用Vue开发混合app，但是当大家开发完成过后才发现不知道该怎么将Vue项目打包成app。
据我现在的了解打包Vue项目目前流行的就是使用weex和cordova...

2020-05-27

75浏览

0评论

vue-cli之router基本使用方法详解

本文实例为大家分享了vue-cli之router基本使用的具体代码，供大家参考，具体内容如下1、在src目录下新建router目录，再建立index.jsimport Vue from 'vue';import VueRouter from...

2020-05-27

57浏览

0评论

JS实现按钮添加背景音乐示例代码

1-代码<html><head> <meta charset="utf-8"> <title>js实现按键声</title></head><body> <ul> <li> <a href="menu-list" rel="external nofollow" rel="externa...

2020-05-27

71浏览

0评论

vue组件之Alert的实现代码

前言
本文主要Alert 组件的大致框架，提供少量可配置选项。旨在大致提供思路Alert用于页面中展示重要的提示信息。templat模板结构
<template> <div v-show="visible" class...

2020-05-27

66浏览

0评论

Bootstrap图片轮播效果详解

导言Bootstrap 轮播（Carousel）插件是一种灵活的响应式的向站点添加滑块的方式。除此之外，内容也是足够灵活的，可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容。...

2020-05-27

45浏览

0评论

node.js 用socket实现聊天的示例代码

本文介绍了node.js 用socket实现聊天的示例代码，分享给大家，也给自己留个笔记，具体如下：
服务器搭建
app.jsconst http = require("http");const express = require("./express"...

2020-05-27

64浏览

0评论

vue获取input输入值的问题解决办法

vue获取input输入值的问题解决办法v-for里有多行input输入框，vue怎么获取某行的输入的值，随便写了点代码，意思就是后台返回了多行的list集合，页面显示多行输入框，当修改某行的值...

2020-05-27

热门文章