ES6新特性一: let和const命令详解

本文实例讲述了ES6新特性中的let和const命令。分享给大家供大家参考,具体如下:1. let 命令① 在js中是没有块级作用域的,var 声明的变量作用域是整个函数体,而let可以起到这一作...

微信小程序中form 表单提交和取值实例详解

微信小程序中form 表单提交和取值实例详解我们知道,如果我们直接给 input 添加 bindinput,比如:<input bindinput="onUsernameInput" />,那么可以在 onUsernameInput 中直接使用...

ES6新特性二:Iterator(遍历器)和for-of循环详解

本文实例讲述了ES6新特性之Iterator(遍历器)和for-of循环。分享给大家供大家参考,具体如下:1. 遍历数组for-of工作原理:迭代器有一个next方法,for循环会不断调用这个iterator.ne...

微信小程序 setData的使用方法详解

微信小程序 setData的使用方法详解最近在使用微信小程序的setData时,遇到了以下问题。如下:官网文档在使用setData()设置数组对象的某个元素的属性时,是这么使用的:Page({ data:...

微信小程序 跳转方式总结

微信小程序 跳转方式总结一共算是有四种方式。
1.使用组件。<navigator>标签。来实现。
特点:点击有按下的效果
<navigator url="../job_detail/job_detail&#63;isShowCompan...

原生javascript实现分页效果

随着近几年前端行业的迅猛发展,各种层出不穷的新框架,新方法让我们有点眼花缭乱。最近刚好比较清闲,所以没事准备撸撸前端的根基javascript,纯属练练手,写个分页,顺便跟大家分享...

node.js(express)中使用Jcrop进行图片剪切上传功能

需求说明简单来说就是要实现用户上传头像,并且要保存用户裁切后的部分作为用户头像。第一步,选择图片: 第二步,在弹窗页面中展现并进行裁切: 第三步,点击“保存”,上传服务器。实现...

Cookies 和 Session的详解及区别

Cookies 和 Session的详解及区别1.cookie 是一种发送到客户浏览器的文本串句柄,并保存在客户机硬盘上,可以用来在某个WEB站点会话间持久的保持数据。2.session其实指的就是访...

ES6新特性三: Generator(生成器)函数详解

本文实例讲述了ES6新特性三: Generator(生成器)函数。分享给大家供大家参考,具体如下:1. 简介① 理解:可以把它理解成一个函数的内部状态的遍历器,每调用一次,函数的内部状态发生...

基于jQuery实现文字打印动态效果

本文实例为大家分享了jQuery实现文字打印动态效果的具体代码,供大家参考,具体内容如下主体html<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>打印文字效果</...

利用n工具轻松管理Node.js的版本

前言相信对于学习Node.js的小伙伴们都知道,现在 Node 的版本更新很快,目前最新稳定版已经更新到 v7.6.0 了,而生产环境一般选择使用 LTS(Long-term Support)版本,目前最新的是 v6....

jQuery+pjax简单示例汇总

pjax 是一个jQuery插件,它使用 ajax 和 pushState 来实现快速的浏览体验,包括真正的固定链接,页面标题和工作返回按钮。ajax缺点是破坏了浏览器的前进后退,因为ajax的请求不会留...

ES6新特性四:变量的解构赋值实例

本文实例讲述了ES6新特性之变量的解构赋值。分享给大家供大家参考,具体如下:1. 数组的解构赋值//① 可以从数组中提取值,按照对应位置,对变量赋值var [a, b] = [1, 2]; //a = 1;...

详解Vue.js 2.0 如何使用axios

Vue.js 1.0 我们常使用 vue-resource (官方ajax库), Vue 2.0 发布后作者宣告不再对 vue-resource 进行更新, 推荐我们使用 axios (基于 Promise 的 HTTP 请求客户端,可同时在...

webpack配置的最佳实践分享

本文主要介绍了关于webpack配置的最佳实践,本文分享的实践具有以下的优势: 使用happypack提升打包速度。 使用MD5 hash可以生成文件版本,进行版本控制 在非单页面的系统中支...

ES6新特性五:Set与Map的数据结构实例分析

本文实例讲述了ES6新特性五之Set与Map的数据结构。分享给大家供大家参考,具体如下:1. Set① 定义:它类似于数组,但是成员的值都是唯一的,没有重复的值。Set本身是一个构造函数,用...

ES6新特性六:promise对象实例详解

本文实例讲述了ES6新特性之promise对象。分享给大家供大家参考,具体如下:1. promise 介绍它是一个对象,也就是说与其他JavaScript对象的用法,没有什么两样;其次,它起到代理作用(pro...

React中ES5与ES6写法的区别总结

前言相信很多React的初学者都被ES6的问题迷惑:各路大神都建议我们直接学习ES6的语法(class Foo extends React.Component),然而网上搜到的很多教程和例子都是ES5版本的,所以很...

ES6新特性七:数组的扩充详解

本文实例讲述了ES6新特性之数组的扩充。分享给大家供大家参考,具体如下:1. Array.from()1) Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可...

jquery中$.fn和图片滚动效果实现的必备知识总结

前言图片滚动效果相信对大家来说都不陌生,烂大街的效果图如下所示,js实现代码很短,不过如果想做的话,必须掌握jquery、IIFE、setInterval等基础以及$.fn用法:
jquery中$.fn用法$....

.net MVC+Bootstrap下使用localResizeIMG上传图片

本文实例为大家分享了使用localResizeIMG上传图片的具体代码,供大家参考,具体内容如下需要加载的头文件 html:<div class="form-group"> <label class="col-sm-6 control-labe...

ES6新特性八:async函数用法实例详解

本文实例讲述了ES6新特性之async函数用法。分享给大家供大家参考,具体如下:1. async 函数是什么?node.js 版本7及之后版本才支持该函数。可以简单的理解为他是Generator 函数的...

H5手机端多文件上传预览插件

基于zepto,支持多文件上传,进度和图片预览,用于手机端。(function ($) { $.extend($, { fileUpload: function (options) { var para = { multiple: true, filebutton: ".fileP...

H5图片压缩与上传实例

接到需求,问前端是否可以压缩图片?因为有的图片太大,传到服务器上再压缩太慢了。意识里没有这么玩过,早上老大丢来一个知乎链接,一看,原来前辈们已经用canvas实现了(为自己的见识...

推荐三款不错的图片压缩上传插件(webuploader、localResizeIMG4、LUploader)

涉及到网页图片的交互,少不了图片的压缩上传,相关的插件有很多,相信大家都有用过,这里我就推荐三款,至于好处就仁者见仁喽:1.名气最高的WebUploader,由Baidu FEX 团队开发,以H5为主,F...

推荐三款日期选择插件(My97DatePicker、jquery.datepicker、Mobiscroll)

三款日期选择插件推荐给大家:1.My97DatePicker
纯原生JS,专注于PC端,支持IE6+;页面上只需要引入WdatePicker.js文件,但是My97DatePicker整个目录是一个整体,最好不要破坏里面的目...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

JS实现异步上传压缩图片

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

在node中如何使用 ES6

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

AngularJS的脏检查深入分析

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

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

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

移动端使用localResizeIMG4压缩图片

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

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

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

Ionic2调用本地SQlite实例

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

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

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

Node.js中看JavaScript的引用

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

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

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

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

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

Vue.use源码分析

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

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

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

返回顶部
顶部