JavaScript - 教程之家

88浏览

0评论

HTML5实现微信拍摄上传照片功能

做了个微信的HTML5拍摄上传照片功能，问题重重...前端代码$(':file').on('change',function(){ var file = this.files[0]; var url = webkitURL.createObjectURL(file); /...

2020-05-27

88浏览

0评论

HTML5+Canvas调用手机拍照功能实现图片上传（上）

因为最近一段时间，一直在弄微信项目，其中涉及到了证件上传的功能，刚开始的时候一点头绪都没有，上网查了很多资料，QQ群里面也问了不少人，很多人说如果是app程序，可以申请系统权限，然...

2020-05-27

71浏览

0评论

微信JS-SDK选取手机照片上传功能

项目中遇到需要选取照片上传的需求，因为网页运行在微信的浏览器里面，所以用微信的 js-sdk 提供的选取照片功能，来进行项目开发。实际开发中需要用到微信web开发者工具，详细参考...

2020-05-27

69浏览

0评论

HTML5+Canvas调用手机拍照功能实现图片上传（下）

上一篇只讲到前台操作，这篇专门涉及到Java后台处理，前台通过Ajax提交将Base64编码过的图片数据信息传到Java后台，然后Java这边进行接收处理，通过对图片数据信息进行Base64解码，之...

2020-05-27

71浏览

0评论

jQuery实现百度登录框的动态切换效果

点击右下角图片进行状态切换,效果图<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>百度登录框</title> <style type="text/css"> *{ma...

2020-05-27

134浏览

0评论

利用JS实现简单的瀑布流加载图片效果

今天学习了一个瀑布流加载效果，很多网站都有瀑布流效果，瀑布流就是很多产品显示在网页上，宽相同，高度不同，表现为多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附...

2020-05-27

119浏览

0评论

JS使用cookie实现只出现一次的广告代码效果

我们上网经常会遇到第一次需要登录而之后不用再登录的网站的情况，其实是运用了Cookie 存储 web 页面的用户信息，Cookie 以名/值对形式存储,当浏览器从服务器上请求 web 页面时...

2020-05-27

62浏览

0评论

详解Vue 事件驱动和依赖追踪

之前关于 Vue 数据绑定原理的一点分析，最近需要回顾，就顺便发到随笔上了在之前实现一个自己的Mvvm中，用 setter 来观测model，将界面上所有的 viewModel 绑定到 model 上。当mod...

2020-05-27

64浏览

0评论

Vue form 表单提交+ajax异步请求+分页效果

废话不多说了，直接给大家贴代码了，具体代码如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,ini...

2020-05-27

69浏览

0评论

详解如何在NodeJS项目中优雅的使用ES6

NodeJs最近的版本都开始支持ES6（ES2015）的新特性了，设置已经支持了async／await这样的更高级的特性。只是在使用的时候需要在node后面加上参数：--harmony。但是，即使如此node也还是...

2020-05-27

88浏览

0评论

vue 和vue-touch 实现移动端左右导航效果（仿京东移动站导航）

先给大家展示下效果图，感觉还不错请参考实现代码：使用技术：vue2.0 webpack vue-touch 一些简单的javascript;
（注意:vue-touch 使用的是2.0.0版本需要与vue2.0.0兼容）
vue-tou...

2020-05-27

89浏览

0评论

JS实现异步上传压缩图片

摘要: 使用iframe来处理异步上传图片，在现在这个时代来说，多多少少都有点落后了！单单就凭AJAX和JS就不能做到异步上传图片了吗？
感谢 think2011 这位兄台的JS库:https://github....

2020-05-27

94浏览

0评论

在node中如何使用 ES6

ES6+ 太棒了,但是很多高级功能node是不支持的,就需要使用babel转换成ES5,1.安装babel依赖npm install babel-core --save-dev2.安装babel-registernpm install babel-regist...

2020-05-27

68浏览

0评论

AngularJS的脏检查深入分析

写在开头关于Angular脏检查，之前没有仔细学习，只是旁听道说，Angular 会定时的进行周期性数据检查，将前台和后台数据进行比较，所以非常损耗性能。这是大错而特错的。我甚至在新浪...

2020-05-27

95浏览

0评论

使用Xcache缓存器加速PHP网站的配置方法

推荐地址：http://www.ibm.com/developerworks/cn/opensource/os-php-fastapps1/　　由于国内网站备案比较麻烦，所以笔者便把网站放到了香港。虽然网站免去了备案的困扰，但是从...

2020-05-27

98浏览

0评论

移动端使用localResizeIMG4压缩图片

移动h5开发避免不了上传图片，一般我们使用html自带的控件input或者使用微信上传API。但微信上传API不是任何地方都可以使用的，使用html自带的控件input上传又免不了图片体积太...

2020-05-27

87浏览

0评论

ionic+AngularJs实现获取验证码倒计时按钮

按钮功能为：点击“获取验证码”——按钮不可用-设置倒计时-60秒后重新获取。主要实现原理：点击后，设置一个$interval，每一秒更改一次剩余时间，并依赖Angular数据绑定实时显示在页...

2020-05-27

74浏览

0评论

Ionic2调用本地SQlite实例

普通的app用ionic内置的Storage存储键值对的方式可以满足日常的使用，但是有时候遇到一些奇怪的需求。比如说有个网友留言说做一个离线版的App，怎样调用本地Sqlite执行SQL语句...

2020-05-27

74浏览

0评论

详解Angular中的自定义服务Service、Provider以及Factory

背景来源于前段时间的一场面试，面试官看着我Angular控制器中添加各种功能重复的方法，脸都发绿了，不过还是耐心地跟我指出提高Angular代码复用性需要Service、Provider和Factory...

2020-05-27

88浏览

0评论

Node.js中看JavaScript的引用

早期学习 Node.js 的时候 (2011-2012)，有挺多是从 PHP 转过来的，当时有部分人对于 Node.js 编辑完代码需要重启一下表示麻烦（PHP不需要这个过程），于是社区里的朋友就开始提倡使用...

2020-05-27

74浏览

0评论

uploader秒传图片到服务器完整代码

先看看效果图：页面中js部分var f1 = null; var picarr = new Array(); var basearr = new Array(); var lat = "", longt = ""; var files = []; // 上传文件 function upl...

2020-05-27

93浏览

0评论

nodejs 终端打印进度条实例代码

1. 场景导入
当我们对大量文件进行批量处理的时候(例如：上传/下载、保存、编译等)，常常希望知道当前进展如何，或者失败(成功)的任务有多少；当我们的代码或程序已经发布，用户在执...

2020-05-27

79浏览

0评论

Vue.use源码分析

我想有过vue开发经验的，对于vue.use并不陌生。当使用vue-resource或vue-router等全局组件时，必须通过Vue.use方法引入，才起作用。那么vue.use在组件引入之前到底做了那些事情呢...

2020-05-27

68浏览

0评论

vue+vuex+axio从后台获取数据存入vuex实现组件之间共享数据

在vue项目中组件间相互传值或者后台获取的数据需要供多个组件使用的情况很多的话，有必要考虑引入vuex来管理这些凌乱的状态，今天这边博文用来记录这一整个的过程，后台api接口是...

2020-05-27

77浏览

0评论

vue拦截器Vue.http.interceptors.push使用详解

刚开始学vue，github上down了一个开源项目，看源代码的时候看到了这个地方：/** * @export * @param {any} request * @param {any} next * @returns */import store from './vuex...

2020-05-27

92浏览

0评论

AngularJS之ionic 框架下实现 Localstorage本地存储

前言：
我们前台用的是ionic+AngularJS，做的是混合模式移动应用。最近有一个需求是，我在页面A上面滑动的时候，跳入页面B，页面B需要加载页面A的数据，这样的页面传值如何实现呢？那就需...

2020-05-27

93浏览

0评论

Node.js中的require.resolve方法使用简介

前言网上关于NodeJs的论述很多，此处不多说。个人认为，NodeJs的编程思想和客户端Javascript保持了一种理念，没有什么变化，只是增加了“require()”函数，因此只要学好require函数，剩...

2020-05-27

101浏览

0评论

springMVC + easyui + $.ajaxFileUpload实现文件上传注意事项

在使用easyUI做前端样式展示时，遇到了文件上传的问题，而且是在弹出层中提交表单，想做到不刷新页面，所以选择了使用ajaxFileUpload插件。提交表单时一直发现后台接收不到文件，后检...

2020-05-27

82浏览

0评论

Bootstrap进度条与AJAX后端数据传递结合使用实例详解

很多时候，我们执行页面上某个URL请求的时候，需要有等待的时间。如果是直接的页面跳转，浏览器会有缓冲进度展示，但是如果是AJAX，我觉得应该自己加上进度条，等待数据全部接收到之后，...

2020-05-27

93浏览

0评论

源码分析Vue.js的监听实现教程

前言相信一说到监听，当然就离不了设计模式中鼎鼎大名的观察者模式。举个例子，你家后院着火了，可一定要等到烟雾很大火光很亮你才能发现啊，可是当你安装了一个火灾预警器，当发生火...

2020-05-27

77浏览

0评论

基于JavaScript实现类名的添加与移除

方法1：使用className属性；方法2：使用classList API；//用于匹配类名存在与否function reg(name){ return new RegExp('(^|\\s)'+name+'(\\s+|$)');}//hasClass addClass removeCl...

2020-05-27

96浏览

0评论

使用jQuery ajaxupload插件实现无刷新上传文件

项目中会经常用到AJAX无刷新上传图片，但是iframe上传和flash插件都是比较复杂的，所以就找了一个jquery的插件。代码如下使用方法如下<script type="text/javascript">$(functi...

2020-05-27

65浏览

0评论

Node+Express+MongoDB实现登录注册功能实例

注入MongoDB 依赖var mongoose = require("mongoose");由于需要进行表单处理，需要用到bodyParser中间件bodyParser模块来做文件解析，将表单里的数据进行格式化var bodyParser...

2020-05-27

77浏览

0评论

Javascript操作dom对象之select全面解析

html代码：　　<select id="university"><option value="北京大学">北京大学</option><option value="清华大学">清华大学</option><option value="北京电影学院">北京电影学...

2020-05-27

105浏览

0评论

关于angular js_$watch监控属性和对象详解

$Watch：(监听一个model,当一个model每次改变时，都会触发第二个函数)$watch('watchFn',watchAction,deepWatch)watchFn：带有Angular 表达式或者函数的字符串，它会返回被监控的数...

2020-05-27

135浏览

0评论

Angular中使用$watch监听object属性值的变化(详解)

Angular中的$watch可以监听属性值的变化，然后并做出相应处理。常见用法：$scope.$watch("person", function(n, o){ //todo something...}) 但是对于一个对象中的某个属性值变...

2020-05-27

80浏览

0评论

详谈angularjs中路由页面强制更新的问题

有这么一个问题，在页面内路由页面跳转时，第一次跳入路由页面时是正常的，但是第二次会记住第一次时的状态，有时候并不想这样，想强制更新这个路由页面。有一种方式就是使用 ui-sref...

2020-05-27

98浏览

0评论

使用ionic播放轮询广告的实现方法(必看)

使用ionic中的ion-slide-box实现，下面是完整的代码示例：<!DOCTYPE html><html ng-app="app"><head> <meta charset="utf-8"> <title>ionic-demo</title> <link href="../li...

2020-05-27

86浏览

0评论

老生常谈angularjs中的$state.go

路由是这么定义的：$stateProvider .state('page1', { url: '/page1', templateUrl: 'views/page1.htm', controller: 'page1Ctrl' }) .state('page2', {...

2020-05-27

86浏览

0评论

浅谈angularjs中响应回车事件

下面这个示例在输入框键入回车键或者点击按钮时，将输入框的值置为"Hello World!"：（黄色背景内容为响应回车事件涉及到的代码）<html ng-app="myApp"><head> <meta charset="utf-...

2020-05-27

75浏览

0评论

angularjs中回车键触发某一事件的方法

要求：在输入框中输入值以后，按回车键触发某一事件的执行html：<input id="input" name="input" ng-model="querykdUser.page.pageSize" ng-keyup="myKeyup($event)" class="form...

2020-05-27

76浏览

0评论

浅谈angularjs依赖服务注入写法的注意点

angular.js一个很好的特性是其服务能自动依赖注入：如你想使用$http服务，只需申明你要使用即可但我们看看下面两种写法：第一种
messageService.factory('messageService', func...

2020-05-27

81浏览

0评论

angularjs中的$eval方法详解

在controller中定义了一个变量$scope.a_1 = "abc";想在view里面动态输出，因为这个数字是动态的，这么输出肯定是不行的{{'a_' + '1'}}，因为输出来的是a_1这个字符串，而不是a_1这...

2020-05-27

114浏览

0评论

nodejs入门教程一：概念与用法简介

本文实例讲述了nodejs概念与用法。分享给大家供大家参考，具体如下：一. nodejs 的特点1.nodejs 是一个javaScript 的运行平台，采用了Google Chrome浏览器的V8引擎。2.拥有事件驱...

2020-05-27

71浏览

0评论

nodejs入门教程二：创建一个简单应用示例

本文实例讲述了nodejs创建一个简单应用的方法。分享给大家供大家参考，具体如下：1.创建 test.js// require 来载入 http 模块var http = require('http');/** * 使用 http.crea...

2020-05-27

118浏览

0评论

js前端实现图片懒加载(lazyload)的两种方式

在实际的项目开发中，我们通常会遇见这样的场景：一个页面有很多图片，而首屏出现的图片大概就一两张，那么我们还要一次性把所有图片都加载出来吗？显然这是愚蠢的，不仅影响页面渲染速...

2020-05-27

79浏览

0评论

nodejs入门教程三：调用内部和外部方法示例

本文实例讲述了nodejs入门教程之调用内部和外部方法。分享给大家供大家参考，具体如下：1.创建fun.jsvar fun3 = require('./fun3');var fun2 = require('./fun2');function fun...

2020-05-27

82浏览

0评论

jquery实现异步加载图片（懒加载图片一种方式）

首先将插件在jq后面引入
(function($) { // alert($.fn.scrollLoading); $.fn.scrollLoading = function(options) { var defaults = {...

2020-05-27

热门文章