编程开发 - 教程之家

94浏览

0评论

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

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

2020-05-27 12:40:05

71浏览

0评论

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

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

2020-05-27 12:40:04

73浏览

0评论

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

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

2020-05-27 12:40:03

89浏览

0评论

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

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

2020-05-27 12:40:02

63浏览

0评论

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

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

2020-05-27 12:40:00

296浏览

0评论

js图片轮播插件的封装

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

2020-05-27 12:39:59

57浏览

0评论

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

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

2020-05-27 12:39:58

60浏览

0评论

VUE中使用Vue-resource完成交互

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

2020-05-27 12:39:56

80浏览

0评论

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

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

2020-05-27 12:39:51

49浏览

0评论

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

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

2020-05-27 12:39:50

66浏览

0评论

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

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

2020-05-27 12:39:49

54浏览

0评论

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

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

2020-05-27 12:39:47

53浏览

0评论

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

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

2020-05-27 12:39:46

84浏览

0评论

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

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

2020-05-27 12:39:45

80浏览

0评论

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

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

2020-05-27 12:39:43

63浏览

0评论

JS HTML图片显示Canvas 压缩功能

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

2020-05-27 12:39:43

56浏览

0评论

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

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

2020-05-27 12:39:41

60浏览

0评论

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

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

2020-05-27 12:39:40

46浏览

0评论

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

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

2020-05-27 12:39:38

72浏览

0评论

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

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

2020-05-27 12:39:37

52浏览

0评论

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

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

2020-05-27 12:39:35

63浏览

0评论

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

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

2020-05-27 12:39:34

72浏览

0评论

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

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

2020-05-27 12:39:33

59浏览

0评论

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

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

2020-05-27 12:39:31

59浏览

0评论

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

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

2020-05-27 12:39:30

60浏览

0评论

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

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

2020-05-27 12:39:28

55浏览

0评论

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

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

2020-05-27 12:39:27

58浏览

0评论

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

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

2020-05-27 12:39:26

94浏览

0评论

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

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

2020-05-27 12:39:25

59浏览

0评论

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

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

2020-05-27 12:39:24

90浏览

0评论

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

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

2020-05-27 12:39:22

71浏览

0评论

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

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

2020-05-27 12:39:20

77浏览

0评论

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

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

2020-05-27 12:39:19

74浏览

0评论

基于javaScript的this指向总结

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

2020-05-27 12:39:16

63浏览

0评论

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

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

2020-05-27 12:39:14

68浏览

0评论

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

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

2020-05-27 12:39:13

54浏览

0评论

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

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

2020-05-27 12:39:12

87浏览

0评论

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

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

2020-05-27 12:39:11

71浏览

0评论

vue axios用法教程详解

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

2020-05-27 12:39:08

58浏览

0评论

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

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

2020-05-27 12:39:07

50浏览

0评论

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

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

2020-05-27 12:39:06

78浏览

0评论

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

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

2020-05-27 12:39:05

63浏览

0评论

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

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

2020-05-27 12:39:04

51浏览

0评论

JavaScript判断浏览器和hack滚动条的写法

判断各大浏览器内核：
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf("Opera") >...

2020-05-27 12:39:02

93浏览

0评论

基于Vue.js实现tab滑块效果

本文实例为大家分享了Vue.js实现tab滑块效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" cont...

2020-05-27 12:39:01

60浏览

0评论

jquery实现下拉菜单的手风琴效果

本文实例为大家分享了jquery实现下拉菜单手风琴展示的具体代码，供大家参考，具体内容如下html代码<div class="site-nav"> <ul class="site-accordion"> <li> <div class="t...

2020-05-27 12:39:00

79浏览

0评论

JavaScript30 一个月纯 JS 挑战中文指南(英文全集)

JavaScript30 – 一个月纯 JS 挑战中文指南JavaScirpt30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代...

2020-05-27 12:38:59

77浏览

0评论

JavaScript Drum Kit 指南(纯 JS 模拟敲鼓效果)

核心代码：<script> function removeTransition(event) { if (event.propertyName !== 'transform') return; // 过滤其中一种事件 event.target.classList.remove('playing...

2020-05-27 12:38:57

41浏览

0评论

php register_shutdown_function函数详解

设定错误和异常处理三函数register_shutdown_function(array(‘Debug','fatalError')); //定义PHP程序执行完成后执行的函数set_error_handler(array(‘Debug','appError'))...

2020-05-27 12:38:56

44浏览

0评论

jQuery实现拼图小游戏(实例讲解)

小熊维尼拼图jQuery代码实现拼图小游戏，鼠标选中拼块，用上下左右键移动拼块。html代码<div id="box-div">  <div id="tips"> <p>\(╯-╰)/ 哎呦，走...

2020-05-27 12:38:55

热门文章