FRONTEND 十月 11, 2019

使用Console技巧提高JS调试技能

文章字数 6.8k 阅读约需 6 mins.

其实 JavaScript 给到我们很多调试工具来调试代码,那问问你自己,你又知道多少呢?用到多少呢?

大部分前端开发在 JavaScript 调试代码的常规用法都是直接console.log,直接输出某一个变量或者返回数据里面的对象数据。当然毋庸置疑这样输出来调试是没有问题的。但是不是最优雅的方式来调试代码,其实还有更好的办法。作为一个有追求的技术人才,有更好的调试方式为什么不去使用呢?

我们先来了解清楚浏览器的console。浏览器的console对象有提供自带的调试控制台。console对象只能在浏览器的JavaScript中使用,也就是说客户端应用可用而服务端应用不可用。它的作用或者效果会根据不同的浏览器而不同,但是基础使用方式和功能是基本一致的。不过console是可以在任何前端语言或者框架中使用。...

查看全文

FRONTEND 十月 11, 2019

使用Console技巧提高JS调试技能

文章字数 6.8k 阅读约需 6 mins.

其实 JavaScript 给到我们很多调试工具来调试代码,那问问你自己,你又知道多少呢?用到多少呢?

大部分前端开发在 JavaScript 调试代码的常规用法都是直接console.log,直接输出某一个变量或者返回数据里面的对象数据。当然毋庸置疑这样输出来调试是没有问题的。但是不是最优雅的方式来调试代码,其实还有更好的办法。作为一个有追求的技术人才,有更好的调试方式为什么不去使用呢?

我们先来了解清楚浏览器的console。浏览器的console对象有提供自带的调试控制台。console...

查看全文

运维 九月 10, 2019

GitLab Webhook 自动部署

文章字数 2.9k 阅读约需 3 mins.

创建部署公钥

sudo -Hu www ssh-keygen -t rsa

如果创建失败首先需要创建/home/www/.ssh这个文件夹

查看公钥

cat /home/www/.ssh/id_rsa.pub

添加Hook

在阿里云code.aliyun.com上的profile>ssh_key里面添加公钥

sudo -Hu www git clone [git地址]

这里注意, 一定要用www的身份状态要不后期无法自动git pull

Shell_exec

在使用这个PHP脚本的时候我们...

查看全文

LARAVEL 一月 10, 2019

Lumen 使用 laravel passport

文章字数 6.5k 阅读约需 6 mins.

Lumen是laravel的简洁版, 把laravel里面深重的依赖都去掉了, 所以直接安装laravel的passport是无法正常使用的.
所以如果要在lumen上使用laravel的passport就需要安装另外一个插件.

  • PHP >= 5.6.3
  • Lumen >= 5.3

首先安装 Lumen Passport

# 进入项目根目录
$ cd lumen-app

# 使用composer安装插件
$ composer require dusterio/lumen-passport...
查看全文

LARAVEL 一月 10, 2019

Lumen passport实现多个用户体系下的oauth验证

文章字数 5.5k 阅读约需 5 mins.

这个教程是基于, lumen里面已经安装好了lumen-passport的插件, 如果还没有的话可以先到lumen使用laravel passport教程先安装.

文件路径 vendor\laravel\passport\src\Bridge\UserRepository.php

  • 首先需要改写userRepositroy里面的getUserEntityByUserCredentials方法

  • 复制userRepositroy里面的getUserEntityByUserCredentials...

查看全文

IONIC 四月 24, 2017

IONIC 2 实现首页双击退出APP

文章字数 2.4k 阅读约需 2 mins.

首先在app/app.html下加入#myNav, 这个是用于绑定当前页面的导航标签

 <ion-nav #myNav [root]="rootPage"></ion-nav>

然后在app.component.ts做相对的改动

import { Component, ViewChild } from '@angular/core';
import { Platform, ToastController, Nav, App } ...
查看全文

IONIC 四月 20, 2017

IONIC 3 使用sliders轮播时拖动后autoplay失效解决方法

文章字数 1.4k 阅读约需 1 mins.

我们先了解一下Ionic的Sliders

首先Ionic里面的sliders是用Swiper.js的第三方插件实现的, Ionic官方Sliders的文档里面只描述了可以直接写入html标签内的属性, 有很多高级属性是没有写在文档里面的.

要怎么改变sliders的其他属性呢?

那如果我们要用到Swiper的其他属性怎么办呢? Ionic 2.x 的时候我们是可以在options里面传入的, 但是升级Ionic 3.x.x 后sliders的options属性被移除了. 现在要改变sliders...

查看全文

IONIC 四月 11, 2017

修复 Ionic 3.0.1 在IOS点击Tabs多次出现黑屏问题方法

文章字数 1.3k 阅读约需 1 mins.

Ionic 3.0.1 在IOS存在的一个严重的BUG,在IOS下多次重复点击TAB的时候页面会出现黑屏问题。

好消息是目前有一个暂时的修复方法。但是这个方法涉及修改Ionic核心代码,所以如果你们正在使用Ionic3发布APP,可以暂时使用以下办法修复问题。

node_modules/ionic-angular/components/tabs/tabs.js找到一下代码 (468行)

getComponent(this._linker, tab.root).then(function...
查看全文

IONIC 四月 10, 2017

IONIC 2 升级 3 教程

文章字数 6k 阅读约需 5 mins.

这一次的升级Ionic 3 换成了使用最新的Angular 4.0, 最新的TypeScript, 添加了懒加载和修复了一些组件的bug.

  1. 首先更新package.json, 按照以下的代码相应替换你package.json里面的代码, 并且把你项目根目录下的node_modules文件夹删除掉, 然后运行npm install (如果你是用淘宝镜像可以运行 cnpm install)
"dependencies": {
    "@angular/common"...
查看全文

IONIC 三月 19, 2017

IONIC 2 - 确认密码

文章字数 4k 阅读约需 4 mins.

开发过程中一般在注册或者修改密码都要写一个密码确认的表格, 这篇文章就是记录怎么在Ionic2里面使用FormBuilderValidators判断密码是否一致.

首先这篇文章是默认您已经了解怎么使用Angualr2FormBuilderValidator, 如果你还没了解这两个类的用法可以前去看Ionic2的文档

第一步首先我们需要实例了FormBuilder的一个FormGroup

  • 这里我们定义了passwordForm的这个表格里面的input.
  • 在最后我们加入了自定义认证方法...
查看全文

LARAVEL 二月 26, 2017

Laravel 5.4 开发笔记

文章字数 1.9k 阅读约需 2 mins.

Laravel最近出的Laravel5.4新加了挺多功能的, 比起我用了1年的5.1完善多了. 比较吸引我使用最新的5.4的有几点:

  • 5.4 添加了谷歌内核的浏览器模拟操作
  • 自带API认证类”PASSPORT”
  • 路由自动分类, 现有有了Route自己的文件夹然后里面分类好了WEB和API的路由
    这一篇记录会分享一些我在尝试Laravel 5.4的过程中遇到的问题和经验

移植(Migrate)用户和API认证表格是出现sql错误

[Illuminate\Database\QueryException...
查看全文
加载更多
0%