ColourfulTiger-优快云博客

原创 mac安装完smartsvn后没有将其拖入应用程序的解决方案

在安装smartsvn的时候，由于粗心，最后没有将他的应用图标拖入到应用程序中，一次电脑的没电关机后，怎么都找不到打开smartsvn的方式，后来又从u盘里拷贝了一份dmg格式的到mac上，但是再次打开后见到的是：前面的步骤又从从新来了一遍。验证打开之类的又来了一遍，总之没有很慢，终于看到了打开的图标了但是这里也没有最初显示的拖动到应用程序中，真的很头疼，如果没有的，那么dmg的也就不...

2019-04-04 16:16:08 1193

原创 select2插件的使用整理

<select class="form-control select2" id="projectId" name="projectId" data-url="" data-select-value="projectid" data-select-desc="" style=" width: 179...

2019-03-13 16:33:35 985

原创 mac下 MATLAB安装

MATLAB.vR2017a下载地址：具体安装如下：

2019-01-13 16:57:48 5337 1

原创 mac版android sdk安装手机模拟器

做项目来一直没有试过模拟器，但是手机测试很费电，有些尺寸之类的问题，还是不能解决，于是就打算安装模拟器，最开始什么都不知道，直到一个个坑，都踩了一遍，才知道原来有很多工具是没有安装上的，需要自己手动去安装，接下来就把我的采坑之旅记录在此。一、在下载android sdk的时候网址：http://sdk.android-studio.org/ mac版下载后的文件是，文件内容只有这一部分...

2019-01-13 16:56:04 3893

最近在做的一个项目，要求要使用appcan，因为之前没有做过，最开始打算采用和vue结合的方式去做，但是客户那边要求兼容的安卓版本最低为4.3，比较坑的是，vue.js单个文件使用，在安卓4.3下是不支持的，页面什么都没有，无奈，只好放弃这种选择，无意间翻阅appcan文档的时候，发现了appcan是支持mvvm格式的，但是它有自己的格式，于是，很多内容只能参考官网文档。很不幸运，我看到的官网...

2019-01-13 16:08:48 979 1

原创 mac下webstrom工具破解

1、获取Activation codehttp://idea.lanyus.com/在这里获取到注册码2、获取成功后还可能不行，接下来在mac中进行配置进入etc目录，找到hosts文件1）右击--前往文件夹2）修改hosts文件的内容，但是在这里是不能修改方法：将hosts文件拖动到桌面上，就可以打开桌面的hosts文件在桌面的ho...

2018-12-22 11:17:21 728

原创对回调函数的理解

在做项目中，我们会写很多独立的函数，尤其是在javascript中，会有很多的function，但是这些都是独立的个体，只能执行对应的片段功能，但是在实际情况下，很多东西都不是各自独立为营的。在javascript中，回调是以callback的形式展示的。 1、回调是什么？拿舞蹈为例，如果你想看舞蹈，你看到的肯定是很多动作，但你不...

2018-12-22 10:53:23 1385 2

原创对token的理解总结

这段时间，忙着项目，也在做的过程中学了很多，有一些之前虽然知道，但是不是很清楚，现在趁着闲暇时间来一个小小的总结；主要是针对token的知识。一、token是什么？用来做什么？我的理解：token就是一个身份的临时认证，用户在登录后，不可能进行什么访问都要携带用户名、密码，这样很不安全；而token就好比我就是一个登录成功的用户，我要...

2018-12-22 10:34:52 1120 1

原创 ionic3中用HttpClient方式进行请求数据

