- 博客(25)
- 收藏
- 关注
RSS订阅原创 Stencil练习之模仿Capacitor首页
Capacitor首页只写了一个这个首页，已上传到github使用：git clone https://github.com/iheqi/stencil-test.gitcd stencil-testgit remote rm originand run:npm installnpm start
2018-04-17 20:53:21
271
原创 Stencil笔记（5）- Events
即发布订阅模式要自定义事件，可以使用Events装饰器。import { Event, EventEmitter } from '@stencil/core';export class TodoList { @Event() todoCompleted: EventEmitter; todoCompletedHandler(todo: Todo) { this.todoCo...
2018-04-15 20:45:04
448
原创 Stencil笔记（4）- 组件钩子
import { Component } from '@stencil/core';@Component({ tag: 'my-component'})export class MyComponent { /** * 组件正在加载，尚未渲染呈现时触发调用。 * * 这是在渲染前进行最后更新的地方。 * * 只会被调用一次 */ compon...
2018-04-15 10:49:14
649
原创 Stencil笔记（3）- 装饰器
Stencil可以轻松构建丰富的交互式组件。现在有以下几个装饰器：componentpropwatchstatemethodelement1、Component装饰器：每个组件都要用这个装饰器来装饰。装饰器里最基本的要有一个tag元数据，当然，styleUrl也几乎是必须的。另外还有styleUrls，这个元数据可引用多个样式表。import { Component } from '@stenci...
2018-04-15 10:25:12
666
原创 express简单使用笔记
之前写的，搬到这里方便查阅，现在好像用koa比较多了，总之先记录。Express 官网：英语官网： http://expressjs.com/中文官网： http://www.expressjs.com.cn/Express 不对 Node.js 已有的特性进行二次抽象，只是在它之上扩展了 Web应用所需的基本功能。1. Express 安装使用安装：npm install express --s...
2018-04-14 19:02:52
400
原创 Stencil笔记(2) - JSX的使用
Stencil组件使用jsx（一种流行的声明性模板语法）来呈现。每个组件都有一个render函数，这个函数返回在运行时要呈现给dom的组件树。基本用法class MyComponent { render() { return ( <div> <h1>Hello World</h1> <p>Thi...
2018-04-06 22:55:25
632
原创 Stencil笔记(1) - 组件
Stencil: 一个Web Components编译器Stencil具有诸如以下特征Virtual DOM异步渲染（受React Fiber启发）响应式数据绑定TypescriptJSX通过添加带有.tsx扩展名的新文件（例如my-first-component.tsx），并放置在src / components目录中来创建Stencil组件。.tsx扩展名是必需的，因为Stencil组件是使用...
2018-04-06 22:08:07
532
原创 js + canvas 图片滤镜
以前的数字图像处理课设，老师说随便怎么实现。我便用js做了几个效果，并可以将处理后图片下载下来，此博客纯属记录。加油吧~~效果等：.html:<!DOCTYPE html><html><head> <title>homework</title> <script type="text/javascript" src="c
2018-04-02 19:10:46
2189
原创 学习ES6 模块
之前学ES6 模块时，发现写的代码都各种报错，我以为是浏览器还不支持，自己也不想用babel转换。Node.js环境还不支持export、import：现在查一下浏览器环境的支持程度：先写两个js文件：export.js:export var name = "test";export let age = 50;import.jsimport { name, age } from './expo...
2018-03-17 12:38:14
235
原创 ===、Object.is()、Set去重的区别
这几个的差异是在-0与+0；NaN上。不知道为什么不统一起来。①===-0与+0是相等的NaN与NaN是不相等的②Object.is()与===相反，-0与+0是不相等的，NaN与NaN是相等的③SetSet认为两组都是相等的。运行如下：另外，ES7中数组的includes方法，用于查找数组中是否存在某个元素。其比较的规则是与Set相同的。...
2018-03-13 18:56:27
249
原创 关于Ionic构建的PWA部署到云服务器
Ionic可构建为PWA（渐进式应用程序），实现无需安装，离线使用。但我部署到阿里云后，发现不成功。放到本地的Tomcat服务，却又可以。查看一下缓存：部署到Tomcat必要的文件都缓存下来了。然后看看阿里云下：并没有缓存报了错：哎，因为我的云服务器没有域名备案，认为是不安全的，所以没有缓存。~...
2018-03-11 22:53:56
1108
原创 ionic3封装自定义Toast（添加图标）
Toast中文翻译如果想往Toast里加点其他东西呢？看到一些实现：1.修改源码2.引入其他库（来自晴天大佬：https://www.jianshu.com/p/17ab4003fa18）出于学习，我自己封装了一下，自己封装的更自由，想怎么改就怎么改。如有错误，请大佬们斧正，蟹蟹蟹。。。（1）创建先创建组件：ionic g component custom-toast打开custom-toast...
2018-03-05 19:49:46
2240
3
原创 ionic3使用阿里NG-ZORRO组件库
之前写的。NG-ZORRO是阿里基于ng开发的一个组件库。突发奇想，我试着在ionic中使用，里面封装了许多组件，比起自己去封装然后还一堆bug，这也许是一种选择。NZ文档要在ionic使用NZ库，必须先安装ng动画库，ionic中是没有的，需要自己安装。最新版本nz需要ng4.4.4，除了动画包，其他的ng包也要对应。目前ionic-ng-nz对应的是：ionic3.8-ng4.4.4-nz0....
2018-03-04 23:00:20
1766
原创 租了个阿里云服务器及nodejs镜像的使用
阿里云服务器轻量服务器还是ECS服务器？我选择的是轻量服务器，然后应用镜像可以先随便选一个，反正可以重装。一开始选择了应用镜像为wordpress，window下远程登录服务器可以使用putty软件，阿里控制台也可以。（1）Linux小白的简单记录，如有错误，请多斧正，谢谢1、查看云服务器内核的信息：uname -a看不懂，不过没关系。2、切换到root用户：sudo su root这样就可以访问...
2018-03-03 17:04:11
5336
1
翻译 ionic3中文翻译：ToastController
原文Toast是应用中常用的微妙（subtle ）通知。它用于提示有关操作的反馈或显示系统消息。Toast显示在app内容的顶部（覆盖内容），app可以将其关闭，以恢复用户与app的交互。1.创建toast的所有选项都应该在create方法的第一个参数中传递：create(opts)。message选项设置要显示的消息。showCloseButton选项设置为true，在Toast上将显示一个关闭...
2018-02-14 15:27:12
665
翻译 ionic3中文翻译：AlertController
原文alert是一个对话框，用来向用户展示信息或提示用户输入信息。与ActionSheet一样，它会显示在内容的顶部（覆盖内容），用户必须手动关闭，才能恢复与应用的交互。它可以有一个 title，一个subTitle和一个message。您可以在create方法的第一个参数中传递所有alert的选项（opt）：create(opts)。此外，alert的实例也具有添加选项的方法，例如s
2018-02-03 12:16:19
1217
1
原创 ionic3 demo之记事本
一晃快三个月没看ionic了，学了之后也一直没做出什么来。写了个简单实用的记事本，仅此记录。基本功能：1.添加任意列表，添加任意列表项2.列表内容的永久存储，查增改删。3.可选择开启或关闭加密，并设置密码4.可构建为PWA，实现无需安装，离线使用......github希望得到小星星，这也许对我的校招有用，蟹蟹蟹蟹O(∩_∩)O~。时间是过得很快的，加油吧。...
2018-02-03 12:13:40
399
1
原创 ionic3实现三种回顶部操作
第一种：用id获取模板中content中最高的那个元素，给元素设置id：id="topest"然后触发方法：toView(){ let element = document.getElementById("topest"); if(element){ element.scrollIntoView();}这也就是我们常说的锚点，这种方法是直接...
2017-11-09 20:57:22
5362
1
原创 ionic providers的使用
provider，也叫service。前者是ionic的叫法，后者是ng的叫法。当重复的需要一个类中的方法时，可封装它为服务类，以便重复使用，如http。首先导入装饰器，再用装饰器装饰，这样，该类就可以作为提供者注入到其他类中以使用：import { Injectable } from '@angular/core';@Injectable()export class Htt
2017-10-07 20:43:42
3026
2
原创 ionic3自定义icon图标（简单版！）
有小伙伴说这方法不行了，可能原因是样式那里，如有错误，请多斧正，谢谢。第一步：我们可以去阿里图标网找我们要的图标： http://www.iconfont.cn/ 然后点击最右上角的购物车，选择svg图可以选择自己想要的颜色。点击：下载素材，选择svg，注意不要选png。png图在手机上会失真的。把svg图片下载下来。第二步：在assets文件夹下创建一个fonts文件...
2017-09-26 21:51:43
12471
6
原创 ionic3小知识（持续更新...）
1.绑定多个class：[ngClass]="{'trash':image.toBeDeleted,'untrash':!image.toBeDeleted}"2.一个事件绑定多个方法：用分号隔开(click)="myClick1();myClick2()"3.绑定事件不能动态改变：可以设置if条件选择要触发的函数 test(){ if(this.method
2017-09-21 12:53:19
522
翻译 ionic3中文翻译：FabButton
我把ionic官网的API都翻译了，只是渣渣英语水平，也大概自己能看懂，就不全发出来了。目前，ionic3的资料很少，去国外的网站又难找。所以，官网是最好的学习资料。以下内容最好对照着官网一起看。1.FabButton：<button ion-fab>Button</button>FAB（悬浮按钮：Floating Action Buttons）是标准的material d...
2017-09-13 22:42:22
1570
原创 mongodb笔记
1.NoSQL 介绍NoSQL(NoSQL = Not Only SQL )，意即“不仅仅是 SQL”， 它指的是非关系型的数据库，是以 key-value形式存储，和传统的关系型数据库不一样， 不一定遵循传统数据库的一些基本要求，比如说遵循 SQL 标准、ACID 属性、表结构等等。 NoSQL 最早被提出是在 20 世纪 80 年代，在当时更多是强调的是与关系数据库区别对待， 最近这些年被提及...
2017-09-12 22:16:37
422
1
原创 ionic3页面间数据传递及Events
1.将数据传递到要跳转到的页面（1）push()要将新页面推送到堆栈，可使用push方法。同时也可以通过将数据传递给push方法的第二个参数，来将数据传递给下一个页面。import {LoginPage } from'./login';...pushPage(){ this.navCtrl.push(LoginPage, { id: 123, name: "Ca...
2017-08-29 16:07:12
17785
原创 ionic3的页面的三种跳转
第一次写，编辑的时候看着顺眼，发上来后有点乱。假设从page first 跳转到 page second（1）NavController1.在first.ts中，先导入NavController，再注入到构造器中。import { NavController } from 'ionic-angular';class FirstPage { constructor(p
2017-08-28 22:28:39
4497
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人