JavaScript - 教程之家

34浏览

0评论

JavaScript实现的搜索及高亮显示功能示例

本文实例讲述了JavaScript实现的搜索及高亮显示功能。分享给大家供大家参考，具体如下：情景: 用来筛选列表中的数据, 由于单条数据很简短, 没有用php+mysql去实现筛选功能, 只...

2020-05-27

59浏览

0评论

JavaScript实现动态添加Form表单元素的方法示例

本文实例讲述了JavaScript实现动态添加Form表单元素的方法。分享给大家供大家参考，具体如下：之前写过类似的文章（如：javascript实现的动态添加表单元素input,button等）,现在看来...

2020-05-27

55浏览

0评论

JS如何实现在页面上快速定位（锚点跳转问题）

本文介绍了JS如何实现在页面上快速定位（锚点跳转问题），分享给大家，具体如下：
1. 锚点跳转简介锚点其实就是可以让页面定位到某个位置上的点。在高度较高的页面中经常见到。
锚点...

2020-05-27

43浏览

0评论

JS传播事件、取消事件默认行为、阻止事件传播详解

1.事件处理程序的返回值通常情况下，返回值false就是告诉浏览器不要执行这个事件相关的默认操作。例如，表单提交按钮的onclick事件处理程序能通过返回false阻止浏览器...

2020-05-27

59浏览

0评论

JS获取子、父、兄节点方法小结

我们在实际的开发中，经常要获取页面中某个html元素，动态更新元素的样式、内容属性等。我们已经知道在JavaScript中提供下面的方法获取子、父、兄节点的方法：　　常规通过父节...

2020-05-27

62浏览

0评论

带你快速理解javascript中的事件模型

javascript中有两种事件模型：DOM0，DOM2。而对于这两种的时间模型，我一直不是非常的清楚，现在通过网上查阅资料终于明白了一些。　　一. DOM0级事件模型　　DOM0级事件模型是早...

2020-05-27

50浏览

0评论

Vue+Element使用富文本编辑器的示例代码

富文本编辑器在任何项目中都会用到，在Element中我们推荐vue-quill-editor组件，现在我就把它提供给大家，希望对大家有用。具体截图如下：
安装编辑器组件具体方法：npm install vue-...

2020-05-27

41浏览

0评论

jQuery实现手势解锁密码特效

本文实例为大家分享了jQuery实现手势解锁密码的具体代码，供大家参考，具体内容如下效果预览图：验证成功：（可以进行页面挑战等...）验证失败： HTML：<div id="gesturepwd" style="positi...

2020-05-27

74浏览

0评论

vue2.0项目中使用Ueditor富文本编辑器示例代码

最近在vue项目中需要使用富文本编辑器，于是将Ueditor集成进来，作为公共组件。
项目地址：https://github.com/suweiteng/vue2-management-platform 1.放入静态资源并配...

2020-05-27

61浏览

0评论

vue教程之toast弹框全局调用示例详解

本文实例为大家分享了vue toast弹框全局调用示例，供大家参考，具体内容如下1.首选新建一个toast.vue模板文件: <template> <transition :name="fadeIn"> <div class="alertBox...

2020-05-27

64浏览

0评论

javaScript封装的各种写法

在javascript的世界里，写法是个神奇的现象，真是百家齐开放啊！每次看到老外写的js组件，思想和写法都怪异，就没看到一个js结构基本相同的代码出来。今天，我就来谈谈js写法，我在开发过...

2020-05-27

66浏览

0评论

详解升级react-router 4 踩坑指南

一.前言上午把近日用React做的一个新闻项目所依赖的包升级到了最新的版本,其中从react-router(2.8.1)升级到react-router(4.1.2)中出现了很多问题, 故总结一下在升级过程中...

2020-05-27

59浏览

0评论

jQuery选择器特殊字符与属性空格问题

一、选择器中含有特殊符号的注意事项 1．选择器中含有“.”、“#”、“(”或“]”等特殊字符
根据W3C的规定，属性值中是不能含有这些特殊字符的，但在实际项目中偶尔会遇到表达...

2020-05-27

66浏览

0评论

js单页hash路由原理与应用实战详解

