- 博客(37)
- 资源 (4)
- 收藏
- 关注
原创 vue 路由跳转清除定时器不起作用
在一个页面中定时器调用一个接口,切换别的路由时候定时器需要清空。是在mounted 和beforeDestroy做的不起用1.data中定义timers:null2.使用定时器调接口,摧毁时候清空定时器不起作用mounted () { this.timers = setInterval(() => { this.loadData() }, 30000) }, beforeDestroy () { clearInterval(this.timers).
2021-01-27 17:12:33 1464
原创 vue computed计算页面中传入的值
页面中: <span class="type">[{{ knowTypes(type.type) }}]</span>computed: { knowTypes () { return function (type) { let name switch (type) { case 'ZS': name = '知识' break .
2020-12-28 14:39:22 250
原创 pc端触底滑动-ScrollPageLoading
1.封装组件ScrollPageLoading.vue<template> <div> <div style="text-align: center;margin-bottom: 10px"> <a-spin v-if="loading" :spinning="loading" tip="正在加载,请稍后..."></a-spin> <span class="noData" v-else-if="cu
2020-12-28 14:38:10 385
原创 vue中使用video.js
标题1.首先下载Video。js2.引入:importVideofrom'video.js'3.页面中使用:<videostyle="display:none":id="'myVideo'+index"class="video-js":src="item.sourceUrl"controls...
2020-12-28 14:21:11 485
原创 图片为空时设置默认图片
vue data里面图片要是用require 引入,参数是errorimg errorimg:'this.src="'+require('@assets/plat/bk3.png')+'";this.onerror=null',页面中使用,判断是否为空,空的话给一个随便的值代表错误就会使用onerror <img:src="!item.image?'cdcd':item.image":onerror="errorimg"/>...
2020-12-28 14:12:28 828
原创 (vue - node - mongodb)比较好用的插件
1.vue-devtools 插件:平常的话检查代码使用的检查,这里可以使用查看路径组件等2.Json Formatter 格式化json代码3.vue-infinite-scroll :随着滚动条滚动 自动加载数据4.有时候再做node的时候每次写完代码都是node server/bin/www重新启动链接,只要有一次忘记重启代码就会报错不停的去找bug结果发现没错啊代码...
2019-06-19 11:09:03 230
原创 mongodb下express和node的基本使用
express的使用安装: 全局安装:cnpm i -g express-generator 安装后查看:express --version 生成server:express server 不使用jade,可以使用html, 1.需要安装 cnpm i ejs --save 2....
2019-06-18 10:52:00 107
原创 mongodb基础
用户创建:use testdb.createUser({user:'root',pwd:'123456',roles:[{role:'dbOwner',db:'test'}]})查看用户:db.getUser('root')创建demo表:use demo新建数据:db.user.insert1.({userId:101,userName:'jack',userAge:28,c...
2019-06-18 10:48:03 73
原创 html2canvas转图片问题
在同一页面生成的时候,首先js执行的数据到DOM后生成页面,然后canvas才能生成,如果是纯前端,就要知道图片什么时候才能完全加载出来,否则执行canvas生成的时候是少图片的。canvas用的html2Canvas生成,用到img.onload判断。还有canvas生成的时候会有一条线,可能是背景图的原因,把背景图片换成img标签就OK了。深入的清晰度转化还有待研究,这里只是做了一个简单的生成...
2018-08-17 11:51:09 2143 1
原创 调用微信接口中遇到的坑
1.下载jssdk和jsapi_tivket后,由于token每两小时会更新一次,一天之内有固定次数限制。当你获取微信个人信息之后进入页面再次刷新页面,页面就会报错,告诉token、过期,code获取不到。解决方法:token保存起来,这里用到的php语言,所以使用session保存起来。2.放到服务器端,有时候会加载页面的图片什么失败,由于微信接口会配置一个文件txt,这时候看服务器端是否给了这...
2018-06-12 18:29:04 2695
原创 微信小程序navigateTo不起作用
遇到过微信小程序wx.navigateTo不起作用的原因:1.app.json里tabBar里面的list使用的pagePath跟wx.navigateTo路径一样的话不起作用,实现不了跳转。2.可以使用wx.switchTab和和wx.redirectTo来代替,但是有一定的不同;3.wx.switchTab是唯一能跳转到 tabBar 页面,而wx.switchTab却只能
2017-12-19 15:02:58 15486
原创 checkbox 子级父级联动
1.点击父级取消,子级全部取消;2.点击任意一个子级checked,父级自动checked;3.里面的value的值和内容自己根据情况修改,我这里是从后台拿到的数据;'+L2Source[i].name+' <input type="checkbox" class="ziji checkSource" value="'+L2Sourc
2017-08-16 17:03:06 891
原创 js file上传图片并显示出来
1.首先给个img点击上传的图片,让input隐藏。并且定位到img地方;2.div 传递的参数是input的id,input 展示传递的参数是div的id; js://-------
2017-08-16 16:44:16 5982
原创 前端文字超出部分省略号代替
设置最大宽度时,超出隐藏,隐藏部分用﹉代替代码: text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
2017-03-02 15:14:00 4120
原创 js按钮全选反选
var oBtn1 = document.getElementById('button1'); var oBtn2 = document.getElementById('button2'); var iN = document.getElementById('checkbox'); var aLL = document.querySelectorAll('li inp
2016-10-06 23:42:49 387
原创 js轮播图
.box{ width: 408px; height: 304px; background: gray; margin: auto; padding-top: 4px; } .p
2016-10-06 23:40:43 201
原创 隔行变色
div{ width: 500px; height: 600px; } ul{ list-style: none; } li:nth-child(2n){
2016-10-06 23:33:16 193
原创 选择想要出现的图片张数
ol{ } li{ list-style: none; float: left; width: 150px; height: 150px; b
2016-10-06 22:29:54 281
原创 无缝轮播图
//这里用到了iconfont ,首先去图标库下载iconfont用到的左右图标//css*{ padding: 0; margin: 0;}li{ list-style: none;}.promo{ width: 520px; height: 280px; border: 3px solid #000;
2016-10-06 20:49:38 240
原创 for循环点击
ol{ list-style: none; margin-left: 300px; overflow: hidden; } ol li{ width: 50px;
2016-10-05 22:24:05 392
翻译 OpenGLES下进行渲染
头文件加上#import @property(nonatomic,strong)GLKView *glkView;@property(nonatomic,strong)CIFilter *filter;@property(nonatomic,strong)CIImage *ciImage;@property(nonatomic,str
2015-07-30 17:06:35 375
转载 Core Image滤镜的组合
//0.导入CIImage图片 CIImage *ciImage = [[CIImagealloc] initWithImage:[UIImageimageNamed:@"demo"]]; //1.创建出Filter滤镜 CIFilter *filterOne = [CIFilterfilterWithName:@"CIPixellate"];
2015-07-30 17:03:36 354
翻译 ios面试问题
main{ int a[5] = {1,2,3,4,5}; int *ptr = (int *) (&a+1); printf("%d,%d",*(a+1),*(ptr-1));}写一个NSString类的实现+(id)initWithCString:(const char*)nullTerminatedCString encoding:(NSStringEnco
2015-07-28 10:45:11 348
翻译 AppDelegate.h中各个方法的使用
/** * app加载完毕的时候调用(一般只调用一次) */- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { return YES;}/** * app失去焦点的
2015-07-20 16:13:57 399
原创 注销 弹出来的消息实现方法
这个是UIActionSheet实现的#import "ContatcsTableViewController.h"@interface ContatcsTableViewController ()后面加上 UIActionSheetDelegate>- (IBAction)logout:(UIBarButtonItem
2015-07-16 20:38:49 334
原创 偏好设置保存数据
//偏好设置专门用来保存应用程序的配置信息的,一般情况不要再偏好设置中保存其他数据//如果利用系统的偏好设置来存储数据,默认就是存储在Preferences文件夹下面的 //偏好设置会将所有的数据保存到同一个文件中//保存数据 //1.获取NSUserDefaults对象NSUserDefaults * defaults = [NSU
2015-07-16 11:18:44 637
原创 协议的实现
正向传值,反向传值反向传值如需从ContactTableViewController中点击添加按钮跳转到EditViewController,添加完又返回到ContactTableViewController;只要点击就跳转的segue是自动的,(按钮与下一个视图连接)点击之后判断正确登陆的是手动的segue(视图与视图连接)EditViewController.hzhong
2015-07-13 15:22:36 446
原创 监听的实现
登陆的时候有用户名跟密码,只有两者全部输入时登陆按钮才会变亮才能点击登陆,否则为灰,不能登陆。这时候就用到了监听-(void)viewDidLoad{//监听文本输入框的变化//1.拿到通知中心NSNotificationCenter * center = [NSNotificationCenter defaultCenter];//2.注册监听 注意点:一定要写上通知的发
2015-07-13 13:24:55 276
原创 Web
试图加载网页要用到loadRequest:方法。需要完成三步:给出网址:使用URLWithString:方法创建一个NSURL对象,并初始化一个网址+(id)URLWithString:(NSString *)URLString;其中,NSString *用来指定网址,它是一个字符串传递网址:使用requestWithURL:方法,将网址传递给NSURLRequest对象+(i
2015-07-10 20:54:53 249
转载 UINavigationBar功能实现
IOS5中:-(void)setBackgroundImage:(UIImage)backgroundImage forBarMetrics:(UIBarMetrics)barMetricsIOS6中:在上面的方法基础上,加上[UIApplication shareApplication].statusBarStyle = UIStatusBarStyleBlackOpaque;
2015-07-09 11:07:03 204
原创 导航控制器
导航控制器从某个视图控制器跳转到根视图控制器-(NSArray *)popToRootViewControllerAnimated:(BOOL)animated;导航控制器如何执行跳转到指定的视图控制器-(NSArray *)popToViewController:(UIViewController *)viewController animated:(BOOL)anima
2015-07-08 10:37:41 282
转载 小型音乐播放器加图片转换
@property(strong,nonatomic)MPMoviePlayerController * player;@property(strong,nonatomic)MPMoviePlayerController * player1;@property(strong,nonatomic)IBOutlet UIImageView * ima
2015-07-07 14:08:48 301
转载 label相关的问题
UILabel垂直居上对齐[label sizeToFit];//设置文字过长时的显示格式 label.lineBreakMode = UILineBreakModeWordWrap;typedefenum { UILineBreakModeWordWrap =0, // Wrap at word boundaries
2015-07-06 19:23:29 445
projects.rar
2019-06-18
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人