JavaScript - 教程之家

50浏览

0评论

JavaScript插件Tab选项卡效果

闲来无事，研究了一下JavaScript插件的写法，今天就将自己写的一个小插件记录下来。本文介绍了此款插件的基本用法，实现的功能以及代码。首先，来看看最终效果：这是一款普通的Tab选...

2020-05-27

43浏览

0评论

js精确的加减乘除实例

实例如下：(function () { var calc = { /* 函数，加法函数，用来得到精确的加法结果说明：javascript的加法结果会有误差，在两个浮点数相加的时候会比较明显。这个函数返回较为...

2020-05-27

48浏览

0评论

Node.js使用Express.Router的方法

在实际开发中通常有几十甚至上百的路由，都写在 index.js 既臃肿又不好维护，这时可以使用 express.Router 实现更优雅的路由解决方案。目录结构如下：routes的index.js代码如下：co...

2020-05-27

58浏览

0评论

前端html中jQuery实现对文本的搜索功能并把搜索相关内容显示出来

做项目的时候有这么一个需求，客户信息显示出来后我要搜索查找相关的客户，并把相关的客户信息全部显示出来，因为一个客户全部信息我写在一个div里面所以显示的时候就是显示整...

2020-05-27

70浏览

0评论

JS中图片压缩的方法小结

首先想一想我们有哪些需求？大多时候我们需要将一个File对象压缩之后再变为File对象传入到远程图片服务器；有时候我们也需要将一个base64字符串压缩之后再变为base64字符串传入...

2020-05-27

103浏览

0评论

JS实现获取汉字首字母拼音、全拼音及混拼音的方法

本文实例讲述了JS实现获取汉字首字母拼音、全拼音及混拼音的方法。分享给大家供大家参考，具体如下：这里需要用到一个js获取汉字拼音的插件，可点击此处本站下载。运行效果如下：完...

2020-05-27

77浏览

0评论

cordova入门基础教程及使用中遇到的一些问题总结

前言现在做项目为了节约成功，适配多平台 cordova不为是一个很好的选择。个人觉得以后也许是一个趋势！像一些知名的APP 比如支付宝淘宝好多都大量集成了HTML5 页面！像我们公...

2020-05-27

153浏览

0评论

JavaScript函数绑定用法实例分析

本文实例讲述了JavaScript函数绑定。分享给大家供大家参考，具体如下：Perface如果让你实现这个页面和一些操作的，比如点击1、2、3等就在那个input text中显示，还有删除功能，拨打我...

2020-05-27

40浏览

0评论

JavaScript实现为事件句柄绑定监听函数的方法分析

本文实例讲述了JavaScript实现为事件句柄绑定监听函数的方法。分享给大家供大家参考，具体如下：在JavaScript中为Dom元素绑定事件监听函数是一件非常常见的事情，但这里也有许多...

2020-05-27

72浏览

0评论

bootstrap paginator分页插件的两种使用方式实例详解

分页有两种方式：1. 前台分页：ajax一次请求获取全部数据，适合少量数据（万条数据以下）；$.ajax({ type: "GET", url: "",//后台接口地址 dataType: "json", success: function (m...

2020-05-27

48浏览

0评论

js导出Excel表格超出26位英文字符的解决方法ES6

这个需要对Excel表格的表头编码规则有所了解，目前示例代码只扩展到52个字段
/***json数据导入导出Excel表格示例代码*/ var array_utils = require('./utils-array')var XLSX...

2020-05-27

65浏览

0评论

手机注册发送验证码倒计时的简单实例

如下所示：()这里用的是input做的点击发送验证码<input type="number" class="input" name="mobile" placeholder="手机号" style="border: none"<input class="hui_kuang"sty...

2020-05-27

54浏览

0评论

判断滚动条滑到底部触发事件(实例讲解)

实例如下所示：$(document).on("scroll", function () { //真实内容的高度 var pageHeight = Math.max(document.body.scrollHeight, document.body.offsetHeight); //视窗的...

2020-05-27

57浏览

0评论

Vue.js实现列表清单的操作方法

一、Vue.js简要说明Vue.js (读音 /vjuː/，类似于 view) 是一套构建用户界面的渐进式框架。与前端框架Angular一样， Vue.js在设计上采用MVVM模式，当View视图层发生变化时，会...

2020-05-27

61浏览

0评论

判断div滑动到底部的scroll实例代码

实例如下所示：<!DOCTYPE html><html><head> <title>判断div滑到底部的代码</title> <script type="text/javascript" src="jquery-3.1.0.min.js"></script> <style type="...

2020-05-27

55浏览

0评论

实现div滚动条默认最底部以及默认最右边的示例代码

有个需求，要在显示聊天框时，固定框的大小为300px高度，宽度50px左右，然后当聊天内容超出宽度或者高度时会出现滚动条，并且垂直滚动条要默认最底部，以便显示最新消息，水平滚动条一般...

2020-05-27

40浏览

0评论

js 原生判断内容区域是否滚动到底部的实例代码

逻辑判断内容滚动到底需要知道的信息内容区域的真实高度（也就是滚动区域）滚动条距离顶部的位置内容区域的可见高度分别对应下面的三个API。element.scrollHeight 获取元素内容...

2020-05-27

48浏览

0评论

实现div内部滚动条滚动到底部和顶部的代码

实例如下所示：<!DOCTYPE html><html><head> <title></title> <style type="text/css"> .scrolldiv{ width: 500px; height: 400px; margin: 10px auto; background:...

2020-05-27

51浏览

0评论

详解IWinter 一个路由转控制器的 Nodejs 库

IWinter 是一个路由转控制器的 node 库，只解决一个问题：为了让使用者以更优雅的姿势进行路由的编写。支持在 Express 和 Koa 中使用。项目地址：https://github.com/yvanwangl/i...

2020-05-27

50浏览

0评论

Js判断H5上下滑动方向及滑动到顶部和底部判断的示例代码

向上滑动隐藏底部悬浮框，向下滑动显示悬浮框。使用pc端浏览器查看请把浏览器设置为手机浏览器模式。<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>手机端触屏手...

2020-05-27

48浏览

0评论

vuejs实现本地数据的筛选分页功能思路详解

今天项目需要一份根据本地数据的筛选分页功能，好吧，本来以为很简单，网上搜了搜全是ajax获取的数据，这不符合要求啊，修改起来太费力气，还不如我自己去写，不多说直接上代码效果图：项目...

2020-05-27

38浏览

0评论

详解如何使用PM2将Node.js的集群变得更加容易

介绍众所周知，Node.js运行在Chrome的JavaScript运行时平台上，我们把该平台优雅地称之为V8引擎。不论是V8引擎，还是之后的Node.js，都是以单线程的方式运行的，因此，在多核心处理器的...

2020-05-27

61浏览

0评论

基于jQuery实现定位导航位置效果

本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下当滚动条滚动到内容区域的时候，侧边导航条定位到屏幕，不再动，并且点击导航条跳转到内容所在的位...

2020-05-27

54浏览

0评论

javascript函数的节流[throttle]与防抖[debounce]

防抖和节流
窗口的resize、scroll，输入框内容校验等操作时，如果这些操作处理函数较为复杂或页面频繁重渲染等操作时，如果事件触发的频率无限制，会加重浏览器的负担，导致用户体验...

2020-05-27

45浏览

0评论

layui.js实现的表单验证功能示例

本文实例讲述了layui.js实现的表单验证功能。分享给大家供大家参考，具体如下：该示例可针对文本框，手机，邮箱，textarea等格式进行验证首先引入如下文件：<script src="layui/layui.j...

2020-05-27

47浏览

0评论

layer实现关闭弹出层刷新父界面功能详解

本文实例讲述了layer实现关闭弹出层刷新父界面功能。分享给大家供大家参考，具体如下：layer是一款近年来备受青睐的web弹层组件，她具备全方位的解决方案，致力于服务各水平段的开...

2020-05-27

54浏览

0评论

layui框架中layer父子页面交互的方法分析

本文实例讲述了layui框架中layer父子页面交互的方法。分享给大家供大家参考，具体如下：layer是一款近年来备受青睐的web弹层组件，官网地址是：http://layer.layui.com/可以从官网...

2020-05-27

46浏览

0评论

bootstrap 通过加减按钮实现输入框组功能

实现效果图如下：当我点击 + 按钮时，会添加一行输入框组；当点击 - 按钮时，会删除这一行输入框组html代码如下：<div class="input-group" id="centerIpGroup"> <label class="inp...

2020-05-27

77浏览

0评论

详解React Native 采用Fetch方式发送跨域POST请求

Fetch以后是趋势，势必要取代传统的Ajax，而且RN框架支持Fetch。下面仅做了一个跨域请求的例子，在本域请求是一样的，而且更简单一些。客户端环境用的是RN写的一个页面，也可以用浏览...

2020-05-27

47浏览

0评论

Angular 5.0 来了! 有这些大变化

我们很高兴地宣布Angular 5.0.0——五角形甜甜圈发布啦！这又是一个主版本，包含新功能并修复了很多bug。它再次体现了我们把Angular做得更小、更快、更好用的一贯目标。
以下简...

2020-05-27

58浏览

0评论

详解React 在服务端渲染的实现

React是最受欢迎的客户端 JavaScript 框架，但你知道吗(可以试试)，你可以使用 React 在服务器端进行渲染？假设你已经在客户端使用 React 构建了一个事件列表 app。该应用程序使...

2020-05-27

51浏览

0评论

图片加载完成再执行事件的实例

实例如下：//图片加载function load(imgSrc,callback) { var imgs = []; var c = 0; for (var i = 0; i < imgSrc.length; i++) { imgs[i] = new Image(); imgs[i].src = im...

2020-05-27

63浏览

0评论

详谈DOM简介及节点、属性、查找节点的方法

DOM(Document Object Modle) 操作文档的编程接口DOM定义了表示和修改文档的方法，不能修改css样式表，在js中使用DOM方法改变元素的css样式，实质上是在元素上添加行间样式。DOM对...

2020-05-27

56浏览

0评论

React/Redux应用使用Async/Await的方法

Async/Await是尚未正式公布的ES7标准新特性。简而言之，就是让你以同步方法的思维编写异步代码。对于前端，异步任务代码的编写经历了 callback 到现在流行的 Promise ，最终会进...

2020-05-27

35浏览

0评论

js的函数的按值传递参数(实例讲解)

js的函数传参的方式是按值传递，正常情况下，改变函数参数的值，并不会对函数外部的变量造成影响。例如：'use strict';var list = [1, 2, 3];list.forEach(function(item) { item +...

2020-05-27

47浏览

0评论

three.js中3D视野的缩放实现代码

通过Threejs基础学习——修改版知道创建一个相机的相关知识点var camera = new THREE.PerspectiveCamera( fov, aspect , near,far );视野角：fov 这里视野角(有的地方叫拍摄...

2020-05-27

54浏览

0评论

three.js实现3D视野缩放效果

首先，不再废话了，什么是three.js，是干什么的，知道的就是知道，不知道的就百度吧。小编为大家推荐一篇：Three.js快速入门教程昨儿发现three.js中的3D视野的缩小和放大效果可以用照相...

2020-05-27

58浏览

0评论

Three.js基础学习教程

一、Three.js官网及使用Three.js必备的三个条件1.Three.js 官网 https://threejs.org/
2.使用Three.js必备的三个条件(To actually be able to display anything with Three...

2020-05-27

41浏览

0评论

vue.js项目打包上线的图文教程

最近一直坚持每个月写一个小的vue.js 开发的项目，最后开发完成后想到很久之前给别人回答的一个问题：vue的项目如何上线，当时有千奇百怪的回答，我在想，这些人都是肿了么，vue的官方...

2020-05-27

298浏览

0评论

使用3D引擎threeJS实现星空粒子移动效果

three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。Three.js 是一款运行在浏览器中的 3D 引擎，你可以用它创建各种三维场景，包括了摄影机、光影、材质等各...

2020-05-27

32浏览

0评论

Vue.js与 ASP.NET Core 服务端渲染功能整合

http://mgyongyosi.com/2016/Vuejs-server-side-rendering-with-aspnet-core/
原作者：Mihály Gyöngyösi
译者：oopsguy.com我真的很喜欢在前端使用 Vue.js，Vue 服务...

2020-05-27

45浏览

0评论

Bootstrap table使用方法汇总

bootstrap-table是在bootstrap-table的基础上写出来的，专门用于显示数据的表格插件。而bootstrap是来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAV...

2020-05-27

33浏览

0评论

js 毫秒转天时分秒的实例

实例如下所示：formatDuring: function(mss) { var days = parseInt(mss / (1000 * 60 * 60 * 24)); var hours = parseInt((mss % (1000 * 60 * 60 * 24)) / (1000 * 60 *...

2020-05-27

27浏览

0评论

基于Bootstrap表单验证功能

基于Bootstrap表单验证，供大家参考，具体内容如下GitHub地址：https://github.com/chentangchun/FormValidate使用方式：1.CSS样式.valierror { border-color: red !important;}.to...

2020-05-27

46浏览

0评论

浅谈Node模块系统及其模式

模块是构建应用程序的基础，也使得函数和变量私有化，不直接对外暴露出来，接下来我们就要介绍Node的模块化系统和它最常用的模式为了让Node.js的文件可以相互调用，Node.js提供了一...

2020-05-27

43浏览

0评论

bootstrap轮播模板使用方法详解

本文实例为大家分享了bootstrap轮播模板展示的具体代码，供大家参考，具体内容如下
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>Document</title>...

2020-05-27

55浏览

0评论

JS实现的数组去除重复数据算法小结

本文实例讲述了JS实现的数组去除重复数据算法。分享给大家供大家参考，具体如下：在JS中经常会遇到去除数组中重复数据的需求,在此介绍四种算法以实现JS数组去重的功能.1. 速度...

2020-05-27

45浏览

0评论

在 Node.js 中使用 async 函数的方法

借助于新版 V8 引擎，Node.js 从 7.6 开始支持 async 函数特性。今年 10 月 31 日，Node.js 8 也开始成为新的长期支持版本，因此你完全可以放心大胆地在你的代码中使用 async 函...

2020-05-27

43浏览

0评论

JS基于对象的特性实现去除数组中重复项功能详解

本文实例讲述了JS基于对象的特性实现去除数组中重复项功能。分享给大家供大家参考，具体如下：数组去重的方法有很多，不同的方法的效率也不相同。如前面文章JS实现的数组去除重复...

2020-05-27

44浏览

0评论

nodejs async异步常用函数总结（推荐）

nodejs框架类库很多，“流程控制”本来是件比较简单的事，但是对于nodejs的异步架构的实现方法，对于需要同步的业务逻辑，实现起来比较麻烦。async的集合控制：async.map(arr, functi...

2020-05-27

热门文章