自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 mac 无法访问github的解决方案

在开发中,需要用到一些资料,但是我的chrome就是无法访问github之类的网站,折腾了许久,找到了办法。 参考网址:https://blog.csdn.net/sinat_30162391/article/details/53160568 1、环境: 我的系统:mac系统 同事系统:w...

2019-06-11 23:49:53 5728 3

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

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

2019-04-04 16:16:08 387 0

原创 select2插件的使用整理

<select class="form-control select2" id="projectId" name="projectId" data-url="" data-select-val...

2019-03-13 16:33:35 153 0

原创 mac下 MATLAB安装

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

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

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

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

2019-01-13 16:56:04 1892 0

原创 Appcan mvvm模式采坑之旅

最近在做的一个项目,要求要使用appcan,因为之前没有做过,最开始打算采用和vue结合的方式去做,但是客户那边要求兼容的安卓版本最低为4.3,比较坑的是,vue.js单个文件使用,在安卓4.3下是不支持的,页面什么都没有,无奈,只好放弃这种选择,无意间翻阅appcan文档的时候,发现了appca...

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

原创 mac下webstrom工具破解

1、获取Activation code http://idea.lanyus.com/ 在这里获取到注册码 2、获取成功后还可能不行,接下来在mac中进行配置 进入etc目录,找到hosts文件 1)右击--前往文件夹 2)修改hosts文件的内容,但是在这里是不能修改 ...

2018-12-22 11:17:21 351 0

原创 对回调函数的理解

        在做项目中,我们会写很多独立的函数,尤其是在javascript中,会有很多的function,但是这些都是独立的个体,只能执行对应的片段功能,但是在实际情况下,很多东西都不是各自独立为营的。        在javascript中,回调是以callback的形式展示的。   ...

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

原创 对token的理解总结

       这段时间,忙着项目,也在做的过程中学了很多,有一些之前虽然知道,但是不是很清楚,现在趁着闲暇时间来一个小小的总结;主要是针对token的知识。      一、token是什么?用来做什么?             我的理解:token就是一个身份的临时认证,用户在登录后,不可能进...

2018-12-22 10:34:52 249 0

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

在使用angular时,接触最频繁的是http请求, 一、不用考虑请求中含token的情况 (1)get方式的请求如下:  先配置header this.httpOptions = { headers: new HttpHeaders( { ...

2018-12-15 15:44:02 868 0

原创 ionic3 请求跨域问题

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

2018-11-30 15:38:15 881 0

原创 ionic3 简易公告栏的制作

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

2018-11-16 16:32:22 265 0

原创 ionic3 改编的list效果图

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

2018-11-15 19:17:01 275 0

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

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

2018-11-10 11:46:38 425 0

原创 ionic3 在build的时候出错

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

2018-11-10 11:32:22 319 0

原创 ionic3 制作九宫格效果

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

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

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

在编程中少不了会使用到全局变量,今天谈到的是ionic3和angular4配合使用搭建app时用到的全局变量的方式,具体的搭建方法如下: 1)直接在app中新建一个config.ts文件    2)在需要使用全局变量的组件中这样引用 import {AppConfig} from &q...

2018-10-29 22:44:44 2203 0

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

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

2018-10-29 22:43:05 666 0

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

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

2018-10-29 22:36:56 950 0

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

在使用ionic的时候,会发现有些方法和用html来开发还是有一点区别的,在获取input框内的数据方式有2种,具体见一下代码。 1、使用#变量名的方式      注意函数的传值,以及参数类型,获取值的语句。     这种方式是HTMLInputElement,故获取到的值不是一个纯粹的值,...

2018-10-22 22:26:29 1528 0

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

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

2018-10-14 18:28:56 2558 1

原创 ionic3 自定义toast样式

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

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

原创 vuex环境搭建及小案例

1、在项目下安装vuex:npm install vuex --save-dev 2、在main.js中注册vuex: import Vuex from 'vuex' //注册vuex import store from './vuex/s...

2018-10-14 17:31:59 226 0

原创 mac下配置环境变量

直接在终端输入: open .bash_profile   配置sdk、jdk export ANDROID_HOME=sdk的本地位置 export ANDROID_TOOLS=$ANDROID_HOME/tools export ANDROID_PLATFORM_TOOLS=$ANDR...

2018-10-14 17:28:23 120 0

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

  一、定时器的写法:(本例运用的是setInterval) (1)对定时器使用的基本理解   定时器名 = setInterval(“要执行的函数名”,定时时间毫秒); //定时器 clearInterval(“定时器名”); ...

2018-10-01 19:36:22 2062 0

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

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

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

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

1、全局安装font-awesome cnpm install font-awesome --save-dev 2、main.js中引入      import 'font-awesome/css/font-awesome.min.css' 3、在相关文件中使用 &a...

2018-09-30 16:18:17 713 0

原创 进度条制作

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

2018-09-30 16:06:14 805 0

原创 textarea高度自适应函数

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

2018-09-24 13:51:37 205 0

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

  在一些题库系统中,很容易遇到分条作答的现象,当大量的答案都只通过一段话显示在一起的时候,很难让人分清楚条理,关键字也不明显,很容易出现错判断的现象,而通过括号大段的在一起也很难看,那么怎样才能实现分条作答的页面呢? 思路如下: 1、给出规范,如遇到()代表答案内容中的一条; 2、推测特...

2018-09-23 22:35:04 445 0

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

1、子组件 <template> <div class=""> {{form}} </div> </template> <script&am...

2018-09-23 22:23:59 114 0

原创 js的回调函数使用

源码见地址:https://download.csdn.net/download/colourfultiger/10673643 html部分 <div class="box"> <div id="callback...

2018-09-18 12:41:49 697 0

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

基本结构 <div class="header"> <div class="inner"> <a href="#">标题栏<...

2018-09-07 12:40:19 1594 0

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

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

2018-09-06 17:39:47 1695 0

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

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

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

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

1、文件位置在head里面引入,无 !important 时  或 文件位置在body里面引入,无 !important 时        按照从上到下的顺序依次执行,同一样式会选择最后一个文件里面的渲染[就近原则]。        若想实现自己的样式最先,文件在head或body里面引入,都...

2018-09-03 10:14:06 1485 0

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

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

2018-09-03 09:44:27 2206 0

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

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

2018-08-28 21:39:02 3858 0

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

在使用loading加载的过程中,elementui提供了两种样式,但是针对不同的项目,也是有着不同的需求,需要不同的或者特制的loading加载效果。 解决思路如下: 结合elementui本身的标签(某种意义上来说该框架的标签即为class),从浏览器最终的渲染效果出发,查看最终渲染成的元...

2018-08-23 18:03:59 7594 0

原创 css 中 not选择器的探索

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

2018-08-22 23:01:15 5977 0

提示
确定要删除当前文章?
取消 删除