- 总结--pdf文件预览优化并实现切片下载
时清云
工作学习总结笔记javascriptpdf文件切片下载预览总结pdf.js实现切片下载pdf.js实现切片下载的总结
最近做了一个需求,在app(ionic+angular搭建的)里面实现在线预览pdf文件,之前有相应的预览方式,但是之前pdf文件都是几百k,不大。这次的pdf文件是几十M,很大。之前的方案是把整个pdf文件都下载下来之后,再进行加载渲染。几十兆在网速不好的情况下,要下好一会儿。所以肯定要进行优化,怎么优化呢,在网上查了一下,决定采用分片下载的方案。下面是我思考和总结的解决问题的步骤:1、Pdf文
- Ionic+Angular移动应用程序开发
会飞的阿史
前端框架相关Ionic+angularionic移动应用程序
Ionic程序开发教程1.介绍和安装2.常用指令3.电梯1.介绍和安装Ionic:Ionic是一个开源的移动应用程序开发框架,它可以轻松地使用web技术构建高质量的跨平台的移动应用。可以让我们快速开发移动App、移动端WEB页面、微信公众平台应用,混合appweb页面。Ionic4目前已经发布了基于Angular的正式版本,对React和Vue的支持尚处于alpha状态。注意:angular1.x
- ionic UIWebview升级WKWebview
小镜子呀
今年开始上传app到苹果商店如果代码里还是使用的是UIWebview则打包上传都会失败,包压根传不上去。我们项目使用的ionic+angular的框架底层就是使用的webview加载前端页面,更改起来有两种方式。第一种升级cordova-ios使用最新版本的cordova-ios生成的ios项目框架就是使用的WKWebview了,无需做其他的修改。对应的版本因为我的项目比较老旧所以想要使用最新版本
- React:全局变量的定义及使用
Lucia_Huang
最近新项目还以为可以用Ionic+Angular试试水了,没想到客户要求使用React开发。又开始了React的学习之旅了!有些的不对的地方大家可以在评论区指出。首先声明,我是在手脚架create-react-app上实现的,使用ES6语法。根据以下步骤:1、首先新建一个config.js文件。在该文件写以下代码:global.constants={website:'http://www.baid
- ionic支付宝登录支付插件
叫我马小帅
笔者最近在做ionic+angular项目,熟悉的人知道,这种项目必不可少的需要插件的支持,而我们的应用需要支付宝登录功能,纵观各种市场,也没有找到带支付宝登录的插件,所以笔者只能自己写一个,现提供出来,供大家使用首先安装插件cordovapluginaddhttps://github.com/MaXiaosuai/cordova-plugin-wswAlipay--variablealipayi
- ionic6 android沉浸式状态栏
叫我马小帅
笔者最近在做ionic+angular项目,打包生成iOS后,默认webview从状态栏开始,无需调整,但是android上面确有条黝黑的状态栏,丑的无法直视,研究了一下,发现使用插件无法解决,只能从打包后的android源码入手,修改后完美实现,现分享一下修改方法一共修改三个地方MainActivity.java文件添加代码cordovaInterface.getActivity().getWi
- ionic+angular实现elm移动端
OnePiece索隆
https://github.com/nuonuoge/ionic6_angular10_elm欢迎star
- ionic+angular 真机调试
暮志未晚Webgl
angular
真机调试生成文件是ionicrunandroid实时更新的代码是ionicrunandroid-l-c
- 初识Ionic
一鲸落.万物生
前端之路花哨玩意儿ionicangular
Ionic最近在优化一个老项目,移动端使用的就是ionic+angular可惜是ionic2,所以呢,我自己创建了一个最新版本的ionic工程来学习一下。我的ionic版本是5.4.12,已经是目前的最新版本,大家可以看到,ionic对于angular以及react已经有很高的支持度了。我这次选择的也是angular框架,新版本的ionic已经全面支持angular,很多ionic语法也改为ang
- ionic+angular 做混合app 用localStorage存储数据 刷新多次会丢失数据
Darksness
y
angular.module('app.controllers').controller('YuejuanController',YuejuanController);/**@ngInject**/functionYuejuanController($scope,$ionicPopup,$ionicLoading,$timeout,$state,SubjectAPI,PaperAPI,$ionic
- ionic + angular项目中路由以及路由传参
可乐可乐可爱
typescriptangular
ionic+angular项目中路由以及路由传参一、路由跳转的几种方法1、在html页面里可以用[routerLink]="['/jiaowzx/addlaos']",这种时候可以动态路由传参:写法为这里的'updateByUserId'可以替换为数字或者其他的参数,这种的前提是要在配置路由的加/:参数变量,如:2、在ts里传参,也就是在某个事件里写路由跳转或者传参(1)注入:(2)写事件–分为两
- Ionic的下拉框在手机上点击无效
isNemo
Ionic的下拉框在手机上点击无效最近在维护ionic+angular的项目,在浏览器使用下拉框的时候调试的时候,一切正常。但是在手机上测试的时候,遇到这个问题。我使用的版本是ionic1.3.1,不知道新版本有没有解决这个bug。解决方法:在父级元素上加一个属性:data-tap-disabled="true"参考http://ionicframework.com/docs/v1/api/pag
- H5APP WEB 支付开发 (银联 微信 支付宝)流程
乐摸森先生
支付
这里采用ionic+angular进行前台开发ssh+jpay做后台支付接口银联:配置好参数接口采用JPAY他会自动生成HTML并提交表单到银联app只需用iframe套用就行paylog为记录订单过程数据controller/***app银联支付*@parampayLogId*@paramresponse*/@RequestMapping(value="appUnionpay",method=R
- ionic2+angular2+cordova 安装
长安古意
ionicangular
背景:公司采用ionic+angular,制作app。然后今天换了电脑,装了一天环境,记录一下这精彩(坑爹)的一天。一:安装nodenode版本:node-v6.11.3-x64.msi链接:http://pan.baidu.com/s/1eRT0Cxk密码:53ze安装过程:1.点击next,就可以完成安装(我自定义安装到了D盘d:\nodejs\)2.检测PATH环境变量是否配置了Node.j
- 解决ion-icon打包后显示不出来
佛一脚
ionic
背景ionic+angular的项目使用ionicbuild--prod打包编译后部署到Apache服务器图标正常显示;但是在安卓webView离线加载项目,图标就出不来。尝试了很多办法,感觉还是路径的问题。解决办法varoriginalFetch=window.fetch;window.fetch=function(){varargs=[];for(vari=0;i
- 混合开发Ionic+angular快速开发App
实训邦
移动开发
对于新入门的移动开发者而言,摆在面前的移动应用开发有三种口味NativeApp:本地应用程序(原生App)WebApp:网页应用程序(移动web)HybridApp:混合应用程序(混合App)HybridApp兼具了NativeApp良好用户体验的优势,也兼具了WebApp使用HTML5跨平台开发低成本的优势。目前已经有众多HybridApp开发成功应用,比如美团、爱奇艺、微信等知名移动应用,都是
- 在IONIC+Angular中使用hammer.js
麻辣小面瘫
听说angular2对于hammerjs支持很好...1.在package.json加入"hammer-timejs":"^1.1.0","hammer-touchemulator":"0.0.2","hammerjs":"^2.0.8"2.在devDependencies中加入"@types/hammerjs":"^2.0.34"3.在app.module.ts中加入import{HammerG
- vue-cli+webpack+elementui 学习笔记(一)
小小的大雄
从17年元旦离开上海项目,到现在已经4个月了。这期间主要心思都在家里面,从老婆怀孕到上个月生小孩。技术上基本没啥进展,除了接手一个ionic+angular的前端项目,啥新东西也没学,Vue2.X都出了,自己还没啥也没用到过,实属不该。这阵子在考虑以后的路,可能会换工作,还是得学习点新东西才行了。之前看过一篇阮一峰老师的全栈工作师培训教程(http://www.ruanyifeng.com/blo
- ionic4 与 v-model双向绑定失败的问题
枯藤玉树
一次刻骨铭心的错误在做个移动端app时使用混合开发框架ionic,但是因为小组成员不熟悉Angular,React,所以我最后决定使用Vue,然而却在这个标签上出现了大问题:无论如何都获取不到中的值。期间一度怀疑人生,甚至专门建个ionic+angular的示例,使用[(ng-model)="xxx"]就是正常的。阅读官方文档后发现image.png进行事件绑定便可实现目的{{option}}{{
- Ionic + Angular.js实现图片轮播的方法示例
lakerHQ
本文主要给大家介绍了关于Ionic+Angular实现图片轮播的相关资料,分享出来供大家参考学习,需要的朋友们下面来一起看看吧。先来看看实现的效果图:方法示例:template文件夹新建slider.htmlBLUEYELLOWPINKstyle.css.slider-box{height:300px;}.slider-box.box{width:100%;height:100%;}.yellow
- Framework7+Vue.js Spotify播放器 - 实例详解(1)
非梦nj
参考:原文PhoneGapDayIntermediateWorkshop2016是Framework7+传统js,这里一边讲解F7的基本概念,一边改为大家熟悉的Vue.js。最后,引入一些Phonegap打包App的一些小技巧。前言Framework7框架和Vue.js,就跟Ionic+Angular一样,有着深层次的配合!开发起来很多轮子都已经造好,事半功倍!虽然这个在线音乐播放器App比较简单
- Ionic+Angular 开发移动应用一:环境搭建
江小湖Laker
移动应用开发ionicframeworkionicangular.js
欢迎交换友链:Laker'sBlog--进击的程序媛Github:https://github.com/younglakerV信:lakerHQ(请注明‘来自博客’)介绍ionic是一个强大的HTML5应用程序开发框架(HTML5HybridMobileAppFramework)。可以帮助您使用Web技术,比如HTML、CSS和Javascript构建接近原生体验的移动应用程序。ionic主要关注
- 04 ionic+angular开发webapp笔记(修改应用的图标和载入图片和app的名字)
专注前端30年
angular
修改应用的基础信息很简单,在应用的根目录找到config.xml文件这里修改app名字这里是app描述这里填写作者和邮箱的地方在上面的位置直接修改app的相关信息即可修改app的图标和载入图片需要找到resources文件夹,进入后会发现两个图片,一个叫icon.png这是app图标的原图片,推荐大小1024x1024,另一个是载入时显示的图片,推荐大小是2208x2208。别问我为什么推荐这个,
- ionic教程之Win10环境下ionic+angular实现滑动菜单及列表
隔壁老王的开发园
写博客,不容易,你们的评论和转载,就是我的动力,但请注明出处,隔壁老王的开发园:http://www.cnblogs.com/titibili/p/5124940.html2016年1月11日21:53作者:隔壁老王的开发园内容摘要:初识ionic框架,及ionic CSS样式、UI控件的添加,了解angular在ionic中的 重要性经过上一篇的博客介绍,我们已经完成了win10下ionic的环
- 开发者关心的那些事
圣子足道
ios游戏编程apple支付
我要在app里添加IAP,必须要注册自己的产品标识符(product identifiers)。产品标识符是什么?
产品标识符(Product Identifiers)是一串字符串,它用来识别你在应用内贩卖的每件商品。App Store用产品标识符来检索产品信息,标识符只能包含大小写字母(A-Z)、数字(0-9)、下划线(-)、以及圆点(.)。你可以任意排列这些元素,但我们建议你创建标识符时使用
- 负载均衡器技术Nginx和F5的优缺点对比
bijian1013
nginxF5
对于数据流量过大的网络中,往往单一设备无法承担,需要多台设备进行数据分流,而负载均衡器就是用来将数据分流到多台设备的一个转发器。
目前有许多不同的负载均衡技术用以满足不同的应用需求,如软/硬件负载均衡、本地/全局负载均衡、更高
- LeetCode[Math] - #9 Palindrome Number
Cwind
javaAlgorithm题解LeetCodeMath
原题链接:#9 Palindrome Number
要求:
判断一个整数是否是回文数,不要使用额外的存储空间
难度:简单
分析:
题目限制不允许使用额外的存储空间应指不允许使用O(n)的内存空间,O(1)的内存用于存储中间结果是可以接受的。于是考虑将该整型数反转,然后与原数字进行比较。
注:没有看到有关负数是否可以是回文数的明确结论,例如
- 画图板的基本实现
15700786134
画图板
要实现画图板的基本功能,除了在qq登陆界面中用到的组件和方法外,还需要添加鼠标监听器,和接口实现。
首先,需要显示一个JFrame界面:
public class DrameFrame extends JFrame { //显示
- linux的ps命令
被触发
linux
Linux中的ps命令是Process Status的缩写。ps命令用来列出系统中当前运行的那些进程。ps命令列出的是当前那些进程的快照,就是执行ps命令的那个时刻的那些进程,如果想要动态的显示进程信息,就可以使用top命令。
要对进程进行监测和控制,首先必须要了解当前进程的情况,也就是需要查看当前进程,而 ps 命令就是最基本同时也是非常强大的进程查看命令。使用该命令可以确定有哪些进程正在运行
- Android 音乐播放器 下一曲 连续跳几首歌
肆无忌惮_
android
最近在写安卓音乐播放器的时候遇到个问题。在MediaPlayer播放结束时会回调
player.setOnCompletionListener(new OnCompletionListener() {
@Override
public void onCompletion(MediaPlayer mp) {
mp.reset();
Log.i("H
- java导出txt文件的例子
知了ing
javaservlet
代码很简单就一个servlet,如下:
package com.eastcom.servlet;
import java.io.BufferedOutputStream;
import java.io.IOException;
import java.net.URLEncoder;
import java.sql.Connection;
import java.sql.Resu
- Scala stack试玩, 提高第三方依赖下载速度
矮蛋蛋
scalasbt
原文地址:
http://segmentfault.com/a/1190000002894524
sbt下载速度实在是惨不忍睹, 需要做些配置优化
下载typesafe离线包, 保存为ivy本地库
wget http://downloads.typesafe.com/typesafe-activator/1.3.4/typesafe-activator-1.3.4.zip
解压r
- phantomjs安装(linux,附带环境变量设置) ,以及casperjs安装。
alleni123
linuxspider
1. 首先从官网
http://phantomjs.org/下载phantomjs压缩包,解压缩到/root/phantomjs文件夹。
2. 安装依赖
sudo yum install fontconfig freetype libfreetype.so.6 libfontconfig.so.1 libstdc++.so.6
3. 配置环境变量
vi /etc/profil
- JAVA IO FileInputStream和FileOutputStream,字节流的打包输出
百合不是茶
java核心思想JAVA IO操作字节流
在程序设计语言中,数据的保存是基本,如果某程序语言不能保存数据那么该语言是不可能存在的,JAVA是当今最流行的面向对象设计语言之一,在保存数据中也有自己独特的一面,字节流和字符流
1,字节流是由字节构成的,字符流是由字符构成的 字节流和字符流都是继承的InputStream和OutPutStream ,java中两种最基本的就是字节流和字符流
类 FileInputStream
- Spring基础实例(依赖注入和控制反转)
bijian1013
spring
前提条件:在http://www.springsource.org/download网站上下载Spring框架,并将spring.jar、log4j-1.2.15.jar、commons-logging.jar加载至工程1.武器接口
package com.bijian.spring.base3;
public interface Weapon {
void kil
- HR看重的十大技能
bijian1013
提升能力HR成长
一个人掌握何种技能取决于他的兴趣、能力和聪明程度,也取决于他所能支配的资源以及制定的事业目标,拥有过硬技能的人有更多的工作机会。但是,由于经济发展前景不确定,掌握对你的事业有所帮助的技能显得尤为重要。以下是最受雇主欢迎的十种技能。 一、解决问题的能力 每天,我们都要在生活和工作中解决一些综合性的问题。那些能够发现问题、解决问题并迅速作出有效决
- 【Thrift一】Thrift编译安装
bit1129
thrift
什么是Thrift
The Apache Thrift software framework, for scalable cross-language services development, combines a software stack with a code generation engine to build services that work efficiently and s
- 【Avro三】Hadoop MapReduce读写Avro文件
bit1129
mapreduce
Avro是Doug Cutting(此人绝对是神一般的存在)牵头开发的。 开发之初就是围绕着完善Hadoop生态系统的数据处理而开展的(使用Avro作为Hadoop MapReduce需要处理数据序列化和反序列化的场景),因此Hadoop MapReduce集成Avro也就是自然而然的事情。
这个例子是一个简单的Hadoop MapReduce读取Avro格式的源文件进行计数统计,然后将计算结果
- nginx定制500,502,503,504页面
ronin47
nginx 错误显示
server {
listen 80;
error_page 500/500.html;
error_page 502/502.html;
error_page 503/503.html;
error_page 504/504.html;
location /test {return502;}}
配置很简单,和配
- java-1.二叉查找树转为双向链表
bylijinnan
二叉查找树
import java.util.ArrayList;
import java.util.List;
public class BSTreeToLinkedList {
/*
把二元查找树转变成排序的双向链表
题目:
输入一棵二元查找树,将该二元查找树转换成一个排序的双向链表。
要求不能创建任何新的结点,只调整指针的指向。
10
/ \
6 14
/ \
- Netty源码学习-HTTP-tunnel
bylijinnan
javanetty
Netty关于HTTP tunnel的说明:
http://docs.jboss.org/netty/3.2/api/org/jboss/netty/channel/socket/http/package-summary.html#package_description
这个说明有点太简略了
一个完整的例子在这里:
https://github.com/bylijinnan
- JSONUtil.serialize(map)和JSON.toJSONString(map)的区别
coder_xpf
jqueryjsonmapval()
JSONUtil.serialize(map)和JSON.toJSONString(map)的区别
数据库查询出来的map有一个字段为空
通过System.out.println()输出 JSONUtil.serialize(map): {"one":"1","two":"nul
- Hibernate缓存总结
cuishikuan
开源sshjavawebhibernate缓存三大框架
一、为什么要用Hibernate缓存?
Hibernate是一个持久层框架,经常访问物理数据库。
为了降低应用程序对物理数据源访问的频次,从而提高应用程序的运行性能。
缓存内的数据是对物理数据源中的数据的复制,应用程序在运行时从缓存读写数据,在特定的时刻或事件会同步缓存和物理数据源的数据。
二、Hibernate缓存原理是怎样的?
Hibernate缓存包括两大类:Hib
- CentOs6
dalan_123
centos
首先su - 切换到root下面1、首先要先安装GCC GCC-C++ Openssl等以来模块:yum -y install make gcc gcc-c++ kernel-devel m4 ncurses-devel openssl-devel2、再安装ncurses模块yum -y install ncurses-develyum install ncurses-devel3、下载Erang
- 10款用 jquery 实现滚动条至页面底端自动加载数据效果
dcj3sjt126com
JavaScript
无限滚动自动翻页可以说是web2.0时代的一项堪称伟大的技术,它让我们在浏览页面的时候只需要把滚动条拉到网页底部就能自动显示下一页的结果,改变了一直以来只能通过点击下一页来翻页这种常规做法。
无限滚动自动翻页技术的鼻祖是微博的先驱:推特(twitter),后来必应图片搜索、谷歌图片搜索、google reader、箱包批发网等纷纷抄袭了这一项技术,于是靠滚动浏览器滚动条
- ImageButton去边框&Button或者ImageButton的背景透明
dcj3sjt126com
imagebutton
在ImageButton中载入图片后,很多人会觉得有图片周围的白边会影响到美观,其实解决这个问题有两种方法
一种方法是将ImageButton的背景改为所需要的图片。如:android:background="@drawable/XXX"
第二种方法就是将ImageButton背景改为透明,这个方法更常用
在XML里;
<ImageBut
- JSP之c:foreach
eksliang
jspforearch
原文出自:http://www.cnblogs.com/draem0507/archive/2012/09/24/2699745.html
<c:forEach>标签用于通用数据循环,它有以下属性 属 性 描 述 是否必须 缺省值 items 进行循环的项目 否 无 begin 开始条件 否 0 end 结束条件 否 集合中的最后一个项目 step 步长 否 1
- Android实现主动连接蓝牙耳机
gqdy365
android
在Android程序中可以实现自动扫描蓝牙、配对蓝牙、建立数据通道。蓝牙分不同类型,这篇文字只讨论如何与蓝牙耳机连接。
大致可以分三步:
一、扫描蓝牙设备:
1、注册并监听广播:
BluetoothAdapter.ACTION_DISCOVERY_STARTED
BluetoothDevice.ACTION_FOUND
BluetoothAdapter.ACTION_DIS
- android学习轨迹之四:org.json.JSONException: No value for
hyz301
json
org.json.JSONException: No value for items
在JSON解析中会遇到一种错误,很常见的错误
06-21 12:19:08.714 2098-2127/com.jikexueyuan.secret I/System.out﹕ Result:{"status":1,"page":1,&
- 干货分享:从零开始学编程 系列汇总
justjavac
编程
程序员总爱重新发明轮子,于是做了要给轮子汇总。
从零开始写个编译器吧系列 (知乎专栏)
从零开始写一个简单的操作系统 (伯乐在线)
从零开始写JavaScript框架 (图灵社区)
从零开始写jQuery框架 (蓝色理想 )
从零开始nodejs系列文章 (粉丝日志)
从零开始编写网络游戏 
- jquery-autocomplete 使用手册
macroli
jqueryAjax脚本
jquery-autocomplete学习
一、用前必备
官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/
当前版本:1.1
需要JQuery版本:1.2.6
二、使用
<script src="./jquery-1.3.2.js" type="text/ja
- PLSQL-Developer或者Navicat等工具连接远程oracle数据库的详细配置以及数据库编码的修改
超声波
oracleplsql
在服务器上将Oracle安装好之后接下来要做的就是通过本地机器来远程连接服务器端的oracle数据库,常用的客户端连接工具就是PLSQL-Developer或者Navicat这些工具了。刚开始也是各种报错,什么TNS:no listener;TNS:lost connection;TNS:target hosts...花了一天的时间终于让PLSQL-Developer和Navicat等这些客户
- 数据仓库数据模型之:极限存储--历史拉链表
superlxw1234
极限存储数据仓库数据模型拉链历史表
在数据仓库的数据模型设计过程中,经常会遇到这样的需求:
1. 数据量比较大; 2. 表中的部分字段会被update,如用户的地址,产品的描述信息,订单的状态等等; 3. 需要查看某一个时间点或者时间段的历史快照信息,比如,查看某一个订单在历史某一个时间点的状态, 比如,查看某一个用户在过去某一段时间内,更新过几次等等; 4. 变化的比例和频率不是很大,比如,总共有10
- 10点睛Spring MVC4.1-全局异常处理
wiselyman
spring mvc
10.1 全局异常处理
使用@ControllerAdvice注解来实现全局异常处理;
使用@ControllerAdvice的属性缩小处理范围
10.2 演示
演示控制器
package com.wisely.web;
import org.springframework.stereotype.Controller;
import org.spring