- 博客(354)
- 收藏
- 关注
转载 移动端开发 总结
trident:e.indexOf("Trident")>-1, presto:e.indexOf("Presto")>-1, webKit:e.indexOf("AppleWebKit")>-1, gecko:e.indexOf("Gecko")>-1&&-1==e.indexOf("KHTML"), mobile:!!e.match(/AppleWebKit.*M
2016-11-18 19:09:25 356
转载 图片的懒加载
原理当访问一个页面的时候,先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径(这样就只需请求一次),只有当图片出现在浏览器的可视区域内时,才设置图片正真的路径,让图片显示出来。 这就是图片懒加载。难点知道什么时候img在可视区域内先了解下基本的概念 获取屏幕可视窗口大小对应于图中1、2位置处window.innerHeight 标准浏览器及IE9+ document.
2016-10-21 17:56:41 308
转载 箭头函数
es6更多信息(engish doc)没有参数需要在箭头函数前加小括号var log = ()=>{alert('123')}; log简单参数var testArrowFunction = a=>{console.error(a)}; testArrowFunction(123);多参数var addTest = (index1, index2) => index1 + index2; addT
2016-10-10 18:26:20 334
转载 HTML5 的message的使用
HTML5接口中的postMessage()和onmessageAPI 比如WebWorkers,js提供了多线程的功能,它实现多线程间JavaScript调用的功能 Cross-document messaging, 实现了两个不同域间JavaScript调用 WebSockets, Server-Sent Event原文地址WebWorker//WebWorker为前端网页提供了在后台中运
2016-09-26 18:09:39 2861
翻译 Reac官网Top-Level API翻译
原文地址React是React库的入口. 如果你正在用一个预编译包, 那它是全局可用的; 如果你正在用CommonJS 模块, 你可以用 require(), 引入它.ReactReact.Componentclass 这是React组件的基本类, 当你打算用ES6 的classes. 阅读Reusable Components, 可以了解如何在React中用ES6 classes. 想了解基
2016-09-19 14:20:00 361
原创 在微信等浏览器页面吊起拨打电话的功能
只需要这样写,就能吊起拨打电话的功能<a class="item" href='tel:4009987365'></a>
2016-09-13 15:53:40 1189
原创 图片的预加载, 图片替换等操作
目的如果一个img的src需要从一个url转换到另一个url的话,它会再发出一个http请求去下载图片. 但是如果我们提前在js中下载缓存好这个图片的话,他会直接从缓存中获取,并不需要等待请求回返的过程,这样就提高了流畅性. 一个图片转换到另一个图片的话源码网上说有三种方式实现预加载. 我们只需要研究明白一个即可, 即可以采用js的image对象, 对它提前进行缓存批量缓存图片我们提前定义函数<
2016-09-09 18:53:41 624
原创 IOS 拍照上传图片, 出错: 413 Request Entity Too Large
一个图片也就3M大小 这个错误时由nginx报出来的, 请求被拦截,没有传递到springMVC 的后台, 可以通过查看nginx的日志, 看到这个错误.错误体The requested resource does not allow request dada with the requested method or the amount of data provided in the reque
2016-09-05 17:35:46 3773
原创 GK888t打印机设置
安装驱动设置打印机属性 端口: 选中USB001 USB虚拟打印机端口(这个是我的打印机的连接端口)。高级: 驱动程序,一定保证是 ZDesigner GK888t 而不是ZDesigner GK888t ELP, 否则后面怎么设置都出错,纸张对不齐,切断的位置有问题。设置首选项 打印速度: 76.2mm/s打印浓度: 8标签格式: 毫米, 纵向, 选装180?大小: 宽度95.00
2016-08-28 10:45:28 12658
原创 post 请求
XMLHttpRequest原生头var xhr = new XMLHttpRequest(); xhr.open('post', 'www.baidu.com'); var data = 'name=123&address=street'; xhr.send(data); xhr.onreadystatechange = function(){ if (xhr.readyState
2016-08-17 20:02:37 318
原创 Postman正确区分参数的几种类型
没有有body的方法: get, copy, head, purge, unlock.我们在使用post, put, patch, delete, options, link, unlink, lock, propfind, view 方法的时候, 他们都有方法体body, 用来存储数据. 而body的类型可以有: form-data、x-www-form-urlencoded、raw、binary
2016-08-11 13:23:52 6814
原创 自定义图片点击, 上传文件
本文是用angularjs框架和$resource组件实现的,不过原理都是大同小异html <!--添加图片--> <div style="margin-top: 2rem;"> <div style="padding: 1rem 0;"><p>添加图片</p></div> <div style="display: flex; justify-content:
2016-08-11 11:18:01 297
转载 游戏开发框架
Sirius2D是国内渲染大神白泽(式神)原创的作品,有很多优化的方法都是从各类游戏效果中感悟出来。相信很多人都知道Pixi,它是业内的一个标榜框架。仔细研究这两个框架,你会发现他们的构架理念有很多不同,而压力测试后效率与开销不相伯仲。Egret前Adobe传教士7yue亲自带队研发的框架,他们不仅看到了框架的起点和终点,更看清了框架成长的过程,每个时间点都需要做出怎样的功能Lufylegend这是
2016-07-21 10:41:33 306
转载 设备像素(物理像素), css像素, 设备独立像素, 设备像素比
在做移动页面开发的时候,相信你经常会遇到这种情况:在不同的手机上看时,里面的图片、文字或者线的大小会不一样,有时候大小区别还非常地大。 原因就是设备像素比在作怪。设备的屏幕分辨率对于WEB开发者来说是无法通过代码来获得的,是完全透明的。设备像素又叫物理像素 是显示屏能够控制的最小显示单位.css像素它就是css上用的像素: border: 1px solid black; 它是web编程抽象的
2016-07-20 15:43:30 1945
原创 js各种基础总结
判断数组类型的几种方法var array1 = new Array(); //1array1.constructor === Array//2array1 instanceof Array//3Object.prototype.toString.call(array1) === '[object Array]'
2016-07-18 18:32:44 174
原创 css3
常用私有属性IE@-ms-viewport{ width: device-width;}火狐-moz-user-select: none谷歌 safari@-webkit-keyframes swiper-preloader-spin{ 100%{ -webkit-transform: rotate(360deg); }}统一的@keyframes sw
2016-07-14 15:28:44 237
原创 JS实践
判断 鼠标在div对角线的上边还是下面<div style="background-color: red; height: 30vw" onclick="show(event)"></div><script type="application/javascript"> var show = function(event) { //alert(event.offsetX + ','
2016-07-07 21:53:48 215
转载 dom获取坐标
<div id="test" style="background-color: red; height: 30vw" onmouseout="show(event)"><script type="application/javascript"> var show=function(event){ var div = document.getElementById(“test”)
2016-07-07 21:41:01 1104
转载 CSS3判断手机横屏竖屏
原理: 当用户旋转屏幕的时候,会进入到你的监听方法中,然后通过window.orientation来获取当前屏幕的状态: 0 - 竖屏 90 - 逆时针旋转, 横屏 -90 - 顺时针旋转, 横屏 180 - 竖屏,上下颠倒在body上面监听屏幕的旋转, 可以调用CSS3的transition中的旋转来保持页面竖向。 在移动设备上的网页中,当屏幕旋转的时候会触发orientationch
2016-07-07 20:32:25 1080
转载 springMVC 处理异常
用户HTTP状态码(ResponseStatus)//在自定义的异常上使用ResponseStatus注解。 //当我们的Controller抛出异常,并且没有被处理的时候,他将返回HTTP STATUS 为指定值的 HTTP RESPONSE @ResponseStatus(value=HttpStatus.NOT_FOUND, reason="No such Order") // 404
2016-06-20 18:04:28 374
原创 微信开发中的坑
出现redirect URL 错误时, 需要检查appId和公众号配置(1个是js域名配置, 一个是js接口回调域名设置). 如果是ip,并且有端口号,需要是: ip+端口号
2016-06-12 17:06:56 238
转载 cookie操作
转载自: 脚本之家 cookie是document对象的属性, 可以用js操作它. cookie是一个文件,对应一个域名. 同一个域名下的网页都可以使用同一个cookie.缺点cookie的缺点主要集中于安全性和隐私保护。主要包括以下几种: 浏览器能够禁用cookie功能; cookie是与浏览器相关的, 不能跨浏览器互相访问. cookie可能被安全软件或用户删除。cookie安全性不够
2016-06-03 17:35:10 195
原创 MySQL---安装免安装版
前期操作下载压缩包, 解压缩修改配置文件 在my-default.ini 配置文件的末尾添加以下代码:port = 3306server_id = mysqlcharacter-set-server = utf8max-connections = 250max_allowed_packet = 2048Msql_mode=''修改配置文件后,需要执行 初始化 mysqld
2016-05-05 11:12:05 349
翻译 用DataImportHandler上传结构化数据存储数据
cwiki WIKI 详细API这个文档介绍如何从数据库中抓取数据, 简历索引库.很多搜索程序存储要索引的内容到一个结构化数据store中, 例如一个关系数据库(relational database). 这个DIH 为从data store导入内容, 提供了一种机制, 并索引它. 除了关系型数据库, DIH 能够从基于数据源的HTTP索引数据, 例如RSS, ATOM feeds, e-mai
2016-04-20 18:16:13 468
原创 Solr实践
在安装java1.8 和solr启动后, 需要创建一个core, 执行如下命令:创建一个核心solr create -c test_core结果: Copying configuration to new core instance directory:D:\JavaProgram\solr-6.0.0\server\solr\test_coreCreating new core 'test_c
2016-04-20 16:10:33 291
原创 Solr 全部命令
执行 solr -help 出现很多提示, 如下Usage: solr COMMAND OPTIONS where COMMAND is one of: start, stop, restart, healthcheck, create, create_core, create_collection, delete, version, upconfig, downconfigStan
2016-04-20 14:42:08 1358
翻译 Solr Getting Started
原链接安装SolrA walkthrough of the Solr installation process.Got Javajava版本需要再1.8以及其以上java -version安装Solr对于Linux/Unix/OSX系统, 需要下载.tgz文件. 对于Microsoft Windows 系统, 需要下载.zip 文件. 当开始的时候, 你需要做的就是提取Solr分布式压缩文件到
2016-04-19 19:03:25 1195
原创 css常用属性区分
word-wrap和word-break默认情况下,当一个单词很长放不下的时候, browser会把他挪到下面一行. 但是如果单词太长并且找不到自然断点, 被挪到下面一行后也会溢出父容器.word-wrap(换行)如果空间不够, 会尝试把长单词挪到下面一行, 如果新的一行空间不够, 则单词内断句.这里写代码片用来指定是否允许浏览器在word中断句. 当一个字符串太长但是找不到他的自然断点时,
2016-04-19 12:26:38 275
原创 Maven常见错误
Eclipse中用maven的update选项时,会自动把jre改为1.5.在父类pom的project标签下面下面添加<build> <plugins> <plugin> <groupId>org.apache.maven.plugins</groupId> <artifactI
2016-04-18 18:57:24 223
原创 Maven 的安装
下载安装配置环境变量MAVEN_HOMED:\JavaProgram\apache-maven-3.2.1-bin\apache-maven-3.2.1Path在最后加入%MAVEN_HOME%\bin;验证成功mvn -version如果提示版本信息,则成功
2016-04-18 10:12:35 300
转载 WeixinJSBridge
关闭微信浏览器窗口input type="button" value="goBack" onclick="WeixinJSBridge.call('closeWindow');" />
2016-04-06 20:12:19 128
翻译 AngularJS ng-click stopPropagation(阻止冒泡)
<button class="btn" ng-click="deleteUser(user.id, $index); $event.stopPropagation();"> Delete</button>
2016-04-05 23:01:41 4007
转载 pagination in angularjs
源自stackOverFlowservicevar rapid = angular.module('rapid');rapid.service('pagerOptions', function () { 'use strict'; return { newOptions: function () { return {
2016-03-31 15:18:28 322
原创 Ionic 常见疑难杂症
图片轮播电脑上显示不出来setTimeout(function() { $ionicSlideBoxDelegate.slide(0); $ionicSlideBoxDelegate.update(); $scope.$apply(); });获取轮播图片数量,和第几张图片$scope.slideChange = function (){ //图片总数
2016-03-26 21:15:52 841
原创 $ionicHistory
官方链接backView()返回历史堆栈中当前视图的上一个视图信息.数据结构backViewId: nullcanSwipeBack: trueforwardViewId:"ion9"historyId:"root"index:0stateId:"tab.shoppingcart.addressManager"stateName:"tab.shoppingcart.addressMana
2016-03-25 14:25:40 599
原创 Json
对象赋值//第1种var obj = {};obj. key = 'value';alert(obj.key);//第2种var obj = {};var b = 'key';obj[b] = 'value';alert(obj.key);JSON序列化与反序列化//最常用的//string to objectJSON.parse();//object to stringJSO
2016-03-21 11:27:23 280
原创 常用的指令
图片加载时, 显示其他图片 .directive('ImgageIsLoading', function ($rootScope) { return { restrict: 'A', link: function (scope, element, attr) { var timer = setInterva
2016-03-20 00:44:24 237
转载 call(), apply(), caller(), callee()
转自: http://uule.iteye.com/blog/1158829call()语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象。 说明: call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象
2016-03-17 06:20:25 261
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人