js
文章平均质量分 68
艹莓
这个作者很懒,什么都没留下…
展开
-
网页通过js打开本地app
少扯淡,直接上代码:function startAPP(){window.location = "**://**.**/**";}function downloadAPP(){window.location = "http://IP/**/**.apk";} body{background:#D2D460;text-align:center;margin-top:转载 2016-04-08 09:44:59 · 991 阅读 · 0 评论 -
18 行 JS 代码编一个倒时器
有时候在生活中,你需要一个JavaScript倒计时时钟,而不是一个末日装置设备。不管你是否有一次约会,销售、促销、或者游戏,你可以受益于使用原生JavaScript构建一个时钟,而不是拿到一个现成的插件。虽然有许多很棒的时钟插件,但如果使用原生 JavaScript 实现,那你将得到以下好处:代码将是轻量级的,因为它没有依赖关系。你的网站会表现得更好,因为你不需要加载外部脚本和样式表。你原创 2016-08-03 10:40:52 · 709 阅读 · 0 评论 -
常用正则表达式
正则表达式,有木有人像我一样,学了好几遍却还是很懵圈,学的时候老明白了,学完了忘光了。好吧,其实还是练的不够,所谓温故而知新,可以为师矣,今天就随我来复习一下这傲娇的正则表达式吧。为啥要有正则表达式呢?其实就是因为计算机笨(这话不是我说的),比如123456@qq.com,我们一看就是邮箱,可是计算机不认识啊,所以我们就要用一些计算机认识的语言,来制定好规则,告诉它符合这个规则的就是个邮箱原创 2016-08-03 10:41:48 · 906 阅读 · 0 评论 -
js Ajax配合THINKPHP上传多个文件
//html部分 首页ajax上传文件//js部分$(function(){function sendform(){var name = $(".name").val();var phone = $(".phone").val();var mypic =原创 2016-09-08 23:46:26 · 521 阅读 · 0 评论 -
npm install时报错 npm ERR!Windows_NT 6.1.7601
解决办法:先设置代理为空 npm config set proxy null, 然后再npm install cnpm -g --registry=https://registry.npm.taobao.org!原创 2016-09-19 01:07:35 · 853 阅读 · 0 评论 -
touch滑动判断方向
script> var startX = 0, startY = 0; function touchStart(evt){ try{ var touch = evt.touches[0], //获取第一个触点 x = Number(touch.pageX), //页面触点X坐标原创 2016-12-27 14:51:56 · 520 阅读 · 0 评论 -
ionic环境搭建
Ionic2开发环境要求:NodejsV4.5.0Nodejs自带NpmV2.15.9同上IonicV2.1.0安装最新ionic即可Angular2V2正式版同上说明:以上版本号请务必对应,Angula原创 2017-01-08 19:35:39 · 286 阅读 · 0 评论 -
基于jquery的常用库
//基于jquery的软件项目常用库集合(function(global,$,factory){ //commonjs if ( typeof module === "object" && typeof module.exports === "object" ) { module.exports = global.document ? fa原创 2017-02-08 12:45:23 · 548 阅读 · 0 评论 -
es6 promise用法
直接上代码var getJSON = function(url) { var promise = new Promise(function(resolve, reject){ var client = new XMLHttpRequest(); client.open("GET", url); client.onreadystatechange = handle原创 2017-08-18 00:51:21 · 411 阅读 · 0 评论 -
rxjs-Observable(生产者)
我们知道Observable是个容器,里面包含着数据,数据从何而来?静态数据我们日常重度使用的string和array都属于此范畴。动态数据比如我们用ES6中的generator生成斐波那契数列,比如通过RESTful api调用返回的数据。Observables发送事件,Observer异步地接收事件,这可以让我们的应用在有大量事件产生的时候保持响应能力。强调一下,RxJS不原创 2017-08-18 01:28:57 · 2026 阅读 · 0 评论 -
rxjs Observer(消费者)
我们知道Observable包装的数据既可以是同步的也可以是异步的,所以作为消费者的Observer来说,它还充当了回调的角色,这和使用推数据的机制相吻合,因为我们不知道DOM事件何时发生,AJAX请求何时返回。Observable使用Observer的next()函数来推送数据给Observer。使用这种方式的灵感来自迭代器和观察者设计模式。迭代器不知道它所迭代的数据量大小,只知道是否还有数据需原创 2017-08-18 01:34:33 · 1391 阅读 · 1 评论 -
rxjs-操作符
操作符可以说是RxJS中的重中之重。它就是之前文章说的pipeline中的函数。操作符是纯的,高阶的函数,永远不会改变observable对象,而是返回一个新observable对象,同时也为了链式调用。操作符同样也是惰性求值的。操作符有两种类型,实例的和静态的。前文出现过的from和of都属于静态类型(这里是面向对象的概念)。平时最常用的几个操作符是map,filter以及red原创 2017-08-18 01:45:52 · 2479 阅读 · 1 评论 -
rxjs在ngx中的基础应用(数据处理,事件处理);
rxjs在处理异步事件和数据有着很便捷的api,angular非常推荐在应用中使用rxjs;下面就介绍angular中使用rxjs处理http请求用户事件的一些基础方法先看处理http的基础使用,直接贴代码了(依赖没有贴):import {Injectable,OnInit} from '@angular/core';import {Http,Headers,Request,原创 2017-08-21 01:53:51 · 362 阅读 · 0 评论 -
js原型的理解
js中的原型是是很重要的一个知识点,想要学好js就必须熟练掌握原型。原型是js的一个属性:function A(name){ this.name = name;};A.prototype.sayName = function(){ console.log(this.name); return this.name;}原创 2017-08-22 15:45:50 · 859 阅读 · 1 评论 -
protobuf在前端页面的基本使用
网络世界中的数据传输从一开始的xml到json现在越来越多的人开始向protobuf转变。不得不说it无时无刻不在进步!现在来看看一下protobuf的基本使用吧,这里主要介绍js前端方面的。一些基础的使用方法,先有一个简要的认识,随后会在另一篇文章介绍结合服务端的使用,这里的服务端用的是nodejs,为什么用nodejs呢,因为三个字‘666’;你会发现用nodejs写服务端就像在写原创 2017-09-08 00:57:35 · 9490 阅读 · 1 评论 -
结合服务端和客户端使用protobuf
前段页面引入这三个文件,主要用来按照protobuf buffer协议解编码protobuf数据。先写一份说明书-proto文件,test.protobufpackage TestProtobuf;option java_package = "com.why.game.protobuf";option java_outer_classname = "TestProtobuf"原创 2017-09-08 01:52:45 · 3624 阅读 · 0 评论 -
formdata对象上传文件
出售房源Excel表格>>> 出租房源Excel表格>>> 确定导入function daorucaozuo(){ $(原创 2016-07-29 09:31:21 · 709 阅读 · 0 评论 -
requirejs里的require方法
//app.jsdefine(['jquery'],function($){ var app = {}; app._alert = function(bar){ function foo(){ var app2 = require('app2');//app.js引用了app2.js var newDat原创 2016-07-03 18:23:31 · 864 阅读 · 0 评论 -
js判断设备类型,微信浏览器
window.onload = function () { var download_address = '';//下载地址 var ua = window.navigator.userAgent.toLowerCase();//微信 var u = navigator.userAgent;//手原创 2016-04-08 17:57:53 · 689 阅读 · 0 评论 -
网页上传图片预览功能
登录 section{border-bottom:1px solid red;margin-top:20px;}#div{height:200px;width:200px;border:1px solid #eee;}#div img{width:100%;原创 2016-04-08 17:59:54 · 1384 阅读 · 0 评论 -
网页下拉加载更多
$(function(){ var nav_id = 1; var result = true; var page_num = 2; $(window).ajaxStart(function(){ result = fal原创 2016-04-08 18:05:07 · 303 阅读 · 0 评论 -
js截断字符串
$("#minsheng>ul>a h4").each(function(){ var num_text = $(this).html(); var num_length = $(this).html().length; if(num_length>23){ var new_text = num_text.substr原创 2016-04-28 11:57:34 · 479 阅读 · 0 评论 -
微信内嵌浏览器上传图片调用相机
input type="file" name="upload" onchange="onChooseFile(this)" accept="image/png,image/jpeg,image/gif" capture="camera">原创 2016-05-25 10:27:33 · 6627 阅读 · 5 评论 -
html5获取地理位置
html5获取地理位置function getLocation(){ var options={ enableHighAccuracy:true, timeout:5000, maximumAge:1000 } if(navigator.geolocation){ navigator.原创 2016-05-25 10:31:05 · 366 阅读 · 0 评论 -
ajax上传文件
Html5 Ajax 上传文件 function UpladFile() { var fileObj = document.getElementByIdx_x_x("file").files[0]; // 获取文件对象 var FileController = "../fi原创 2016-04-19 12:49:49 · 187 阅读 · 0 评论 -
js得到url参数
方法一:采用正则表达式获取地址栏参数:( 强烈推荐,既实用又方便!)function GetQueryString(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr原创 2016-05-30 23:03:24 · 213 阅读 · 0 评论 -
js压缩上传的图片,并转化为base64字符串传输
//前台代码微信上传图片var pic1;//名片var pic2;//照片//得到名片压缩并得转化为base64$('#uploadphoto').localResizeIMG({ width: 640, quality: 1, success: functio原创 2016-05-26 11:43:15 · 910 阅读 · 0 评论 -
angularjs JSONP服务
直接上代码 服务 {{ events }} var app = angular.module("myApp.services",[]); //服务 app.factory('githubService',['$http',function($http){原创 2016-05-31 13:51:57 · 187 阅读 · 0 评论 -
angularJSONP简洁版
服务 {{data}} var app = angular.module('myApp',[]);app.factory('myFactory',['$http',function($http){var datas = {};datas.query = function(username,path){return $ht原创 2016-05-31 14:47:15 · 462 阅读 · 0 评论 -
require基本配置加ui-route
//mainjs部分require.config( { baseUrl:"js/",//默认路径 paths:{ jquery:['libs/jquery'],//jquery库 global:['other/global'],//全局js angular:['l原创 2016-05-25 11:29:12 · 601 阅读 · 0 评论 -
angular定位指令
/** 获取地理位置的服务 */ app.factory('geoFactory', ['$http','$q', function($http,$q) { function getGeo(){ var def = $q.defer(); var options = {原创 2016-06-12 17:53:04 · 618 阅读 · 0 评论 -
ajax加载动画指令
//html部分 ajaxLoading //app.js需要依赖ajaxLoading模块var app = angular.module('myApp',['ajaxLoading']);//功能代码/** * 拦截器 全局$http注入l原创 2016-06-12 17:57:12 · 324 阅读 · 0 评论 -
jquery on方法
jquery on方法可以操作未来的元素 相当于旧版本的live方法 看代码on#prediv{min-height:20px;min-width:20px;background:#eee;border:1px solid #ddd;}add$(function(){$("body").on('click原创 2016-07-24 18:10:54 · 340 阅读 · 0 评论 -
gulp创建本地服务器自动刷新浏览器
var path = require('path');var gulp = require('gulp');var sass = require('gulp-sass');var watch = require('gulp-watch');var browserSync = require('browser-sync').create();//创建本地服务器var sassP原创 2017-10-10 14:21:14 · 538 阅读 · 0 评论