- 总结--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的环
- java线程的无限循环和退出
3213213333332132
java
最近想写一个游戏,然后碰到有关线程的问题,网上查了好多资料都没满足。
突然想起了前段时间看的有关线程的视频,于是信手拈来写了一个线程的代码片段。
希望帮助刚学java线程的童鞋
package thread;
import java.text.SimpleDateFormat;
import java.util.Calendar;
import java.util.Date
- tomcat 容器
BlueSkator
tomcatWebservlet
Tomcat的组成部分 1、server
A Server element represents the entire Catalina servlet container. (Singleton) 2、service
service包括多个connector以及一个engine,其职责为处理由connector获得的客户请求。
3、connector
一个connector
- php递归,静态变量,匿名函数使用
dcj3sjt126com
PHP递归函数匿名函数静态变量引用传参
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Current To-Do List</title>
</head>
<body>
- 属性颜色字体变化
周华华
JavaScript
function changSize(className){
var diva=byId("fot")
diva.className=className;
}
</script>
<style type="text/css">
.max{
background: #900;
color:#039;
- 将properties内容放置到map中
g21121
properties
代码比较简单:
private static Map<Object, Object> map;
private static Properties p;
static {
//读取properties文件
InputStream is = XXX.class.getClassLoader().getResourceAsStream("xxx.properti
- [简单]拼接字符串
53873039oycg
字符串
工作中遇到需要从Map里面取值拼接字符串的情况,自己写了个,不是很好,欢迎提出更优雅的写法,代码如下:
import java.util.HashMap;
import java.uti
- Struts2学习
云端月影
最近开始关注struts2的新特性,从这个版本开始,Struts开始使用convention-plugin代替codebehind-plugin来实现struts的零配置。
配置文件精简了,的确是简便了开发过程,但是,我们熟悉的配置突然disappear了,真是一下很不适应。跟着潮流走吧,看看该怎样来搞定convention-plugin。
使用Convention插件,你需要将其JAR文件放
- Java新手入门的30个基本概念二
aijuans
java新手java 入门
基本概念: 1.OOP中唯一关系的是对象的接口是什么,就像计算机的销售商她不管电源内部结构是怎样的,他只关系能否给你提供电就行了,也就是只要知道can or not而不是how and why.所有的程序是由一定的属性和行为对象组成的,不同的对象的访问通过函数调用来完成,对象间所有的交流都是通过方法调用,通过对封装对象数据,很大限度上提高复用率。 2.OOP中最重要的思想是类,类是模板是蓝图,
- jedis 简单使用
antlove
javarediscachecommandjedis
jedis.RedisOperationCollection.java
package jedis;
import org.apache.log4j.Logger;
import redis.clients.jedis.Jedis;
import java.util.List;
import java.util.Map;
import java.util.Set;
pub
- PL/SQL的函数和包体的基础
百合不是茶
PL/SQL编程函数包体显示包的具体数据包
由于明天举要上课,所以刚刚将代码敲了一遍PL/SQL的函数和包体的实现(单例模式过几天好好的总结下再发出来);以便明天能更好的学习PL/SQL的循环,今天太累了,所以早点睡觉,明天继续PL/SQL总有一天我会将你永远的记载在心里,,,
函数;
函数:PL/SQL中的函数相当于java中的方法;函数有返回值
定义函数的
--输入姓名找到该姓名的年薪
create or re
- Mockito(二)--实例篇
bijian1013
持续集成mockito单元测试
学习了基本知识后,就可以实战了,Mockito的实际使用还是比较麻烦的。因为在实际使用中,最常遇到的就是需要模拟第三方类库的行为。
比如现在有一个类FTPFileTransfer,实现了向FTP传输文件的功能。这个类中使用了a
- 精通Oracle10编程SQL(7)编写控制结构
bijian1013
oracle数据库plsql
/*
*编写控制结构
*/
--条件分支语句
--简单条件判断
DECLARE
v_sal NUMBER(6,2);
BEGIN
select sal into v_sal from emp
where lower(ename)=lower('&name');
if v_sal<2000 then
update emp set
- 【Log4j二】Log4j属性文件配置详解
bit1129
log4j
如下是一个log4j.properties的配置
log4j.rootCategory=INFO, stdout , R
log4j.appender.stdout=org.apache.log4j.ConsoleAppender
log4j.appender.stdout.layout=org.apache.log4j.PatternLayout
log4j.appe
- java集合排序笔记
白糖_
java
public class CollectionDemo implements Serializable,Comparable<CollectionDemo>{
private static final long serialVersionUID = -2958090810811192128L;
private int id;
private String nam
- java导致linux负载过高的定位方法
ronin47
定位java进程ID
可以使用top或ps -ef |grep java
![图片描述][1]
根据进程ID找到最消耗资源的java pid
比如第一步找到的进程ID为5431
执行
top -p 5431 -H
![图片描述][2]
打印java栈信息
$ jstack -l 5431 > 5431.log
在栈信息中定位具体问题
将消耗资源的Java PID转
- 给定能随机生成整数1到5的函数,写出能随机生成整数1到7的函数
bylijinnan
函数
import java.util.ArrayList;
import java.util.List;
import java.util.Random;
public class RandNFromRand5 {
/**
题目:给定能随机生成整数1到5的函数,写出能随机生成整数1到7的函数。
解法1:
f(k) = (x0-1)*5^0+(x1-
- PL/SQL Developer保存布局
Kai_Ge
近日由于项目需要,数据库从DB2迁移到ORCAL,因此数据库连接客户端选择了PL/SQL Developer。由于软件运用不熟悉,造成了很多麻烦,最主要的就是进入后,左边列表有很多选项,自己删除了一些选项卡,布局很满意了,下次进入后又恢复了以前的布局,很是苦恼。在众多PL/SQL Developer使用技巧中找到如下这段:
&n
- [未来战士计划]超能查派[剧透,慎入]
comsci
计划
非常好看,超能查派,这部电影......为我们这些热爱人工智能的工程技术人员提供一些参考意见和思想........
虽然电影里面的人物形象不是非常的可爱....但是非常的贴近现实生活....
&nbs
- Google Map API V2
dai_lm
google map
以后如果要开发包含google map的程序就更麻烦咯
http://www.cnblogs.com/mengdd/archive/2013/01/01/2841390.html
找到篇不错的文章,大家可以参考一下
http://blog.sina.com.cn/s/blog_c2839d410101jahv.html
1. 创建Android工程
由于v2的key需要G
- java数据计算层的几种解决方法2
datamachine
javasql集算器
2、SQL
SQL/SP/JDBC在这里属于一类,这是老牌的数据计算层,性能和灵活性是它的优势。但随着新情况的不断出现,单纯用SQL已经难以满足需求,比如: JAVA开发规模的扩大,数据量的剧增,复杂计算问题的涌现。虽然SQL得高分的指标不多,但都是权重最高的。
成熟度:5星。最成熟的。
- Linux下Telnet的安装与运行
dcj3sjt126com
linuxtelnet
Linux下Telnet的安装与运行 linux默认是使用SSH服务的 而不安装telnet服务 如果要使用telnet 就必须先安装相应的软件包 即使安装了软件包 默认的设置telnet 服务也是不运行的 需要手工进行设置 如果是redhat9,则在第三张光盘中找到 telnet-server-0.17-25.i386.rpm
- PHP中钩子函数的实现与认识
dcj3sjt126com
PHP
假如有这么一段程序:
function fun(){
fun1();
fun2();
}
首先程序执行完fun1()之后执行fun2()然后fun()结束。
但是,假如我们想对函数做一些变化。比如说,fun是一个解析函数,我们希望后期可以提供丰富的解析函数,而究竟用哪个函数解析,我们希望在配置文件中配置。这个时候就可以发挥钩子的力量了。
我们可以在fu
- EOS中的WorkSpace密码修改
蕃薯耀
修改WorkSpace密码
EOS中BPS的WorkSpace密码修改
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 201
- SpringMVC4零配置--SpringSecurity相关配置【SpringSecurityConfig】
hanqunfeng
SpringSecurity
SpringSecurity的配置相对来说有些复杂,如果是完整的bean配置,则需要配置大量的bean,所以xml配置时使用了命名空间来简化配置,同样,spring为我们提供了一个抽象类WebSecurityConfigurerAdapter和一个注解@EnableWebMvcSecurity,达到同样减少bean配置的目的,如下:
applicationContex
- ie 9 kendo ui中ajax跨域的问题
jackyrong
AJAX跨域
这两天遇到个问题,kendo ui的datagrid,根据json去读取数据,然后前端通过kendo ui的datagrid去渲染,但很奇怪的是,在ie 10,ie 11,chrome,firefox等浏览器中,同样的程序,
浏览起来是没问题的,但把应用放到公网上的一台服务器,
却发现如下情况:
1) ie 9下,不能出现任何数据,但用IE 9浏览器浏览本机的应用,却没任何问题
- 不要让别人笑你不能成为程序员
lampcy
编程程序员
在经历六个月的编程集训之后,我刚刚完成了我的第一次一对一的编码评估。但是事情并没有如我所想的那般顺利。
说实话,我感觉我的脑细胞像被轰炸过一样。
手慢慢地离开键盘,心里很压抑。不禁默默祈祷:一切都会进展顺利的,对吧?至少有些地方我的回答应该是没有遗漏的,是不是?
难道我选择编程真的是一个巨大的错误吗——我真的永远也成不了程序员吗?
我需要一点点安慰。在自我怀疑,不安全感和脆弱等等像龙卷风一
- 马皇后的贤德
nannan408
马皇后不怕朱元璋的坏脾气,并敢理直气壮地吹耳边风。众所周知,朱元璋不喜欢女人干政,他认为“后妃虽母仪天下,然不可使干政事”,因为“宠之太过,则骄恣犯分,上下失序”,因此还特地命人纂述《女诫》,以示警诫。但马皇后是个例外。
有一次,马皇后问朱元璋道:“如今天下老百姓安居乐业了吗?”朱元璋不高兴地回答:“这不是你应该问的。”马皇后振振有词地回敬道:“陛下是天下之父,
- 选择某个属性值最大的那条记录(不仅仅包含指定属性,而是想要什么属性都可以)
Rainbow702
sqlgroup by最大值max最大的那条记录
好久好久不写SQL了,技能退化严重啊!!!
直入主题:
比如我有一张表,file_info,
它有两个属性(但实际不只,我这里只是作说明用):
file_code, file_version
同一个code可能对应多个version
现在,我想针对每一个code,取得它相关的记录中,version 值 最大的那条记录,
SQL如下:
select
*
- VBScript脚本语言
tntxia
VBScript
VBScript 是基于VB的脚本语言。主要用于Asp和Excel的编程。
VB家族语言简介
Visual Basic 6.0
源于BASIC语言。
由微软公司开发的包含协助开发环境的事
- java中枚举类型的使用
xiao1zhao2
javaenum枚举1.5新特性
枚举类型是j2se在1.5引入的新的类型,通过关键字enum来定义,常用来存储一些常量.
1.定义一个简单的枚举类型
public enum Sex {
MAN,
WOMAN
}
枚举类型本质是类,编译此段代码会生成.class文件.通过Sex.MAN来访问Sex中的成员,其返回值是Sex类型.
2.常用方法
静态的values()方