JavaScript - 教程之家

55浏览

0评论

vue2.0实现导航菜单切换效果

本文实例为大家分享了vue2.0实现导航菜单切换的具体代码，供大家参考，具体内容如下css*{ margin:0; padding: 0; } ul li{ list-style: none; } .navul{ margin:100px...

2020-05-27

59浏览

0评论

jQuery实现select下拉框获取当前选中文本、值、索引

话不多说，请看代码：//直接保存后缀.htnl用谷歌浏览器打开，亲测有效<head><script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script><script> $(function(){...

2020-05-27

45浏览

0评论

H5上传本地图片并预览功能

最近工作中需要H5上传显示图片的功能，如图：直接上代码：html部分<div class="works-wrap"> <div class="figure-box" id="figure_box"></div> <div class="add-btn"> <input...

2020-05-27

75浏览

0评论

jquery平滑滚动到顶部插件使用详解

点击一个固定按钮，平滑的滚动到窗口顶部的这种功能，在前端开发是相当常见的，如图：关键代码：$.fn.scrollTo = function(options) { var defaults = { toT: 0, //滚动目标位...

2020-05-27

57浏览

0评论

PHP实现记录代码运行时间封装类实例教程

前言本文介绍的是利用php记录代码运行时间测量的相关内容，分享给大家供大家参考学习。一般在要求性能的代码中，会加入测试代码进行计算。不过每次都要写microtime, end – st...

2020-05-27

59浏览

0评论

将input框中输入内容显示在相应的div中【三种方法可选】

例题一枚：在input框中输入内容，会相应的显示在下面的div中的不同做法：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="t...

2020-05-27

59浏览

0评论

nodejs处理图片的中间件node-images详解

Cross-platform image decoder(png/jpeg/gif) and encoder(png/jpeg) for Node.js
node.js轻量级跨平台图像编解码库var images = require("images");images("input.jpg")...

2020-05-27

62浏览

0评论

bootstrap table表格插件使用详解

bootstrp-table学习，具体内容如下
$table.bootstrapTable({ url: '../data/data1.json', striped: true, minimumCountColumns: 2, clickToSelect: true, detailView: t...

2020-05-27

60浏览

0评论

JS正则表达式验证中文字符

正则表达式："^[\u4e00-\u9fa5]{0,}$" 、 "/^[\u4E00-\u9FA5]{1,5}$/" 的含义：在JS里，\uXXXX 是转义字符,"XXXX"对应的是16进制Unicode编码；^ 匹配一行的开始。例如正则表达式^12...

2020-05-27

49浏览

0评论

Webpack实现按需打包Lodash的几种方法详解

前言在数据操作时，Lodash 就是我的弹药库，不管遇到多复杂的数据结构都能用一些函数轻松拆解。ES6 中也新增了诸多新的对象函数，一些简单的项目中 ES6 就足够使用了，但还是会有例...

2020-05-27

49浏览

0评论

微信小程序 <swiper-item>标签传入数据

微信小程序 <swiper-item>标签传入数据在<swiper-item>中用for循环传入多个成对不同数据时的实现方法。看下效果图：遍历实现方法：wxss省略：wxml中代码：<sw...

2020-05-27

41浏览

0评论

jquery.uploadifive插件怎么解决上传限制图片或文件大小问题

jQuery.uploadifive插件可以很好的解决上传限制图片或文件大小问题，具体方法如下所示：插件是可以用但遇到问题如何提示是否超过限制呢没办法研究插件js 发现网上给的提示...

2020-05-27

38浏览

0评论

微信小程序自动登陆PHP源码实例（源码下载）

微信小程序自动登陆PHP源码实例
app.js 初始化APP自动登陆您也可以在任何地方进行用户登陆验证用法：首先在js文件中定义 var app = getApp(); app.getUse...

2020-05-27

63浏览

0评论

详解node中创建服务进程

背景在node工程部署中，常常涉及到三方：本地客户端、跳板机和服务器（集群）。在通过git触发gitlab hook脚本后，需要在跳板机中执行相应的ssh命令执行shell文件启动node服务器，这需要...

2020-05-27

56浏览

0评论

JavaScript中splice与slice的区别

splice与slice是数组中的两个常用方法，但是很多初学者很容易将二者混淆。slice的操作不影响原数组。会返回所选择的元素。splice往数组中指定位置添加或删除元素，会影响原数组...

2020-05-27

61浏览

0评论

Vue 2.0中生命周期与钩子函数的一些理解

前言
在使用vue一个多礼拜后，感觉现在还停留在初级阶段，虽然知道怎么和后端做数据交互，但是对于mounted这个挂载还不是很清楚的。放大之，对vue的生命周期不甚了解。只知道简单的...

2020-05-27

56浏览

0评论

Angular中$state.go页面跳转并传递参数的方法

遇到一个页面跳转的时候，在跳转后的页面获取跳转前页面的数据,我想到用一种是localstorage，一种用broadcast和on，然后老大说不用这么麻烦，既然都$state.go了直接带参数，这次就介...

2020-05-27

49浏览

0评论

js使用i18n实现页面国际化的方法

页面引用的插件
<script type="text/JavaScript" src="${path}/plugings/jQuery-easyui/jquery.easyui.min.js"></script><script type="text/javascript" src="${path}/js/...

2020-05-27

41浏览

0评论

基于JS实现限时抢购倒计时间表代码

废话不多说了，直接给大家贴代码了，具体代码如下所示：<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>限时抢购倒计时间表</title...

2020-05-27

55浏览

0评论

Vuex和前端缓存的整合策略详解

如何存放或更新缓存？缓存数据来源是预知的，我们可以预先定义哪些 mutation 是缓存相关的。我们期望这个过程更自然一点，通过某种变化自动映射，使以后不管缓存类别增加还是减少都...

2020-05-27

48浏览

0评论

ES6正则表达式的一些新功能总结

本文主要总结了ES6正则表达式的一些新功能，分享出来供大家参考学习，下面来看看详细的介绍：一、构造函数实例化参数的变化
大家都知道，在ES5中，new RegExp(参数1,参数2)，参数1若是...

2020-05-27

66浏览

0评论

JavaScrpt的面向对象全面解析

每次说到javascript的面向对象，总感觉自己心里懂，但是却不知道该怎么说，这就是似懂非懂到表现，于是乎，每次一说，就要到处去查找资料，零零碎碎到看了一些，感觉有懂了，但是过段时间，好像...

2020-05-27

44浏览

0评论

jQuery插件开发发送短信倒计时功能代码

实现的主要功能如下：1.点击按钮的时候，可以进行倒计时，倒计时自定义。2.当接收短信失败后，倒计时停止，可点击重新发送短信。3.点击的元素支持一般标签和input标签。html代码：<inpu...

2020-05-27

165浏览

0评论

JS中的数组转变成JSON格式字符串的方法

有一个JS数组，如：var arr = [["projectname1","projectnumber1"],["projectname2","projectnumber2"],["projectname3","projectnumber3"]]; 想将此数组转换成JSON字符串，如：var...

2020-05-27

247浏览

0评论

微信小程序之获取当前位置经纬度以及地图显示详解

最近刚开始接触微信小程序，在弄懂其结构以及相关接口之后，准备着手实现一个小程序，功能包括--获取用户当前位置的经纬度，在地图上查看位置，通过地图获取不同位置的经纬度。微信小...

2020-05-27

63浏览

0评论

Angualrjs 表单验证的两种方式(失去焦点验证和点击提交验证)

AngularJS提供了表单验证，但是验证的过程交互体验很不好，比如重设密码，重复密码的时候一键入就会提示密码不正确，现整理了两种方法，仅供借鉴。一，点击提交验证<form action="" cla...

2020-05-27

67浏览

0评论

JS触摸与手势事件详解

本文为大家分享了JS触摸与手势事件，供大家参考，具体内容如下
1.触摸事件
包含 iOS 2.0 软件的 iPhone 3G 发布时，也包含了一个新版本的 Safari 浏览器。这款新的移动 Safari提...

2020-05-27

62浏览

0评论

兼容浏览器的js事件绑定函数(详解)

因为javascript中所有对象都集成与Object，那么只有给Object原型添加一个事件绑定函数，就不需要在处理绑定事件的时候，每次写一长串代码，直接调用即可。在代码中添加红色部分代码...

2020-05-27

49浏览

0评论

BootStrap表单时间选择器详解

前言　　在大多数项目中用户界面的时间选择是必不可少的，在项目的用户体验友好度这个大前提下，不让用户自己输入时间就显得格外的重要。而且用户输入时间还会存在格式不固定...

2020-05-27

231浏览

0评论

react-router实现按需加载

本文使用的 React-router 版本为 2.8.1React Router自己就有一套按需加载解决方案，将代码拆分成多个小包，在浏览过程中实现按需加载；如过你的项目搭配了webpack打包工具，那么需...

2020-05-27

51浏览

0评论

Vue2单一事件管理组件通信

本文为大家分享了vue $emit 和 $on 组件通信，供大家参考，具体内容如下<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Vue2-单一事件管理组件通...

2020-05-27

68浏览

0评论

react开发中如何使用require.ensure加载es6风格的组件

其实用的babel，在浏览器端就应该可以加载，之前少了个default：require.ensure([],(require) => { let A = require('./a.js').default;})以下方式也可以，但是比较low，可以作废...

2020-05-27

36浏览

0评论

js上传图片预览的实现方法

本文实例为大家分享了js上传图片预览的方法，供大家参考，具体内容如下<html ><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>图片...

2020-05-27

50浏览

0评论

React.js中常用的ES6写法总结（推荐）

一模块1 引入模块以便使用用import实现：import '模块文件地址'import 组件 from '模块文件地址'2 导出模块用export default实现：export default class MyComponent extends...

2020-05-27

63浏览

0评论

JQuery实现定时刷新功能代码

在网页开发中，经常会需要不断的刷新某个页面或某个局部数据。这时候就需要用到定时刷新来实现了。实现方式就是使用JS setInterval函数每隔一段时间请求一次数据，然后将请求结...

2020-05-27

51浏览

0评论

使用ES6语法重构React代码详解

使用ES6语法重构React组件在Airbnb React/JSX Style Guide中，推荐使用ES6语法来编写react组件。下面总结一下使用ES6 class语法创建组件和以前使用React.createClass方法来创...

2020-05-27

40浏览

0评论

详解如何将angular-ui的图片轮播组件封装成一个指令

在项目开发中我们经常会遇到图片轮播的功能点：如果我们开发人员自己原生手写，将会花费很多的时间，最终得不偿失。接下来就详细说说如何使用angular-ui发热图片轮播模块，并且将它...

2020-05-27

77浏览

0评论

使用 Vue.js 仿百度搜索框的实例代码

整理文档，搜刮出一个使用 Vue.js 仿百度搜索框的实例代码，稍微整理精简一下做下分享。
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Vue demo</title> <st...

2020-05-27

61浏览

0评论

微信小程序支付后台java实现实例

微信小程序支付后台java实现实例前言：前些天使用 LeanCloud 云引擎写了个小程序的支付相关以前只做过 APP 支付这次在小程序支付爬了两天的坑把代码也分享出来
支付流程:...

2020-05-27

62浏览

0评论

详解使用vue脚手架工具搭建vue-webpack项目

对于Vue.js来说，如果你想要快速开始，那么只需要在你的html中引入一个<script>标签，加上CDN的地址即可。但是，这并不算是一个完整的vue实际应用。在实际应用中，我们必须要一系列的...

2020-05-27

45浏览

0评论

bootstrap弹出层的多种触发方式

bootstrap弹出层有多种触发方式，以下是我用到的几种方式：1.方法一：button中属性触发注意：button中的data-target内容应该和要和弹出层中的id保持一致
data-target=”#mymodal-d...

2020-05-27

87浏览

0评论

js canvas实现QQ拨打电话特效

首先呢，先给特效。自己找手机录的，有点不清楚，请见谅！本来是打算做腾讯的贝塞尔曲线下拉刷新图。然后和朋友打了个QQ电话，稍微注意了一下未接通时候的动画。然后就想着实现以下...

QQ

2020-05-27

54浏览

0评论

微信小程序之购物车功能

前言以往的购物车，基本都是通过大量的 DOM 操作来实现。微信小程序其实跟 vue.js 的用法非常像，接下来就看看小程序可以怎样实现购物车功能。需求先来弄清楚购物车的需求。...

2020-05-27

45浏览

0评论

BootStrap的两种模态框方式

bootstrap的弹出层bootstrap弹出层有多种触发方式，以下是我用到的几种方式：1.方法一：button中属性触发注意：button中的data-target内容应该和要和弹出层中的id保持一致data-targ...

2020-05-27

245浏览

0评论

JS实现队列的先进先出功能示例

本文实例讲述了JS实现队列的先进先出功能。分享给大家供大家参考，具体如下：/** * [Queue] * @param {[Int]} size [队列大小] */function Queue(size) { var list = []; //...

2020-05-27

71浏览

0评论

Angular.JS通过指令操作DOM的方法

在指令而非在控制器中操作DOM相信大家在页面处理中，难免会遇到操作DOM的情况，在AngularJS中，对DOM的操作是在指令而非控制器中完成的。AngularJS强调隔离的思想：把复杂的逻辑和...

2020-05-27

49浏览

0评论

javascript简单链式调用案例分析

本文实例讲述了javascript简单链式调用方法。分享给大家供大家参考，具体如下：jQuery用的就是链式调用。像一条连接一样调用方法。
链式调用的核心就是return this;,每个方法都...

2020-05-27

51浏览

0评论

利用forever和pm2部署node.js项目过程

本文主要给大家分享的是利用forever和pm2部署node.js项目过程的相关内容，分享出来供大家参考学习，下面来看看详细的介绍：一、foreverforever可以在cmd或ssh连接断开时,让项目一...

2020-05-27

56浏览

0评论

全面解析vue中的数据双向绑定

1.vue中数据的双向绑定采用的时候，数据劫持的模式。其实主要是用了Es5中的Object.defineProperty;来劫持每个属性的getter,和setter。这也正是Vue不兼容IE8以下的原因。2.Obj...

2020-05-27

47浏览

0评论

利用PM2部署node.js项目的方法教程

前言大家在开发中应该发现了，如果直接通过node app来启动，如果报错了可能直接停在整个运行，supervisor感觉只是拿来用作开发环境的。再网上找到pm2.目前似乎最常见的线上部署no...

2020-05-27

热门文章