JavaScript - 教程之家

58浏览

0评论

修改 bootstrap table 默认detailRow样式的实例代码

废话不多说了，直接给大家贴代码，具体代码如下所示：this.$body.find('> tr[data-index] > td > .detail-icon').off('click').on('click', function () { var $this = $(this),...

2020-05-27

53浏览

0评论

js实现水平滚动菜单导航

项目中用到了滚动导航，但是默认的滚动条太丑了，只好用js自己模拟了一个。凑合用可以，不算完美。希望以后有机会再来修饰一下。先来看下最终效果：最终效果先看html结构:<div id='...

2020-05-27

66浏览

0评论

基于JavaScript实现弹幕特效

本文实例为大家分享了js实现弹幕特效的具体代码，供大家参考，具体内容如下此处使用HBuilder编译，最简单的弹幕效果，希望各位前辈不吝指教。
注意用的是jquery-2.0.3.js
<!DOCTY...

2020-05-27

50浏览

0评论

基于JavaScript实现选项卡效果

一个简单的选项卡的关键在于：当切换页面时，如何让所选的选项和与其对应的内容同时出现，并且在选择其他的内容时，不影响新的内容的显示。
其中用到两个很关键的思想：
1.为对象增...

2020-05-27

65浏览

0评论

基于JavaScript实现无缝滚动效果

本文实例为大家分享了JavaScript实现无缝滚动效果展示的具体代码，供大家参考，具体内容如下
首先应该区分样式中的绝对定位和相对定位，一般来说，移动的单位为绝对定位，在这个实...

2020-05-27

71浏览

0评论

bootstrap多层模态框滚动条消失的问题

bootstrap 打开多层模态框的情况下，关闭任意一个模态框，都会导致其余模态框的滚动条消失。
监测html发现，当打开模态框时，会给 body 元素加一个 modal-open 的 class，而在 bootst...

2020-05-27

60浏览

0评论

基于JavaScript实现数码时钟效果

本文实例为大家分享了js实现数码时钟效果展示的具体代码，供大家参考，具体内容如下通过建立toDBl函数将小于10的时间前面补上“0”使得时钟正常运行。通过for循环将数组中...

2020-05-27

103浏览

0评论

用javascript获取任意颜色的更亮或更暗颜色值示例代码

前言本文主要给大家介绍的是关于利用javascript获取任意颜色更亮或更暗颜色值的相关内容，下面话不多说，来一起看看详细的介绍：预处理CSS，比如Sass和less可以通过设定一个特定值，...

2020-05-27

80浏览

0评论

Vue学习笔记进阶篇之函数化组件解析

这两天学习了Vue.js 感觉函数化组件这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记
介绍之前创建的锚点标题组件是比较简单，没有管理或者监听任何传递给他的状态，也没...

2020-05-27

80浏览

0评论

Axios学习笔记之使用方法教程

前言最近正在学习Axios，相信大家都知道Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。所以本文将详细介绍关于Axios使用方法的相关内容，分享出来供大家参...

2020-05-27

95浏览

0评论

AngularJS中使用three.js的实例详解

AngularJS中使用three.js的实例详解一、轨迹球的引入问题一开始我是用下面的方式引如轨迹球，但是会报Trackballcontrols is undefined的错。import * as THREE from 'three';...

2020-05-27

70浏览

0评论

Javascript es7中比较实用的两个方法示例

本文主要跟大家介绍了关于es7中两个比较实用的方法，分享出来供大家参考学习，下面话不多说，来一起看看详细的介绍：
一、、operator (求幂运算符)**
console.log(2**3);//8console...

2020-05-27

311浏览

0评论

js图片轮播插件的封装

本文为大家分享了js图片轮播插件的具体代码，供大家参考，具体内容如下我封装的这个轮播插件只需要获取到图片和按钮就可以啦。css 样式.body{ width: 700px; margin: 100px a...

2020-05-27

64浏览

0评论

es7学习教程之fetch解决异步嵌套问题的方法示例

本文主要给大家介绍的是关于fetch API解决异步嵌套问题，下面话不多说，来一起看看详细的介绍：
我们之前学习了async和await，知道他是为了解决浏览器异步获取的的！但是我们用fetch...

2020-05-27

65浏览

0评论

VUE中使用Vue-resource完成交互

本文介绍了VUE中使用Vue-resource完成交互，分享给大家，具体如下使用vue-resource引入vue-resourcevue-resource就像jQuery里的$.ajax，是用来跟后端交互数据的，vue-resource是vue...

2020-05-27

89浏览

0评论

es7学习教程之Decorators（修饰器）详解

本文主要给大家介绍的是关于es7 Decorators（修饰器）的相关内容，分享出来供大家参考学习，下面话不多说，来一起看看详细的介绍：ES6 Decorators（修饰器）
修饰器（Decorator）是一个函数，用来...

2020-05-27

58浏览

0评论

Angular+Bootstrap+Spring Boot实现分页功能实例代码

需要用到的jsangular.js（用angular.min.js会导致分页控件不显示）ui-bootstrap-tpls.min.jsangular-animate.js需要用到的cssbootstrap.min.css由于本项目使用了路由，所以讲js以...

2020-05-27

71浏览

0评论

Vue resource中的GET与POST请求的实例代码

前言：vue-resource 使用比 jQuery 更加简洁的方式实现了异步请求功能，还提供了比如 interceptors 这样处理请求过程中行为的功能。下面介绍下vue-resource中常用的GET与POST请...

2020-05-27

63浏览

0评论

vue-resource调用promise取数据方式详解

用了好久的vue-resource，好像每一次使用的时候，都要去看一下上一次是怎么写的，具体的语法过不了多久又忘记了，甚至不知道其中的原理，只知道一些简单的使用，一会儿用ES6的语法，一会...

2020-05-27

60浏览

0评论

Vue单页式应用(Hash模式下)实现微信分享的实例

本文介绍了Vue单页式应用(Hash模式下)实现微信分享的实例，分享给大家，具体如下：
前端微信分享的基本步骤：一.绑定域名：先登录微信公众平台进入“公众号设置”的“功能设置”里填...

2020-05-27

91浏览

0评论

详解vue 模版组件的三种用法

本文介绍了详解vue 模版组件的三种用法，分享给大家，具体如下：
第一种
//首先，别忘了引入vue.js<div id="user_name_01"></div><script src="../node_modules/vue/dist/vue.js"><...

2020-05-27

87浏览

0评论

JavaScript 用fetch 实现异步下载文件功能

废话不多说了，直接给大家贴代码了，具体代码如下所示：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>sample</title> </head> <body> <button id='btn'>...

2020-05-27

69浏览

0评论

JS HTML图片显示Canvas 压缩功能

简单到延伸最新需要js 文件压缩图片上传以前没搞过，新手把学习过程分享一.选择图片并显示<!DOCTYPE html><html lang="en"><head> <meta http-equiv="content-type" conten...

2020-05-27

62浏览

0评论

原生JS实现自定义滚动条效果

本文实例为大家分享了JS实现自定义滚动条的具体代码，供大家参考，具体内容如下实现思路：
1.外层设置一个div,在外层的div里面设置一个特别高的div(高度为外层5个div的高度)，在高...

2020-05-27

67浏览

0评论

基于JavaScript实现无限加载瀑布流

本文实例为大家分享了JS实现无限加载瀑布流展示的具体代码，供大家参考，具体内容如下
1.在外层的div中，插入4个ul，ul左浮动
2.每次在创建节点之后，插入节点之前，要获取每个ul的高度...

2020-05-27

57浏览

0评论

Node接收电子邮件的实例代码

上一篇文章写了如何通过node发送电子邮件，有发送就会有接收嘛，所以这篇文章来说说关于在node中如何接收电子邮件。邮件协议
在开始这篇文章之前我们首先了解三个协议smtp（Simpl...

2020-05-27

79浏览

0评论

bootstrap插件treeview实现全选父节点下所有子节点和反选功能

项目需要实现权限管理，使用前端框架bootstrap，所以就直接选用了bootstrap的treeview扩展插件。先上图：选中父节点时，父节点下所有子节点也都全部选中，看代码
1、HTML代码
<h2>Tre...

2020-05-27

59浏览

0评论

荐书|您有一份JavaScript书单待签收

前言凡是能够用JavaScript来写的应用，最终都必将用JavaScript来写，Jeff Atwood如是说，此定律大概意味着未来将会成为JavaScript的天下？
不管JavaScript最终能否征服世界，我们都不...

2020-05-27

73浏览

0评论

JS按钮闪烁功能的实现代码

html<body onload="blinklink()" onunload="stoptimer()">　　<a href="javascript:;" rel="external nofollow" class="iforeginbtn" id="flashit">马上注册领取</a></div>...

2020-05-27

81浏览

0评论

JS原生带小白点轮播图实例讲解

咱们刚刚说了js原生轮播图，现在给他加上可以随着一起走动的小圆点吧！css代码：*{ margin:0px; padding: 0px; } ul{ width: 2500px; height: 300px; position: absolute; }...

2020-05-27

65浏览

0评论

JQuery和html+css实现带小圆点和左右按钮的轮播图实例

是的！你没看错！还是轮播图。这次的JQuery的哟！！CSS代码：/*轮播图左右按钮小白点*/ #second_div{ margin-top: 160px; } .img_box{ overflow: hidden; width:100%; heigh...

2020-05-27

67浏览

0评论

JS+HTML5实现图片在线预览功能

本文实例为大家分享了HTML5图片在线预览的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head> <title>HTML5图片预览</title> <meta http-equiv="Content-Type"...

2020-05-27

69浏览

0评论

JS原生轮播图的简单实现(推荐)

哈喽！我的朋友们，最近有一个新项目。所以一直没更新！有没有想我啊！！今天咱们来说一下JS原生轮播图！话不多说：直接来代码吧：下面是CSS部分：*{ padding: 0px; margin: 0px; }...

2020-05-27

66浏览

0评论

基于JS脚本语言的基础语法详解

JS脚本语言的基础语法：输出语法 alert("警告!"); confirm("确定吗?"); prompt("请输入密码");为弱类型语言；开始时要嵌入JS代码：<script type="text/javascript"></scr...

2020-05-27

67浏览

0评论

一个简易的js图片轮播效果

一个简易的js图片轮播效果，话不多说，代码献上.
只有img标签的html代码，做测试用：<body> <img src="images/class1-1.jpg" id="img"> </body> 下面是js代码:var k=0; //当前的...

2020-05-27

103浏览

0评论

JS实现微信摇一摇原理解析

本文为大家分享了JS实现微信摇一摇的原理，供大家参考，具体内容如下实现原理：
1.微信摇一摇事件需要有硬件支撑，必须要求手机中有陀螺仪
2.在JS中给window添加ondevectionmotion...

2020-05-27

71浏览

0评论

浅谈事件冒泡、事件委托、jQuery元素节点操作、滚轮事件与函数节流

一、事件冒泡定义事件冒泡是指在一个对象触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或...

2020-05-27

100浏览

0评论

浅谈原型对象的常用开发模式

1、构造函数和原型组合使用模式：原型对象虽然可以对所有实例的属性和方法共享，但是也有它的局限性，正是因为可以共享，也导致某一个实例对象若改变了共享的属性和方法，其他对象在...

2020-05-27

80浏览

0评论

基于LayUI实现前端分页功能的方法

一、LayUI介绍Layui 是一款采用自身模块规范编写的国产前端UI框架，遵循原生HTML/CSS/JS的书写与组织形式，门槛极低，拿来即用。内置了一些常用元素和组件的UI框架。下载地址为ht...

2020-05-27

86浏览

0评论

JavaScript之事件委托实例(附原生js和jQuery代码)

事件委托的原理依赖于事件冒泡，可以通过给父元素的事件委托来确定是哪个子元素触发了事件从而做一系列操作。使用事件委托的优点1、操作子元素时不用一一遍历，可以根据事件触...

2020-05-27

81浏览

0评论

基于javaScript的this指向总结

在javascript中this的指向一直是前端同事的心头病，也同时是各面试题的首选，现在我们就来总结一下js中this的指向。首先需要了解一下几个概念：1:全局变量默认挂载在window对象下...

2020-05-27

68浏览

0评论

js实现带进度条提示的多视频上传功能

本文实例为大家分享了js带进度条上传多视频的具体代码，供大家参考，具体内容如下
效果：
引用： <link rel="stylesheet" href="bootstrap.css" rel="external nofollow" > <scrip...

2020-05-27

80浏览

0评论

浅析JS中常用类型转换及运算符表达式

JS中的常用类型转换(一般用强制转换)：1.强制转为整数：parseInt；写法：x = parseInt(x);2.强制转换位小为：parseFloat；写法：x = parseFloat(x);3.检测类型：x = parseInt(x); ale...

2020-05-27

60浏览

0评论

关于JavaScript中的this指向问题总结篇

在javascript中this的指向一直是前端同事的心头病，也同时是各面试题的首选，现在我们就来总结一下js中this的指向。首先需要了解一下几个概念：1:全局变量默认挂载在window对象下...

2020-05-27

93浏览

0评论

bootstrap table插件的分页与checkbox使用详解

今天需要实现这样一个功能，有checkbox列表可供选择，要选择不分页之间的行并保存
最终实现的功能如图：（图片来自网上）
具体实现首先，来看具体的代码，这里只截取实现功能所需代码 v...

2020-05-27

81浏览

0评论

vue axios用法教程详解

axios是vue-resource后出现的Vue请求数据的插件。vue更新到2.0之后,作者尤大就宣告不再对vue-resource更新,而是推荐的axios。下面我们来使用axios npm install axios --sav...

2020-05-27

66浏览

0评论

jQuery.Ajax()的data参数类型详解

假如现在有这样一个表单，是添加元素用的。<form id='addForm' action='UserAdd.action' type='post'> <label for='uname'>用户名</label>：<input type='text' name='uname'...

2020-05-27

64浏览

0评论

Node.js如何实现注册邮箱激活功能 (常见)

一. 先注册一个支持发送验证邮件的邮箱，网易的126邮箱就可以注册成功后进行登录，然后点击导航栏的设置，选择POP3/SMTP/IMAP，开启POP3/SMTP/IMAP服务，设置授权码就可以了。二. 下...

2020-05-27

88浏览

0评论

JavaScript解析任意形式的json树型结构展示

在页面展示json成树形结构时，往往得到的json不是ztree的规范格式，需要对json循环迭代解析。即使不规范的json也可以树形展现：var arrayJsonContent=[];//节点类 var JsonNodes...

2020-05-27

67浏览

0评论

原生js FileReader对象实现图片上传本地预览效果

本文实例为大家分享了js实现图片上传本地预览效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"...

2020-05-27

热门文章