JavaScript - 教程之家

66浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

84浏览

0评论

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

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

2020-05-27

80浏览

0评论

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

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

2020-05-27

63浏览

0评论

JS HTML图片显示Canvas 压缩功能

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

94浏览

0评论

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

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

88浏览

0评论

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

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

77浏览

0评论

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

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

2020-05-27

74浏览

0评论

基于javaScript的this指向总结

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

87浏览

0评论

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

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

2020-05-27

71浏览

0评论

vue axios用法教程详解

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

2020-05-27

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

50浏览

0评论

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

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

2020-05-27

78浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

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

60浏览

0评论

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

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

2020-05-27

79浏览

0评论

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

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

2020-05-27

77浏览

0评论

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

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

2020-05-27

41浏览

0评论

php register_shutdown_function函数详解

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

2020-05-27

44浏览

0评论

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

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

2020-05-27

58浏览

0评论

vue 实现 tomato timer(蕃茄钟)实例讲解

近期在学习【时间管理】方面的课程，其中有一期讲了蕃茄工作法，发现是个好多东西。蕃茄工作法核心思想就是：工作25分钟，休息5分钟。如果您好了解更多可以自行度娘。在加上本人是...

2020-05-27

88浏览

0评论

浅谈Node.js ORM框架Sequlize之表间关系

Sequelize模型之间存在关联关系，这些关系代表了数据库中对应表之间的主/外键关系。基于模型关系可以实现关联表之间的连接查询、更新、删除等操作。本文将通过一个示例，介绍模...

2020-05-27

51浏览

0评论

React 子组件向父组件传值的方法

本文介绍了React 子组件向父组件传值的方法，分享给大家
子组件需要控制自己的 state，然后告诉父组件自己的state，通过props调用父组件中用来控制state的函数，在父组件中展示子...

2020-05-27

51浏览

0评论

vue.js移动端app实战1：初始配置详解

本系列将会用vue.js2制作一个移动端的webapp单页面，页面不多，大概在7,8个左右，不过麻雀虽小，五脏俱全，常用的效果如轮播图，下拉刷新，上拉加载，图片懒加载都会用到。css方面也会有一...

2020-05-27

50浏览

0评论

浅析JavaScript中的平稳退化（graceful degradation）

所谓平稳退化，就是指可以让访问者在浏览器不支持javascript或者禁用了JavaScript的时候依旧可以顺利的浏览你的网页；即，虽然有些功能无法使用，但基本操作依旧可以顺利完成。这里...

2020-05-27

147浏览

0评论

深入理解React Native原生模块与JS模块通信的几种方式

每种语言都有自己的设计理念、语法、运行环境，这也导致了不同语言间相互交流通信时必须要有中介来翻译，如JAVA与C/C++通过JNI来交流、OC与C/C++需要在.mm文件混编、而JAVA/OC...

2020-05-27

52浏览

0评论

Angular中ng-repeat与ul li的多层嵌套重复问题

学习ng-repeat的过程中常常使用到ng-repeat=”item in array”来循环输出所需要的元素，但是当我们需要使用ng-repeat进行多层嵌套时则容易出现数据重复的问题。如在加载与点...

2020-05-27

48浏览

0评论

JavaScript对JSON数据进行排序和搜索

在使用AJAX获取数据时后台返回的大部分都是json数据，在进行程序开发时有时会需要直接对这些json数据在js程序中再进行一定的操作，如排序、搜索等，而不是通过AJAX请求由数据库进...

2020-05-27

92浏览

0评论

mui开发中获取单选按钮、复选框的值(实例讲解)

js获取单选按钮的值function getVals(){ var res = getRadioRes('rds'); if(res == null){mui.toast('请选择'); return;} mui.toast(res);}function getRadioRes(className...

2020-05-27

86浏览

0评论

Vue2 Vue-cli中使用Typescript的配置详解

前言因为最近公司的团队热衷于vue框架，新项目想着练练typescript，于是开始了vue+ts的踩坑之路...本文意在为和我有一样想法的伙伴们省去踩坑的时间，下面话不多说了，来一起看看关...

2020-05-27

热门文章