JavaScript - 教程之家

73浏览

0评论

js数字滑动时钟的简单实现(示例讲解)

废话不多说，直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> body,ul{margin:0;padding:...

2020-05-27

61浏览

0评论

js异步编程小技巧详解

异步回调是js的一大特性，理解好用好这个特性可以写出很高质量的代码。分享一些实际用的一些异步编程技巧。1.我们有些应用环境是需要等待两个http请求或IO操作返回后进行后续...

2020-05-27

68浏览

0评论

jQuery 实时保存页面动态添加的数据的示例

本文介绍了jQuery 实时保存页面动态添加的数据的示例，分享给大家，具体如下：需求：用户填写的东西，必须要实时保存分析：监听用户操作事件，如：change、keyup 等，向后端发送请求实际情况：...

2020-05-27

61浏览

0评论

利用纯JS实现像素逐渐显示的方法示例

前言对于新手的我，以前从来没有做过对像素进行操作的实例。于是把资料书找了出来，实现了这个功能，比较简单，大神勿喷。下面是效果图，因为重在思路，效果就简陋一些。实现思路其实就...

2020-05-27

55浏览

0评论

一个Js文件函数中调用另一个Js文件函数的方法演示

我们知道，在html中，利用<script language="javascript" type="text/javascript" src="./script.js"></script>引入的两个js是不可以相互调用的。那么该如何解决呢？当然，你可以将...

2020-05-27

59浏览

0评论

JavaScript中的return布尔值的用法和原理解析

首先return作为返回关键字，他有以下两种返回方式1.返回控制与函数结果语法为：return 表达式; 语句结束函数执行，返回调用函数，而且把表达式的值作为函数的结果2.返回控制无函数...

2020-05-27

81浏览

0评论

Vue.js如何实现路由懒加载浅析

前言懒加载也就是延迟加载，不知道大家在工作中有没有发现，当你的SPA（单页应用程序）变得复杂时，打包构建后的Javascript包会变得非常大，以至于严重影响页面的加载时间。幸运的是：vue...

2020-05-27

82浏览

0评论

一篇文章让你彻底弄懂JS的事件冒泡和事件捕获

在学校，听老师讲解事件冒泡和事件捕获机制的时候跟听天书一样，只依稀记得IE使用的是事件冒泡，其他浏览器则是事件捕获。当时的我，把它当成IE浏览器兼容问题，所以没有深究（IE8以下...

2020-05-27

64浏览

0评论

关于Vue Webpack2单元测试示例详解

前言最近发现一个问题，vue-cli 提供的官方模板确实好用。但一直用下来手贱毛病又犯了，像穿了别人的内衣，总感觉不舒服。所以有机会就瞎倒腾了一遍，总算把各个流程摸了一把。这里...

2020-05-27

63浏览

0评论

通过V8源码看一个关于JS数组排序的诡异问题

前言前几天一个朋友在微信里面问我一个关于 JS 数组排序的问题。通过该问题发现了一些之前没发现的内容，下面话不多少了，来一起看看详细的介绍吧。原始数组如下：var data = [ {...

2020-05-27

79浏览

0评论

jQuery:unbind方法的使用详解

jQuery:unbind方法的使用详解一、前言unbind方法只能解绑用jQuery的bind方法以及用jquery方法注册的事件处理程序。比如：$(‘a').click(function(){})可以通过unbind解绑。用...

2020-05-27

64浏览

0评论

JavaScript变量类型以及变量作用域详解

变量类型ECMAScript变量可能包含两种不同类型的数据值：基本类型和引用类型。基本类型基本类型指的是简单的数据段，5种基本数据类型：undefined、null、boolean、number、string，...

2020-05-27

63浏览

0评论

关于在mongoose中填充外键的方法详解

本文主要给大家介绍的是关于mongoose中填充外键的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍：MongoDBMongoDB是典型的NoSQL数据库，因此不提供JOIN操...

2020-05-27

73浏览

0评论

jQuery 中msgTips 顶部弹窗效果实现代码

最近发现好多网站都采用顶部弹窗，并且不用用户手动去点击确定。感觉这样很方便用户，所以也找了好多大神的代码，整理一下方便以后查找前端：@{ Layout = null;}<!DOCTYPE HTML PU...

2020-05-27

38浏览

0评论

JS原生数据双向绑定实现代码

代码如下：<span style="font-family:Times New Roman;font-size:14px;" deep="7"><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo</title...

2020-05-27

180浏览

0评论

react.js使用webpack搭配环境的入门教程

本文介绍了react.js使用webpack搭配环境的入门教程，分享给大家，也给自己做个笔记如果你想直接上手开发，而跳过这些搭配环境的繁琐过程，推荐你使用官方的create-react-app命令npm...

2020-05-27

76浏览

0评论

带你了解session和cookie作用原理区别和用法

Cookie概念在浏览某些网站时,这些网站会把一些数据存在客户端,用于使用网站等跟踪用户,实现用户自定义功能.是否设置过期时间: 如果不设置过期时间,则表示这个...

2020-05-27

41浏览

0评论

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

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

53浏览

0评论

jQuery实现手势解锁密码特效

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

2020-05-27

87浏览

0评论

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

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

72浏览

0评论

javaScript封装的各种写法

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

2020-05-27

80浏览

0评论

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

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

2020-05-27

74浏览

0评论

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

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

2020-05-27

76浏览

0评论

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

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

86浏览

0评论

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

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

187浏览

0评论

javascript兼容性(实例讲解)

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

66浏览

0评论

JavaScript中使用Async实现异步控制

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

69浏览

0评论

JScript实现地址选择功能

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

2020-05-27

57浏览

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

64浏览

0评论

jQuery实现菜单栏导航效果

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

2020-05-27

82浏览

0评论

AngularJS日程表案例详解

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

2020-05-27

54浏览

0评论

JScript实现表格的简单操作

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

2020-05-27

79浏览

0评论

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

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

2020-05-27

87浏览

0评论

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

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

2020-05-27

332浏览

0评论

React应用中使用Bootstrap的方法

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

82浏览

0评论

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

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

2020-05-27

71浏览

0评论

jQuery DOM节点的遍历方法小结

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

2020-05-27

热门文章