在使用angular时，接触最频繁的是http请求，一、不用考虑请求中含token的情况（1）get方式的请求如下：先配置headerthis.httpOptions = { headers: new HttpHeaders( { 'Content-Type': 'application/json;charset=UTF-8',...

2018-12-15 15:44:02 1709

原创 ionic3 请求跨域问题

这几天一直被一个问题困着，没有跳出坑来，在不断的摸索中终于摸索出来了，问题是处理请求时遇到token过期问题，无法再次访问请求的内容，因为token过期会返回一个401的错误，但是状态码一直接收到的是0，这让人很头疼，但是在network里面查看的状态码仍然是401，于是去查看控制台，发现先打印了这个错误： CORS全称是“跨域资源共享”（Cross-origin resource sh...

2018-11-30 15:38:15 1489

原创 ionic3 简易公告栏的制作

在制作app的过程中，很容易遇到一种作为分割的公告栏，一栏用作导航，指引该处可以跳转至某一位置，中间栏部分用于显示正文主题内容，这种效果有两种表现形式，具体如下：上面的一栏是头部作为导航栏，指引可以跳转的位置，下面一个是尾部作为导航栏，指引跳转的位置，具体实现代码如下：html部分<div class="list-nav no-foote...

2018-11-16 16:32:22 697

原创 ionic3 改编的list效果图

我们经常会看到app有很多列表项，但是不同的列表项有不同的形式，今天就这一常用的形式为例，来制作一个改编的list效果图具体效果如图所示：就是这种有隔断的列表，可以将不同的东西归为一类，但是彼此互补干扰，还能很协调的展示出来。具体的代码如下：html部分 <div class="list-group"> <div class="list-grou...

2018-11-15 19:17:01 494

原创 ionic3+angular4组件通信，1组件解决2需求

之前一直想不明白组件的复用性该怎样提高，总觉得一个组件就只能用一次，但经过这几天的折腾，终于开窍了，成功的将一个组件封装成满足2个需求的框框了。先简单介绍一下，这个案例大概是做什么的。本案例是以投票为需求展开的，满足的内容是一个组件不仅要能显示列表所有内容，还能满足搜索功能，能根据某一关键字搜索到具体的人。代码中最主要的是两个部分，一个是子组件封装，还有一个是父组件调用并传递相关信息，具体...

2018-11-10 11:46:38 851

原创 ionic3 在build的时候出错

解决方案，找到之前已经安装的插件，先排除是不是插件的原因，然后结合具体情况，删除或者添加插件。在本例中，是因为根据出错文件，并且查到对应的时间与实际时间不符，于是选择了删除之前安装的插件，然后再次build就成功了，删除插件的方式，将安装插件时的add换成remove即可。...

2018-11-10 11:32:22 607

原创 ionic3 制作九宫格效果

我们在app中常会看到一排类似九宫格形式的图标，它们可以引导我们执行自己需要使用的功能，那么这个清新亮丽的九宫格效果是怎样制作出来的呢？接着往下看吧。代码部分如下：（1）html部分：采用的方式结合了ionic与html两种，混合开发。<ion-content padding> <div class="row row-wrap"> ...

2018-10-29 22:46:13 1356 2

原创 ionic3 全局变量的定义方法

在编程中少不了会使用到全局变量，今天谈到的是ionic3和angular4配合使用搭建app时用到的全局变量的方式，具体的搭建方法如下：1)直接在app中新建一个config.ts文件 2）在需要使用全局变量的组件中这样引用import {AppConfig} from "../../app/app.config”;在组件中的使用方式：AppConfig.xx;也可以用来...

2018-10-29 22:44:44 3256

原创解决ionic3 标题栏ion-title配置居中问题

常见手机app中有很多头部导航栏的文字是居中显示，但是在编辑代码中的时候，会发现都是左对齐的形式，以下是自己总结的方案，实现标题栏居中的效果。 ...

2018-10-29 22:43:05 1661

原创 ionic3 实现拍照与从相册选择功能

参考了很多网上的资料，但是每个人遇到的问题都不一样，我这里出现的问题，可能是node版本，还有插件版本之类的问题，问题以及解决方式可以看这个图。一、插件依赖引入（1）配置相机在控制行输入命令：ionic cordova plugin add cordova-plugin-cameranpm install --save @ionic-native/camera在ap...

2018-10-29 22:36:56 1993

原创 ionic3 输入框获取值的方法

在使用ionic的时候，会发现有些方法和用html来开发还是有一点区别的，在获取input框内的数据方式有2种，具体见一下代码。1、使用#变量名的方式注意函数的传值，以及参数类型，获取值的语句。这种方式是HTMLInputElement，故获取到的值不是一个纯粹的值，而是一个输入的对象元素，需要进一步通username.value来获取我们需要的输入框内的内容。...

2018-10-22 22:26:29 2564

原创 ionic3 登录返回实现案例（解决tabs底栏在返回后显示的问题）

在制作登录、注销功能时，很容易出现tabs底栏在注销后仍然显示的问题，查阅很多资料，但是很多信息都是支离破碎的，虽然有人解决了这个问题，但是由于描述不清，大量有用的信息被隐藏在解决办法的背后。经过整理，以及本人亲测成功，将要点整理如下：如果您在看完之后尚未理解，可以见示例部分完整代码：https://download.youkuaiyun.com/download/colourfultiger/107...

2018-10-14 18:28:56 2998

原创 ionic3 自定义toast样式

文件目录结构：在使用ionic3来写toast效果时，会有各种各样对toast样式的需求，在全局的app.scss中添加以下内容备注：（这里的样式也可以放置在组件的scss文件中，但是是独立开来的，不要嵌套在组件的page-xxx中去）//吐司颜色、大小 .box { width: 200px; -webkit-border-radius: 5px; ...

2018-10-14 17:33:22 2048 1

原创 vuex环境搭建及小案例

1、在项目下安装vuex：npm install vuex --save-dev2、在main.js中注册vuex：import Vuex from 'vuex' //注册vueximport store from './vuex/store' //某一值的初始状态及改变方法new Vue({ el: '#app', router, store...

2018-10-14 17:31:59 532

原创 mac下配置环境变量

直接在终端输入：open .bash_profile 配置sdk、jdkexport ANDROID_HOME=sdk的本地位置export ANDROID_TOOLS=$ANDROID_HOME/toolsexport ANDROID_PLATFORM_TOOLS=$ANDROID_HOME/platform-toolsexport PATH=$PATH:$ANDROID_...

2018-10-14 17:28:23 314

原创 vue+定时器自动变化的进度条

一、定时器的写法：（本例运用的是setInterval）（1）对定时器使用的基本理解定时器名 = setInterval(“要执行的函数名”，定时时间毫秒); //定时器clearInterval(“定时器名”); //取消定时器（2）本例中应用的模式var id=setInterval(()=>...

2018-10-01 19:36:22 4093

原创 vue自定义进度条的制作方法（含css属性值的两种动态改变方式）

雏形部分接上一篇文章：https://blog.youkuaiyun.com/ColourfulTiger/article/details/82910505结合vue制作自定义的进度条，优势在于采用了vue特有的样式绑定，与双向绑定的方法，达到数据与进度条的进度一致。突破点：通过变量来动态改变属性对应的属性值。知识点补充：（1）看了一些文章采用动态的改变值的...

2018-09-30 17:47:27 6638 1

原创 vue 中引用字体图标的方式

1、全局安装font-awesomecnpm install font-awesome --save-dev2、main.js中引入 import 'font-awesome/css/font-awesome.min.css'3、在相关文件中使用<i class="fa fa-motorcycle" aria-hidden="true"></i>...

2018-09-30 16:18:17 1190

原创进度条制作

简单描述一下小例子：这个进度条是可以通过js控制的，即点击按钮触发函数，动态的改变百分比的值与进度条的状态。当超过100%时，不再响应，按钮禁用。html部分：<div class="progress-bar"> <div class='box'> <div class='clip' id="context"> ...

2018-09-30 16:06:14 1596

原创 textarea高度自适应函数

在实现textarea根据内容的增多实现高度自适应，且无滚动条的效果，方法有2种。第一种方法：通过事件onkeyup来实现这样的效果备注：onkeyup事件发生阶段 1、onkeyup事件会在键盘按键被松开时发生； 2、与onkeyup事件相关的事件发生次序： 1）onkeydown----------键盘按下-...

2018-09-24 13:51:37 522

原创前端页面试题答题区遇到（）实现换行的方式

在一些题库系统中，很容易遇到分条作答的现象，当大量的答案都只通过一段话显示在一起的时候，很难让人分清楚条理，关键字也不明显，很容易出现错判断的现象，而通过括号大段的在一起也很难看，那么怎样才能实现分条作答的页面呢？思路如下：1、给出规范，如遇到（）代表答案内容中的一条；2、推测特殊情况，考虑细节，当给出的1中情况出现其他特殊情况时，该怎样解决，使用正则表达式判断；3、仿编译原...

2018-09-23 22:35:04 819

原创父组件操作子组件的方式

1、子组件<template> <div class=""> {{form}} </div></template><script>export default { props:['form'], data () { return { msg: 'layout' } }}&lt..

2018-09-23 22:23:59 567

原创 js的回调函数使用

源码见地址：https://download.youkuaiyun.com/download/colourfultiger/10673643html部分<div class="box"> <div id="callback1"></div> <button onclick="testback1(forfun)">ca

2018-09-18 12:41:49 1512

原创 css动画遮罩效果自上而下与自下而上

基本结构<div class="header"> <div class="inner"> <a href="#">标题栏</a> </div> </div>1、自上而下scss：被注释的部分是另外一种自下而上的情况。 .header { w

2018-09-07 12:40:19 4074

原创 vue环境使用scss来写css样式

1、在本建立vue项目的文件下打开命令窗口2、输入： cnpm install sass-loader node-sass vue-style-loader --D 下载3、打开项目文件下的build文件，找到webpack-base-conf.js文件，配置以下内容即可module: { rules: [ { test: /\.vue$/, ...

2018-09-06 17:39:47 3049

原创 vue环境下一个主页面引入多个子组件的方法

通常我们使用的是单个文件引入，但是这样就会有很多代码是重复的，怎样才能实现“按需“引入呢？1、常见的引入单个vue文件的写法：import Header from '@/view/layout/Header'; 2、实现”按需“引入的写法：”按需“引入多个vue文件的写法：import {Header,Footer,Content} from '@/view/layout';...

2018-09-06 12:37:24 18367 1

原创多个css文件在同一个html中的执行顺序2

1、文件位置在head里面引入，无！important 时或文件位置在body里面引入，无！important 时按照从上到下的顺序依次执行，同一样式会选择最后一个文件里面的渲染［就近原则］。若想实现自己的样式最先，文件在head或body里面引入，都要放置在最后！2、文件位置在head里面引入，相关样式有！important时或文件位置在bo...

2018-09-03 10:14:06 3455

原创引入style的位置在head里与在body里的区别1

在使用css的时候少不了会在某一html页面通过style标签写自己的样式，但是在html页面中将style的内容放置在head和body里面有什么区别呢？1、打开head里面的style，关闭body里面的style<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <...

2018-09-03 09:44:27 11942

原创 echart图表饼状图--修改样式

具体内容在代码中展示，可以通过修改相关值达到对应的效果。相关参数的取值含义在其中包含着。 dealPie() { var myChart = echarts.init(document.getElementById(显示的id容器名')); var option = { tooltip : { ...

2018-08-28 21:39:02 6483

原创 element使用自定义的loading加载效果

在使用loading加载的过程中，elementui提供了两种样式，但是针对不同的项目，也是有着不同的需求，需要不同的或者特制的loading加载效果。解决思路如下：结合elementui本身的标签（某种意义上来说该框架的标签即为class），从浏览器最终的渲染效果出发，查看最终渲染成的元素。可以看到带el的标签最终在浏览器中以class的形式展示。如果我们没有svg图标，却又想要...

2018-08-23 18:03:59 12885

原创 css 中 not选择器的探索

在使用css的时候，少不了接触伪类，而not这种选择器之前基本没有写过，在今天遇到后，就来和大家一起探索探索。1、案例1： <style> p{ color:#000000; } :not(p){ color:#ff0000; } </style> <div class="te...

2018-08-22 23:01:15 8022

原创 vue ＋ elementui实现dialog自适应窗口的效果

在使用dialog的时候，或多或少会遇到一个问题：当浏览器被缩放到最小的时候，dialog被挤变形啦，里面的内容如果是固定宽高的话，会变得额外的丑陋。怎样结合vue来改变这一现象呢？思路如下：浏览器的缩放，我们是无法控制的，但是我们可以改变的是我们的网页内容。1、给定一个最小宽度，当浏览器缩放到某一程度的时候，我们的内容就不在支持缩放的效果了。即：min-width 设置成...

2018-08-21 10:30:53 25573