长安古意-优快云博客

原创 How to disable hyperlinks within a PDF rendered by PDF.js(如何禁止pdf中a标签跳转)

前情提要：使用ionic+angular+cordova开发，为了实现可以浏览pdf的功能，使用了ng2-pdf-viewer(对pdf.js进行封装，官网文档：https://github.com/VadimDez/ng2-pdf-viewer#page-rendered)，目前遇到的问题，在word或者ppt转pdf的时候可能存在内容中隐藏超级链接，在生成pdf后，点击某些内容会跳出app，影...

2019-01-05 09:16:24 1120

原创 linux环境配置ionic

一.安装jdk1.https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html2.下载jdk版本为1.8（放在apps/java文件夹下面）3.配置环境变量命令行输入 vim /etc/profile4.打开该文件，在该文件最上部设置环境变量export JAVA_HOME= ~...

2018-12-29 16:24:41 692

原创 angular2中使用iframe,加载一个被写入的页面

这篇文章涉及到两个问题 1.将服务器返回的内容写入页面 2.在angular2中使用iframe,加载页面一.将服务器返回的内容写入页面

2017-10-09 11:21:05 8938

原创 ionic2+angular2+cordova 安装

node安装java环境配置

2017-09-20 20:42:14 1576

原创 ionic+cordova+angular2开发踩的坑，不定期汇总

angular开发中遇到的问题汇总

2017-08-30 11:22:08 1369

原创标准模式和混杂模式下的盒模型

IE盒子模型特点：width=(border+padding+content)的宽度height=(border+padding+content)的高度标准盒模型：width=content的宽度height=content的高度

2017-02-07 11:27:16 1375

原创 css选择器

css选择器分为以下几类：元素选择器、关系选择器、属性选择器、伪类选择器、伪元素选择器，类选择器，ID选择器

2017-02-07 10:03:09 259

原创 fullpage.js插件实现全屏滚动

fullpage的介绍及使用

2017-02-06 17:10:49 1128

原创使用rotate(0)图片边缘锯齿化

1.rotate(0)实现灯笼摇晃特效2.解决rotate(0)制作动画时边缘锯齿化的问题

2017-01-18 19:27:02 2103

原创伪类和伪元素

伪类和伪元素的区别及应用

2017-01-12 11:35:11 430

原创 nth-child(n)和nth-of-type(n)的区分

一.nth-of-type(n)和nth-child(n)区别

2017-01-11 13:52:45 1386

原创 css3 animate学习(一)：仿联想手机官网

初次探究css3 animate制作

2016-12-26 14:25:10 1225

原创模拟实现分割线效果

项目需求，要实现一个类似于分割线的效果，拿到效果图的时候，脑海里已经有了想法：.line{ text-align: center; color: rgba(51, 51, 51, 0.6); padding: 1rem 0;}1.采用图片/文字/图片形式实现.line1 span{ margin:0 10px;}.line1 img{ width:30%

2016-12-22 11:28:47 1207

原创解决文字和text-decoration:underline下划线重叠问题

解决文字和text-decoration：underline下划线重叠问题1.border-bottom2.box-shadow3.background-image4.text-decoration-skip指定覆盖关系5.svg和canvas

2016-12-20 18:09:53 4524

原创 swiper的学习（二）：禁止反弹和自动选择一屏slides的数量

记录一下项目中遇到的两个问题一.自动选择一屏slides的数量（slidesPerView）swiper的网格分布中有一个属性slidesPerView 设置slider容器能够同时显示的slides数量(carousel模式)。可以设置为number或者 ‘auto’则自动根据slides的宽度来设定数量。 loop模式下如果设置为’auto’还需要设置另外一个参数loopedSlides

2016-12-14 10:53:28 15794

原创 swiper的学习（一）：解决动态加载数据滑动失效

最近做项目，要求做一个位于顶部可以左右滑动的tab栏，决定用swiper控件实现具体的swiper使用方法不多说了，官网链接如下: http://www.swiper.com.cn/api/basic/2016/0125/295.html由于容器内部可左右滑动的区域过长，所以采用了网格分布的swiper，初始化如下var mySwiper = new Swiper('.swiper-conta

2016-12-14 10:28:19 36266 16

原创 web移动端：iscroll实现局部滚动

总结一下最近项目用到的一个功能点，具体要求如下： body中会呈现一个可滚动的长页面，在点击某个按钮的时候，会出现一个弹出框，由于弹出框的内容较长，会出现滚动条，但是要保证位于弹框下部的body在弹框滚动的时候不触发滚动事件。一开始项目是用touchmove模拟实现，后来决定尝试一下iscroll,碰巧在网上看到这篇文章在这篇文章中获益匪浅：http://www.cnblogs.com/star

2016-12-07 18:00:02 18826

原创 web移动端：touchmove实现局部滚动

总结一下最近项目用到的一个功能点，具体要求如下： body中会呈现一个可滚动的长页面，在点击某个按钮的时候，会出现一个弹出框，由于弹出框的内容较长，会出现滚动条，但是要保证位于弹框下部的body在弹框滚动的时候不触发滚动事件实现效果图如下：一.css部分html,body{ margin:0; padding: 0;}.btn{ position: fixed;

2016-12-06 15:16:36 11407

原创 canvas实现折线图

效果图如下：一.思路折线的实现可以分为两种情况： 1.少于七个点对于少于7个点的情况，主要是描点，画线，标注三部分 2.大于等于七个点对于大于等于七个点的情况，主要是画线，标注极点二.实现要点最重要的是每个点位置的确定<1>对数据进行处理首先对数据进行处理 A.将空数组填充一定的内容var noData= chartEntity.originArr.length==0?tr

2016-12-05 14:39:06 955

原创 ECharts的学习 (三) ：折线图的学习

之前在项目中利用canvas实现了折线图，在实现的过程中觉得过于繁琐，前两天看到Echarts这个插件，学习，模仿一下，中文学习网址：http://echarts.baidu.com/index.html 项目的需求为：当数据少于7个的时候，展现第一种样式，当数据多余7个的时候，采用第二种样式，如下图：实现的思路如下： 1.写出一条简单的折线图 2.修改折线图样式（7个点以内的样式和大于7个

2016-12-05 10:28:45 8766 1

原创 ECharts的学习（二）：制作一个简单的饼状图，并对其设置样式

这是学习ECharts的练手之作，中文学习网址：http://echarts.baidu.com/index.html 实现效果图如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, ma

2016-12-01 14:48:40 5720

原创 ECharts的学习（一）：制作一个简单的柱状图

本文章作为学习ECharts练手之作，中文学习地址：http://echarts.baidu.com/index.html 实现效果如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, m

2016-12-01 14:44:10 4748

原创 css实现tag

新的需求要求实现一个可适应的tag，如下图所示：一开始实现的时候，想法过于简单，把标签整个切成一个背景图，结果发现当文字的长度不固定的时候，将会把图形拉扯变形，十分难看，为了解决这个问题，在同事的点拨下，决定把背景图切成两部分，即： ————–切图容易拼凑难，且切且珍惜—————————当我切图完毕打算拼在一起的时候，发现问题来了无论是(第一张图片用img展示，第二张

2016-11-30 18:14:20 4211

原创 mobiscroll控件学习

由于最近项目需要（产品提出用h5模拟客户端实现选择时间的功能），经同事的推荐，看到了一款插件比较适合使用--mobiscroll英文版使用说明链接如下：https://docs.mobiscroll.com/3-0-0_beta6/jquery/datetime#methods 我在开发中一共用到了两个功能，一个是时间的选择，一个是自定义选择，实现效果如下图：

2016-11-29 18:33:54 1138

原创仿5sing图片轮播，向5Sing致敬

中国原创音乐基地5SING .wh20{ width:20px;height: 20px; } #adv4 ul,#adv4 li{ list-style: none; margin:0; padding:0; } .banneradv4{ w

2015-12-22 10:17:04 668

原创 2015-6-29学习

1、margin:30px auto 0; 内容居中margin 外边距分别是上左下右这里只给出了3个值，那么分别是上 0 左 auto 下 30px右如果没有给，就会复制左边的，也就是auto 当左右都为auto时，表示元素居中。2、 jQuery 应用扩展jQuery.extend({（1）设置 cookie setCook

2015-06-29 14:07:07 515

原创 javascript运算符

1. 相等运算符包括相等运算符（

2014-10-29 16:53:56 326

原创 javascript正则表达式

1.var reCat=/123/gi g表示全局匹配，要求查找所有的文本；i

2014-10-29 11:14:47 361

原创 javascript中的预定义函数

q1````

2014-10-29 09:32:20 989

原创 javaScript制作时钟

1.方法checkTime的调用，如果当前分钟数

2014-10-28 20:47:31 436

aiyishengyishi的专栏