- 总结--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的环
- Nginx负载均衡
510888780
nginx应用服务器
Nginx负载均衡一些基础知识:
nginx 的 upstream目前支持 4 种方式的分配
1)、轮询(默认)
每个请求按时间顺序逐一分配到不同的后端服务器,如果后端服务器down掉,能自动剔除。
2)、weight
指定轮询几率,weight和访问比率成正比
- RedHat 6.4 安装 rabbitmq
bylijinnan
erlangrabbitmqredhat
在 linux 下安装软件就是折腾,首先是测试机不能上外网要找运维开通,开通后发现测试机的 yum 不能使用于是又要配置 yum 源,最后安装 rabbitmq 时也尝试了两种方法最后才安装成功
机器版本:
[root@redhat1 rabbitmq]# lsb_release
LSB Version: :base-4.0-amd64:base-4.0-noarch:core
- FilenameUtils工具类
eksliang
FilenameUtilscommon-io
转载请出自出处:http://eksliang.iteye.com/blog/2217081 一、概述
这是一个Java操作文件的常用库,是Apache对java的IO包的封装,这里面有两个非常核心的类FilenameUtils跟FileUtils,其中FilenameUtils是对文件名操作的封装;FileUtils是文件封装,开发中对文件的操作,几乎都可以在这个框架里面找到。 非常的好用。
- xml文件解析SAX
不懂事的小屁孩
xml
xml文件解析:xml文件解析有四种方式,
1.DOM生成和解析XML文档(SAX是基于事件流的解析)
2.SAX生成和解析XML文档(基于XML文档树结构的解析)
3.DOM4J生成和解析XML文档
4.JDOM生成和解析XML
本文章用第一种方法进行解析,使用android常用的DefaultHandler
import org.xml.sax.Attributes;
- 通过定时任务执行mysql的定期删除和新建分区,此处是按日分区
酷的飞上天空
mysql
使用python脚本作为命令脚本,linux的定时任务来每天定时执行
#!/usr/bin/python
# -*- coding: utf8 -*-
import pymysql
import datetime
import calendar
#要分区的表
table_name = 'my_table'
#连接数据库的信息
host,user,passwd,db =
- 如何搭建数据湖架构?听听专家的意见
蓝儿唯美
架构
Edo Interactive在几年前遇到一个大问题:公司使用交易数据来帮助零售商和餐馆进行个性化促销,但其数据仓库没有足够时间去处理所有的信用卡和借记卡交易数据
“我们要花费27小时来处理每日的数据量,”Edo主管基础设施和信息系统的高级副总裁Tim Garnto说道:“所以在2013年,我们放弃了现有的基于PostgreSQL的关系型数据库系统,使用了Hadoop集群作为公司的数
- spring学习——控制反转与依赖注入
a-john
spring
控制反转(Inversion of Control,英文缩写为IoC)是一个重要的面向对象编程的法则来削减计算机程序的耦合问题,也是轻量级的Spring框架的核心。 控制反转一般分为两种类型,依赖注入(Dependency Injection,简称DI)和依赖查找(Dependency Lookup)。依赖注入应用比较广泛。
- 用spool+unixshell生成文本文件的方法
aijuans
xshell
例如我们把scott.dept表生成文本文件的语句写成dept.sql,内容如下:
set pages 50000;
set lines 200;
set trims on;
set heading off;
spool /oracle_backup/log/test/dept.lst;
select deptno||','||dname||','||loc
- 1、基础--名词解析(OOA/OOD/OOP)
asia007
学习基础知识
OOA:Object-Oriented Analysis(面向对象分析方法)
是在一个系统的开发过程中进行了系统业务调查以后,按照面向对象的思想来分析问题。OOA与结构化分析有较大的区别。OOA所强调的是在系统调查资料的基础上,针对OO方法所需要的素材进行的归类分析和整理,而不是对管理业务现状和方法的分析。
OOA(面向对象的分析)模型由5个层次(主题层、对象类层、结构层、属性层和服务层)
- 浅谈java转成json编码格式技术
百合不是茶
json编码java转成json编码
json编码;是一个轻量级的数据存储和传输的语言
在java中需要引入json相关的包,引包方式在工程的lib下就可以了
JSON与JAVA数据的转换(JSON 即 JavaScript Object Natation,它是一种轻量级的数据交换格式,非
常适合于服务器与 JavaScript 之间的数据的交
- web.xml之Spring配置(基于Spring+Struts+Ibatis)
bijian1013
javaweb.xmlSSIspring配置
指定Spring配置文件位置
<context-param>
<param-name>contextConfigLocation</param-name>
<param-value>
/WEB-INF/spring-dao-bean.xml,/WEB-INF/spring-resources.xml,
/WEB-INF/
- Installing SonarQube(Fail to download libraries from server)
sunjing
InstallSonar
1. Download and unzip the SonarQube distribution
2. Starting the Web Server
The default port is "9000" and the context path is "/". These values can be changed in &l
- 【MongoDB学习笔记十一】Mongo副本集基本的增删查
bit1129
mongodb
一、创建复本集
假设mongod,mongo已经配置在系统路径变量上,启动三个命令行窗口,分别执行如下命令:
mongod --port 27017 --dbpath data1 --replSet rs0
mongod --port 27018 --dbpath data2 --replSet rs0
mongod --port 27019 -
- Anychart图表系列二之执行Flash和HTML5渲染
白糖_
Flash
今天介绍Anychart的Flash和HTML5渲染功能
HTML5
Anychart从6.0第一个版本起,已经逐渐开始支持各种图的HTML5渲染效果了,也就是说即使你没有安装Flash插件,只要浏览器支持HTML5,也能看到Anychart的图形(不过这些是需要做一些配置的)。
这里要提醒下大家,Anychart6.0版本对HTML5的支持还不算很成熟,目前还处于
- Laravel版本更新异常4.2.8-> 4.2.9 Declaration of ... CompilerEngine ... should be compa
bozch
laravel
昨天在为了把laravel升级到最新的版本,突然之间就出现了如下错误:
ErrorException thrown with message "Declaration of Illuminate\View\Engines\CompilerEngine::handleViewException() should be compatible with Illuminate\View\Eng
- 编程之美-NIM游戏分析-石头总数为奇数时如何保证先动手者必胜
bylijinnan
编程之美
import java.util.Arrays;
import java.util.Random;
public class Nim {
/**编程之美 NIM游戏分析
问题:
有N块石头和两个玩家A和B,玩家A先将石头随机分成若干堆,然后按照BABA...的顺序不断轮流取石头,
能将剩下的石头一次取光的玩家获胜,每次取石头时,每个玩家只能从若干堆石头中任选一堆,
- lunce创建索引及简单查询
chengxuyuancsdn
查询创建索引lunce
import java.io.File;
import java.io.IOException;
import org.apache.lucene.analysis.Analyzer;
import org.apache.lucene.analysis.standard.StandardAnalyzer;
import org.apache.lucene.document.Docume
- [IT与投资]坚持独立自主的研究核心技术
comsci
it
和别人合作开发某项产品....如果互相之间的技术水平不同,那么这种合作很难进行,一般都会成为强者控制弱者的方法和手段.....
所以弱者,在遇到技术难题的时候,最好不要一开始就去寻求强者的帮助,因为在我们这颗星球上,生物都有一种控制其
- flashback transaction闪回事务查询
daizj
oraclesql闪回事务
闪回事务查询有别于闪回查询的特点有以下3个:
(1)其正常工作不但需要利用撤销数据,还需要事先启用最小补充日志。
(2)返回的结果不是以前的“旧”数据,而是能够将当前数据修改为以前的样子的撤销SQL(Undo SQL)语句。
(3)集中地在名为flashback_transaction_query表上查询,而不是在各个表上通过“as of”或“vers
- Java I/O之FilenameFilter类列举出指定路径下某个扩展名的文件
游其是你
FilenameFilter
这是一个FilenameFilter类用法的例子,实现的列举出“c:\\folder“路径下所有以“.jpg”扩展名的文件。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
- C语言学习五函数,函数的前置声明以及如何在软件开发中合理的设计函数来解决实际问题
dcj3sjt126com
c
# include <stdio.h>
int f(void) //括号中的void表示该函数不能接受数据,int表示返回的类型为int类型
{
return 10; //向主调函数返回10
}
void g(void) //函数名前面的void表示该函数没有返回值
{
//return 10; //error 与第8行行首的void相矛盾
}
in
- 今天在测试环境使用yum安装,遇到一个问题: Error: Cannot retrieve metalink for repository: epel. Pl
dcj3sjt126com
centos
今天在测试环境使用yum安装,遇到一个问题:
Error: Cannot retrieve metalink for repository: epel. Please verify its path and try again
处理很简单,修改文件“/etc/yum.repos.d/epel.repo”, 将baseurl的注释取消, mirrorlist注释掉。即可。
&n
- 单例模式
shuizhaosi888
单例模式
单例模式 懒汉式
public class RunMain {
/**
* 私有构造
*/
private RunMain() {
}
/**
* 内部类,用于占位,只有
*/
private static class SingletonRunMain {
priv
- Spring Security(09)——Filter
234390216
Spring Security
Filter
目录
1.1 Filter顺序
1.2 添加Filter到FilterChain
1.3 DelegatingFilterProxy
1.4 FilterChainProxy
1.5
- 公司项目NODEJS实践0.1
逐行分析JS源代码
mongodbnginxubuntunodejs
一、前言
前端如何独立用nodeJs实现一个简单的注册、登录功能,是不是只用nodejs+sql就可以了?其实是可以实现,但离实际应用还有距离,那要怎么做才是实际可用的。
网上有很多nod
- java.lang.Math
liuhaibo_ljf
javaMathlang
System.out.println(Math.PI);
System.out.println(Math.abs(1.2));
System.out.println(Math.abs(1.2));
System.out.println(Math.abs(1));
System.out.println(Math.abs(111111111));
System.out.println(Mat
- linux下时间同步
nonobaba
ntp
今天在linux下做hbase集群的时候,发现hmaster启动成功了,但是用hbase命令进入shell的时候报了一个错误 PleaseHoldException: Master is initializing,查看了日志,大致意思是说master和slave时间不同步,没办法,只好找一种手动同步一下,后来发现一共部署了10来台机器,手动同步偏差又比较大,所以还是从网上找现成的解决方
- ZooKeeper3.4.6的集群部署
roadrunners
zookeeper集群部署
ZooKeeper是Apache的一个开源项目,在分布式服务中应用比较广泛。它主要用来解决分布式应用中经常遇到的一些数据管理问题,如:统一命名服务、状态同步、集群管理、配置文件管理、同步锁、队列等。这里主要讲集群中ZooKeeper的部署。
1、准备工作
我们准备3台机器做ZooKeeper集群,分别在3台机器上创建ZooKeeper需要的目录。
数据存储目录
- Java高效读取大文件
tomcat_oracle
java
读取文件行的标准方式是在内存中读取,Guava 和Apache Commons IO都提供了如下所示快速读取文件行的方法: Files.readLines(new File(path), Charsets.UTF_8); FileUtils.readLines(new File(path)); 这种方法带来的问题是文件的所有行都被存放在内存中,当文件足够大时很快就会导致
- 微信支付api返回的xml转换为Map的方法
xu3508620
xmlmap微信api
举例如下:
<xml>
<return_code><![CDATA[SUCCESS]]></return_code>
<return_msg><![CDATA[OK]]></return_msg>
<appid><