
前端
weijun-w
这个作者很懒,什么都没留下…
展开
-
关于前后端交互的登陆认证权限的请求头增加token的方法
当后台的接口需要有权限才能访问时,就需要前后端进行约定请求头认证用户;这里以angular为例子,其他框架封装的ajax大同小异 var token = 'esds05a5cb2617dc507dfc2c4bdc5bd09907aded'$http({method: "GET",url: url,headers: {'Authorization': 'Token ' +...原创 2018-04-13 11:27:04 · 6838 阅读 · 0 评论 -
ionic3手机状态栏显示异常,只显示电池
如图所示: 第一张是显示异常只显示了电池的图。第二张是解决后正常的图卸载statusbar的插件:ionic cordova plugin rm cordova-plugin-statusbar重新安装statusbar插件:ionic cordova plugin add cordova-plugin-statusbar@2.2.1然后重新打包在查看就正确了...原创 2019-02-22 10:29:16 · 467 阅读 · 0 评论 -
ionic3自定义组件以及组件间的双向通信
1、在一个项目下创建一个页面Test1Page:ionic g page test12、创建一个组件commen:ionic g component commen,我们在Test1Page页面中引入组件commen,创建完成后目录如图:3、在commen.html中,代码如下:<div> <div [ngClass]="{'checkbox': true, 'is-o...原创 2019-02-21 14:27:51 · 1435 阅读 · 0 评论 -
ionic3自定义指令(自定义结构型指令和属性型指令)
ionic start demo tans创建项目后;一、属性型指令:1、命令行创建指令:ionic g directive change-color ;会生成一个directives的目录2、directives/change-color/change-color.ts文件中:import { Directive, Input, ElementRef, HostListener } fr...原创 2019-02-22 13:32:01 · 978 阅读 · 1 评论 -
ionic3中的手写板插件--个性签名、画图等简单玩法(ionic2也通用)
1、通过npm安装包angular2-signaturepad: npm install angular2-signaturepad --save,可以使用cnpm 安装,mac可以加入权限sudo 进行安装。2、app.module.ts中引入插件:import { NgModule, ErrorHandler } from '@angular/core';import { Brows...原创 2019-02-18 14:47:37 · 2030 阅读 · 1 评论 -
ionic3 tabs切换子页面详解(包括默认进入切换到某一子页面,或者在子页面触发事件切换)
ionic提供了一个tabs的页面,如图:一般情况下默认是第一个选中状态,显示第一个子页面1、当希望进入app后默认出现第二个子页面的内容,并且选中第二个tab,在tabs页面如下import { Component, ViewChild } from '@angular/core';import { Tabs } from 'ionic-angular';import { Plan...原创 2019-02-12 17:13:58 · 2657 阅读 · 0 评论 -
ionic3顶部tabs点击切换功能
1、新建项目,ionic start demo tabs ,选择在Home页面做这个功能2、在home.html页面:<ion-header> <ion-navbar> <ion-title>Home</ion-title> </ion-navbar>&原创 2019-02-20 17:03:54 · 1164 阅读 · 0 评论 -
ionic3自定义管道
1、ionic start demo tabs,创建项目2、ionic g pipe change-text, 创建一个管道,创建成功后目录中会多一个pipe目录,如图:3、我们做一个改变字符串的管道,相当于ng1中的过滤,需要在app.module.ts中引入:app.module.ts:import { NgModule, ErrorHandler } from '@angular/...原创 2019-02-26 14:23:45 · 469 阅读 · 0 评论 -
ionic3自定义服务
1、创建项目:ionic start demo tabs;2、创建一个服务:ionic g provider data-server,可以做一个保存本地存储的服务用来各个页面调用,部分截图如下:3、在app.module.ts中引入服务:app.module.ts:import { NgModule, ErrorHandler } from '@angular/core';import...原创 2019-02-26 14:32:26 · 658 阅读 · 0 评论 -
ionic3中引入第三方js库的方法总结
以jquery为例:创建ionic3项目:ionic start ionic3-test tabs一、在使用的页面导入js文件路径; 下载jquery.min.js文件,找到assets下面,创建js文件夹,将下载好的jquery.min.js放在js文件夹下,在使用的页面的ts头部引入文件路径,我是在home页面下引入并测试的。下面是home.ts文件 ...原创 2018-12-14 17:31:49 · 2709 阅读 · 0 评论 -
ionic3自定义管道,导入使用后报错找不到管道(The pipe 'wordPlacePipe' could not be found)的坑
最近在做一个app项目。使用了ionic3框架,中间要做一个输入框输入字符在一些已知的字符中筛选并高亮提示的搜索功能,我选择使用过滤的方法来实现,在angular4-ionic3中也叫管道。在项目中创建管道命令行:ionic g pipe wordPlace创建完成后,会生成如下文件目录:我所需要的功能只需要在word-place.ts中写入代码就可以了,然后在app.module...原创 2018-11-09 16:15:26 · 3490 阅读 · 4 评论 -
angular拦截器的使用方法
1、在angular自定义一个服务angular .module('inspinia') .factory('timestampMarker', ["$rootScope", function ($rootScope) { var timestampMarker = { request: function (config) { $roo...原创 2018-04-13 11:39:50 · 745 阅读 · 0 评论 -
一个简单好用的前端文本编辑器插件
查看地址:http://weijunw.gitee.io/golden_miner/editer/index.html下载地址:https://gitee.com/weijunw/text_editor.git原创 2018-04-13 12:04:01 · 4740 阅读 · 0 评论 -
IOS打包app到appstore,一直在Authenticating with the iTunes Store...状态的解决办法
如题,本人用的是mac虚拟机开发app的,使用的框架是ionic,开发完成后打包上传安装包的时候出现了一个很常见的错误,截图如下: 等待良久后终于报错: 不过很常见的错误,非常容易就解决了,但是很常见很常见,解决办法可以: 1、在网络环境好的时候多尝试几次,也许行,也许不行; 2、打开终端,输入 cd ~ mv .itm...原创 2018-04-24 15:45:30 · 8172 阅读 · 0 评论 -
KindEditor 使用方法简单介绍
通常我们写大段文字需要用到textarea标签,但是它仅仅能实现纯文字编辑,当我们需要上传的内容有文本和图片或者视频表情时,这个时候需要用到富文本插件来帮我们实现,下面开始介绍KindEditor的实现方法。1、下载 KindEditor 最新版本下载页面: http://www.kindsoft.net/down.php2、解压文件后,随便创建index.html文件,在index.html中引...原创 2018-05-03 17:42:22 · 575 阅读 · 0 评论 -
关于微信小程序使用wxParse报错: thirdScriptError console.dir is not a function
解决办法:把wxParse插件下的html2json.js里的console.dir注释掉或者替换成console.log。原创 2018-06-26 10:29:19 · 6763 阅读 · 6 评论 -
关于富文本kindeditor中上传本地图片成功后获取到的图片路径是相对路径修改为绝对路径
找到kindeditor插件kindeditor-all.js有的或者是kindeditor.js,找到urltype的设置,K.options = { designMode : true, fullscreenMode : false, filterMode : true, wellFormatMode : true, shadowMode : true, l...原创 2018-07-06 10:14:48 · 5998 阅读 · 0 评论 -
vue2+webpack使用axios跨域请求数据的设置
初次使用vue搭建项目,在进行交互请求数据时候报了经常会出现的错误,Failed to load http://localhost:3000/add: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore ...原创 2018-09-12 16:19:02 · 948 阅读 · 0 评论 -
阿里云轻量级服务器搭建服务器后外网无法通过公网ip访问的解决办法
之前用的是阿里云服务器ECS,这个如果外网无法访问,可通过修改安全组大概在控制台>云服务器ECS>安全组>配置规则,当然今天要解决的不是云服务ECS的外网访问,而是阿里云另外一个类型的服务器配置,叫轻量级服务器,是专门为学生制定的云服务器,如果是学生购买会很便宜(ps:阿里云判断是不是学生只看年龄,不需要用学生证证明~^o^~),无意间购买了一个月试用。大概就是这个样...原创 2018-09-27 10:49:51 · 12274 阅读 · 6 评论 -
解决vue中使用swiper的loop循环失效和路由跳转回来后自动轮播失效需要手动滑动才能重新开始轮播
vue中使用v-for循环加载swiper的组件时<div class='swiper__content'> <swiper :options="swiperOption" ref="mySwiper" class="swiper__content-item"> <swiper-slide class="swiper-list" ...原创 2019-04-23 14:03:06 · 6786 阅读 · 3 评论