本文主要介绍了js单页hash路由原理与应用实战详解，分享给大家，具体如下：什么是路由？通俗点说，就是不同的URL显示不同的内容什么是单页应用?单页，英文缩写为SPA( Single Page A...

2020-05-27

41浏览

0评论

jQuery绑定事件方法及区别(bind,click,on,live,one)

第一种方式：$(document).ready(function(){ $("#clickme").click(function(){ alert("hello world click") })})第二种方式（简写方式为第一种）：$('#clickmebind').bind("click",...

2020-05-27

76浏览

0评论

JavaScript监听手机物理返回键的两种解决方法

JavaScript没有监听物理返回键的API，所以只能使用 popstate 事件监听。有两个解决办法：1、返回到指定的页面 pushHistory(); window.addEventListener("popstate", fu...

2020-05-27

46浏览

0评论

清空元素html("") innerHTML="" 与 empty()的区别和应用(推荐)

一、清空元素的区别 1、错误做法一： $("#test").html("");//该做法会导致内存泄露 2、错误做法二： $("#test")[0].innerHTML=""; ;//该做法会导...

2020-05-27

177浏览

0评论

javascript兼容性(实例讲解)

1.事件冒泡:
//取消冒泡 if(e.stopPropagation){ e.stopPropagation();//w3c定义的APIbiaozhun}else{ e.cancelBubble=true;//兼容IE 6,7,8浏览器}2.获取某个元素的CSS属...

2020-05-27

57浏览

0评论

使用jQuery实现购物车结算功能

本文实例为大家分享了jQuery实现购物车结算功能展示的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <s...

2020-05-27

53浏览

0评论

JavaScript中使用Async实现异步控制

async官方DOC介绍node安装npm install async --save使用var async = require('async')js文件github.com/caolan/asyn…async提供了很多函数用于异步流程控制，下面是async核心...

2020-05-27

40浏览

0评论

关于vue.js发布后路径引用的问题解决

本文主要给大家介绍了关于vue.js发布后路径引用问题的解决方法，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍：在发布到iis目录下时候，如果放在网站的根目录下的...

2020-05-27

57浏览

0评论

jQuery实现腾讯信用界面(自制刻度尺)样式

依据我现有的知识，在前端上"简易"的实现了腾讯信用的界面，同时自己自制了一个竖直的刻度尺插件，曲线的位置可以根据传入的数值动态的改变，这次主要也想总结一下关于jQuery中exte...

2020-05-27

54浏览

0评论

JScript实现地址选择功能

本文实例为大家分享了JScript实现地址选择功能的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script...

2020-05-27

45浏览

0评论

js实现网页的两个input标签内的数值加减(示例代码)

实例如下所示：<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script>window.onload=function(){var oIput1=document.getElementById('put1');var oIpu...

2020-05-27

47浏览

0评论

jQuery实现菜单栏导航效果

本文实例为大家分享了jQuery实现菜单栏导航效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{...

2020-05-27

65浏览

0评论

AngularJS日程表案例详解

功能:添加事件/完成事件/删除事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; paddin...

2020-05-27

44浏览

0评论

JScript实现表格的简单操作

本文实例为大家分享了JScript实现表格的简单操作，供大家参考，具体内容如下
实现思路：
1、添加时：获取当前列表的行数，在当前一行添加下一行；
2、用insertCell()方法添加一行，下标从...

2020-05-27

61浏览

0评论

详解react使用react-bootstrap当轮子造车

上一篇我们谈了谈如何配置react的webpack环境react入门之搭配环境（一）可能很多人已经打开过官方文档学习了react的基础知识不管有没有，在介绍react之前，我想先介绍一下react-bo...

2020-05-27

75浏览

0评论

JavaScript函数中的this四种绑定形式

正文 javascript中的this和函数息息相关，所以今天，我就给大家详细地讲述一番：javascript函数中的this
一谈到this，很多让人晕晕乎乎的抽象概念就跑出来了，这里我就只说最核心的一...

2020-05-27

303浏览

0评论

React应用中使用Bootstrap的方法

前言本节我们将把bootstrap,font-awesome应用到app中，同时创建一个基本的主页。主要将用到以下包： bootstrap-loader及配合工作的一系列loader：bootstrap-sass(bootstrap3) cs...

2020-05-27

53浏览

0评论

深入浅析Vue不同场景下组件间的数据交流

正文浅谈Vue不同场景下组件间的数据“交流”
Vue的官方文档可以说是很详细了。在我看来，它和react等其他框架文档一样，讲述的方式的更多的是“方法论”，而不是“场景论”，这也...

2020-05-27

73浏览

0评论

Mongoose实现虚拟字段查询的方法详解

前言不知道大家知不知道，mongoose为数据模型提供了虚拟属性，借此可以更加一致地、方便地读写模型属性，类似于C#或Java中的访问器。我们知道虚拟属性在Query阶段一定是查不到...

2020-05-27

57浏览

0评论

jQuery DOM节点的遍历方法小结

本文介绍了jQuery DOM节点的遍历方法小结，分享给大家，也给自己留个笔记children()方法
jQuery是一个合集对象，如果想快速查找合集里面的第一级子元素，此时可以用children()方法...

2020-05-27

42浏览

0评论

JavaScript阻止表单提交方法（附代码）

<body> <form action="clock.html" method="post" onsubmit="return checkLength()"> <p>name:<input type="text" name="user" id="user"></p> <input type="submit&q...

2020-05-27

51浏览

0评论

JavaScript上传文件时不用刷新页面方法总结（推荐）

用js给出一个上传文件时不用刷新页面的方案 <input id="upload" type="file"/> <button id="upload-btn">upload</button> document.getElementById('upload-btn').onclick...

2020-05-27

56浏览

0评论

form表单序列化详解（推荐）

form的序列化，即将表单中的键值序列化为可提交的字符串
表单 <form id="target"> <select name="age"> <option value="age1">20</option> <option value="age2" select...

2020-05-27

166浏览

0评论

js基于FileSaver.js 浏览器导出Excel文件的示例

本文介绍了js基于FileSaver.js 浏览器导出Excel文件，分享给大家，也给自己做个笔记
限制一：不同浏览器对 blob 对象有不同的限制
具体看看下面这个表格（出自FileSaver.js）：...

2020-05-27

46浏览

0评论

JavaScript与Java正则表达式写法的区别介绍

Js验证写法：（转义符\）var str = "待验证文本";var regular = new RegExp(/这里是正则表达式/);if (regular.test(str)) { console.log("符合条件");} else { console.log("不...

2020-05-27

70浏览

0评论

vue如何集成raphael.js中国地图的方法示例

前言raphael.js是一个很小的javascript库，它可以在网页中实现绘制各种矢量图、各类图表、以及图像裁剪、旋转、运动动画等等功能。此外raphael.js还跨浏览器兼容，而且还兼容老...

2020-05-27

59浏览

0评论

vue的基本用法与常见指令

什么是vue?Vue.js是JavaScript MVVM（Model-View-ViewModel）库，十分简洁，Vue核心只关注视图层，相对AngularJS提供更加简洁、易于理解的API。Vue尽可能通过简单的API实现响应的...

2020-05-27

55浏览

0评论

input输入框内容实时监测(附代码)

输入框内容实时监测！只有输入框内容发生改变才会触发事件，如果输入框内容没有改变则不会触发该事件！代码如下：<script type="text/javascript" src="jquery-3.2.1.js"></script>...

2020-05-27

47浏览

0评论

JavaScript中附件预览功能实现详解（推荐）

由于公司的EMP影像平台比较繁琐，还需要下载才能够能够进行图片的预览，于是业务人员提出在附件列表页面增加预览页面。今天将完成的过程记录下来：一种是js版本的，另一种是jquery...

2020-05-27

59浏览

0评论

JavaScript递归算法生成树形菜单

本文实例为大家分享了js生成树形菜单的具体代码，供大家参考，具体内容如下1、最终效果图（这里仅为实现算法，并加载至页面，不做任何css界面优化）注释：本示例包含三级目录菜单，但实际上...

2020-05-27

76浏览

0评论

js实现移动端轮播图效果

本文实例为大家分享了移动端轮播图效果展示的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" conte...

2020-05-27

92浏览

0评论

js移动端事件基础及常用事件库详解

一、事件基础PC:click、mouseover、mouseout、mouseenter、mouseleave、mousemove、mousedown、mouseup、mousewheel、keydown、keyup、load、scroll、blur、focus、change....

2020-05-27

64浏览

0评论

Vue组件通信实践记录（推荐）

组件通信几乎所有的mvvm框架中都要涉及组件通信的功能（吐槽一下knockout,毕竟是鼻祖就先不说它了）。而且目前的前端形式来看，组件化是一个项目的基础。所以选好一个合适的框架...

2020-05-27

86浏览

0评论

全面解析jQuery中的$(window)与$(document)的用法区别

[window对象] 它是一个顶层对象,而不是另一个对象的属性，即表示浏览器中打开的窗口。 1、属性　　defaultStatus 缺省的状态条消息　　document 当前显示的文档(该属性本...

2020-05-27

67浏览

0评论

JavaScript获取tr td 的三种方式全面总结（推荐）

/* 第一种，原生的js，先获取table然后获取tr标签，然后遍历td */
// $('#selectIds').val("");// var table = document.getElementById("tb_table");//获取第...

2020-05-27

75浏览

0评论

jquery获取链接地址和跳转详解（推荐）

一、获取地址栏参数的方法获取地址栏参数的方法<script type="text/javascript">(function ($) { $.getUrlParam = function (name) { var reg = new RegExp("(^|&)" +...

2020-05-27

74浏览

0评论

vue实现点击图片放大效果

本文实例为大家分享了vue点击图片放大展示的具体代码，供大家参考，具体内容如下1.建立子组件,来实现图片方法功能: BigImg.vue
<template>  <transition na...

2020-05-27

热门文章