海货-优快云博客

原创 ionic真机调试

1：数据线连接手机开启开发者模式2：chrome输入 chrome://inspect/#devices 3：点击连接手机【需要翻墙】

2018-05-19 14:36:36 1771

1：创建服务ng g service services/storage2：引入服务app.module.ts 里面引入创建的服务：import { StorageService } from './services/storage.service';NgModule 里面的 providers 里面依赖注入服务@NgModule({declarations: [AppComponent,Heade...

2018-05-15 17:56:36 872

原创 ionic安装

1：安装nodejs2：需要安装 npm install -g cordova ionic3：创建项目：ionic start myApp tabs

2018-05-09 19:44:31 196

原创 ionic打包

ios：1. 创建项目: ionic start myApp tabs2 cd 到刚才创建的项目ionic cordova platform add ios 把 ios 环境添加到我们的项目修改代码后运行 ionic build / sudo ionic cordova build ios / sudo cordova-hcp build...

2018-05-09 14:39:11 280 1

原创 ionic插件安装

1：@ionic-native/keyboardionic cordova plugin add ionic-plugin-keyboardnpm install --save @ionic-native/keyboard

2018-05-09 10:43:42 1242

原创 ionic常用命令

1：初始化项目：ionic start projectname [模版名称] --v2 [--ts]【默认采用tabs template{还有tutorial}作为初始化项目的模版，此过程安装必要的modules，并且安装依赖的Cordova组件】2：启动服务：[sudo] ionic serveionic run androidionic run ios3：打包：sudo ionic cordo...

2018-04-25 14:52:57 233

原创 css隐性改变display类型

有一个有趣的现象就是当为元素（不论之前是什么类型元素，display:none 除外）设置以下 2 个句之一： 1. position : absolute 2. float : left 或 float:right 简单来说，只要html代码中出现以上两句之一，元素的display显示类型就会自动变为以 display:inline-block（块状元素）的方式显示，当然就可以设置元素的 wi...

2018-04-20 15:26:24 297

原创 angular创建管道

1：ng g pipe pipe/multiple【目录/管道名称】

2018-04-18 18:46:10 1758

原创 angular装饰器

1：只有声明了 @Injectable 的服务才可以注入其他服务【建议所有的服务都加上此装饰器】2：要想服务被其他服务注入，首先必须在模块服务【app.module.ts】里的 providers 声明...

2018-04-17 11:35:16 369

原创 angular创建命令

1：ng g service shared/product【文件夹/服务名称】

2018-04-17 11:07:58 895

原创 angular守卫路由

1：CanActivate：处理导航到某路由的情况2：CanDeactivate：处理从当前路由离开的情况3：Resolve：在路由激活之前获取路由数据

2018-04-13 12:53:10 272

原创 angular路由传参数

第一种：第二种：1：{path: 'product/:id', component: HomeComponent}2：<a [routerLink]="['/product', 1]">Product Details</a>3：private productId:number;private test:boolean;private isProd:boolean;...

2018-04-13 12:50:45 333

原创 angular常见命令

1：ng g component zujianname

2018-04-10 17:53:48 182

原创 angular添加第三方类库

1：安装到本地 cnpm install jquery --save 【--save 将类库添加到package.json文件】2：将需要的类库添加到package.json文件下 styles、scripts 数组下例如："scripts": [ "../node_modules/jquery/dist/jquery.js", "../node_modules/bootstrap/dis...

2018-04-10 17:48:05 431

原创 angular环境搭建

1：安装npm【省略】2：安装angular命令行工具 cnpm install -g @angular/cli 【ng -v 测试安装是否成功】3：创建项目 ng new projectName -skip-install 【-skip-install跳过安装依赖包】4：安装依赖包 cnpm install5：运行项目 ng serve...

2018-04-10 17:18:40 152

原创 js类型判断总结

typeof ：适合基本类型及function检测，遇到null失效【可以使用===判断是不是等于null判断】；Class：通过{}.tostring拿到，适合内置对象【array、date等等】和基本类型，遇到null和undefined失效【ie6/7/8等返回[object object]】；例：P.prototype.tostring();instanceof：适合自定义对象，也可以用来...

2018-03-24 15:29:38 167

原创 js写插件教程

<!doctype html><html lang="en"><head> <meta charset="UTF-8" /> <title>Document</title> <style type="text/css"> #

2018-03-01 11:46:07 1045 1

原创 tomcat环境变量配置

1：添加 path D:\Program Files\apache-tomcat-7.0.82\bin2：添加系统变量 CATALINA_HOME D:\Program Files\apache-tomcat-7.0.82

2018-01-16 18:17:36 192

原创常用的缓存方式

前端缓存技术1：SessionStorage2：userData3：Cookie4：openDatabase5：localStorageSessionStorage临时存储神奇优点：临时存储神奇，关闭页面标签自动回收，不可以跨页面交互缺点：临时因为是临时，所以不能存储持久化的东西userData【ie支持的】优点：出现时间比sessionStor

2017-12-21 00:15:46 1145 1

原创 angular-ng new

参数简介（ng help）帮助开发辅助（--dry-run）修改项目默认值（--perfix）

2017-12-17 17:25:24 1938

原创 angular-cli

好的工具能让开发更加简单快捷。Angular CLI是一个命令行界面工具，它可以创建项目、添加文件以及执行一大堆开发任务，比如测试、打包和发布。步骤1. 设置开发环境在开始工作之前，我们必须设置好开发环境。如果你的机器上还没有Node.js®和npm，请先安装它们。请先在终端/控制台窗口中运行命令 node -v 和 npm -v，来验证一

2017-12-17 16:56:59 236

原创隐性改变display类型

隐性改变display类型有一个有趣的现象就是当为元素（不论之前是什么类型元素，display:none 除外）设置以下 2 个句之一： 1. position : absolute 2. float : left 或 float:right 简单来说，只要html代码中出现以上两句之一，元素的display显示类型就会自动变为以 display:inli

2017-12-17 00:39:39 242

原创垂直居中

垂直居中-父元素高度确定的单行文本我们在实际工作中也会遇到需要设置垂直居中的场景，比如好多报纸的文章标题在左右一侧时，常常会设置为垂直居中，为了用户体验性好。这里我们又得分两种情况：父元素高度确定的单行文本，以及父元素高度确定的多行文本。本节我们先来看第一种父元素高度确定的单行文本, 怎么设置它为垂直居中呢？父元素高度确定的单行文本的竖直居中的方法是通过设置父元

2017-12-17 00:11:42 218

原创水平居中设置

水平居中设置-行内元素这里我们又得分两种情况：行内元素还是块状元素，块状元素里面又分为定宽块状元素，以及不定宽块状元素。今天我们先来了解一下行内元素怎么进行水平居中？如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center 来实现的。水平居中设置-定宽块状元素当被设置元素为块状元素时用 text-align

2017-12-17 00:02:28 310

原创 live-server

live-server是一款简单的开发用的Http服务器。特点就是在你静态文件进行修改后，有自动加载的功能。使用它主要有两个原因：1、对Ajax的操作必须要有服务器的支持，比如用javascript去获取内容。2、浏览器的自动更新，可以加快开发。你不需要安装任何浏览器插件或手动添加代码片段到您的网页代码里。

2017-11-27 23:37:51 2510

原创 JavaScript原型对象和原型链

开篇之前对js中的原型链和原型对象有所了解，每当别人问我什么是原型链和原型对象时，我总是用很官方（其实自己不懂）的解释去描述。有一句话说的好：如果你不能把一个很复杂的东西用最简单的话语描述出来，那就说明你没有真正的理解。最近正在读《Javascript高级程序设计》，书中对原型对象和原型链的描述让我受益匪浅，下面仅用一个对比性的例子来说明。我们经常会这么写 funct

2017-11-01 16:42:46 269

原创 TypeScript介绍

作为编程语言的TypeScript 关于TypeScript，首先要认识的一点就是：它是Anders Hejlsberg的作品。Anders是第一流的编程语言设计师，也是第一流的编译器实现者。作为Object Pascal和C#之父，Anders这次仍然采用了此前的做法：他设计了一种新的语言，并实现了这种语言的编译器，来改进一种已有的语言。但这次又和此前有所不同，此前无论是Object P

2017-10-24 10:43:17 370

原创 vue介绍

Vue.js 是什么Vue.js（读音 /vjuː/，类似于 view）是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动。如果你是有经验的前端开

2017-10-19 16:22:55 303

原创 ext简要描述

ext简要描述

2017-10-19 16:18:36 320

原创欢迎使用优快云-markdown编辑器

markdown 使用

2017-09-28 12:23:09 134

html标签转换

html标签与转移符转换 tag_util.html2Escape = function html2Escape(sHtml) { return sHtml.replace(/[<>&"]/g, function (c) { return { '<': '<', '>': '>','"': '"',"&":"&" }[c]; }); }

2017-11-01

json数据转换

数据转换工具类 /** ** 替换字段名称 ** relat : 对应关系 ** json_data: 要替换的目标数据 ** 示例: ** relat {name1:"name",name2:"sex"}; ** json_data [{id:11, name1:"张三",name2:"男"}]; ** return [{id:11, name:"张三", sex:"男"}]; **/

2017-11-01

session客户端参数存储

session存储，cookie存储 ///保存 session_util.set = function (key, value) { $.session.set(key, value); } ///获取 session_util.get = function (key) { return $.session.get(key); } ///删除 session_util.remove = function (key) { $.session.remove(key); }

2017-11-01

表单异步提交

页面跳转，提交参数 var form = new form_util.form({ url: uri, method: 'POST', target: '_self', params: param }); $(form).submit();

2017-11-01

昨天我把服务器端的数据接口说成接口，领导说你们把这个叫做接口吗？

2017-05-12

TA创建的收藏夹 TA关注的收藏夹

TA关注的人