sulishibaobei的博客

一个注重风花雪月的代码狗,励志成为代码届的一枝花

CSS3的:nth选择器

:first-child选择某个元素的第一个子元素; :last-child选择某个元素的最后一个子元素; :nth-child()选择某个元素的一个或多个特定的子元素; :nth-last-child()选择某个元素的一个或多个特定的子元素,从这个元素的最后一个子元素开始算; :nth-of-t...

2017-08-29 09:46:12

阅读数 321

评论数 0

Angular2+ 管道学习第二篇

自定义管道: ng g p express 新建一个管道 import { Pipe, PipeTransform } from '@angular/core'; @Pipe({ name: 'express' }) export class ExpressPipe implements...

2017-08-22 10:11:45

阅读数 436

评论数 0

webSQL简单学习

1.什么是Web SQL? webSQL 又称为“本地数据库”,随着HTML5规范加入的在浏览器端运行的轻量级数据库; 2.如何使用? 本地数据库通过Javascript脚本来进行对数据库的操作; 创建一个数据库: var db = openDatabase('mydb', '1.0', 'Te...

2017-08-21 19:52:05

阅读数 272

评论数 0

Angular2+ 管道学习第一篇

一.什么是管道? 管道是一个转换器,能将需要显示的值转换为用户能接受的友好模式显示;相当于angular1.x的filter(过滤器); 二. 怎么使用一个管道? 1. 一个简单的日期管道; 假设你已经用ng new xx好了一个项目; htmnl:   The time is{{today |...

2017-08-21 19:13:43

阅读数 354

评论数 0

ajax 一步详解

1.什么是ajax? Asynchronous Javascript and XML 意思,就是Javascript执行异步网络请求;AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。 2. 如何写一个ajax请求?   1. 创建一个XMLHttpRequest 对象;XM...

2017-08-17 15:58:39

阅读数 442

评论数 0

angular-cli工具

angular-cli是一个命令行界面工具,可以用于创建项目,添加文件,以及执行一大堆开发任务,比如测试,打包和发布; 常用的命令行为: 安装angular CLI: npm install –g @angular/cli 创建新的Angular应用程序 1. ng init  --适用于已有...

2017-08-16 14:15:11

阅读数 552

评论数 0

data类型的Url格式--url(data:image/gif;base64,xxxx)

故事的缘由在于我在Bootstrap上看到这样一段代码,看起来后面那一段是base64的编码; 但是这是什么格式呢? 原来这是data类型的Url;对于一些小数据,直接在浏览器中嵌入,而不是引入外部文件; data:image/gif;base64,R0lGODlhAQABAIAAAHd3d...

2017-08-15 19:19:30

阅读数 3751

评论数 0

聊一聊容器如何自适应高度和居于居中。

1.首先说一说,当你的div高度不确定的情况下,你要怎么操作才能自适应高度 法一:通过padding-top/bottom来填充容器。 .screen{ width:60%; border: 1px solid #cccccc; } ....

2017-08-12 15:23:46

阅读数 366

评论数 0

angular2.0下的依赖注入

Angular的依赖注入系统能够即时地创建和交付所依赖的服务。也就是,依赖注入都是和服务相关的,如果没有创建服务也谈不上依赖注入。 先来简单的看一段代码,看看为何需要依赖注入 创建一个User实例类user.ts: export class User{  constructor( pri...

2016-12-01 13:55:33

阅读数 3553

评论数 0

简单的来谈一谈angular2.0的表单

这一次真的只是简单聊一聊。 开门见山吧~~~~ 首先先创建一个Hero模板类。 里面含有如下内容: export class Hero{    constructor(      public id:number,      public name:string,     public powe...

2016-11-30 18:38:14

阅读数 844

评论数 0

趴一趴如何用最简单的方式从html form表单中获取到数据

最近网速一直不太好 ~~~不开心 本文采用的是最简单的方式,仅供自己试验,毕竟存在一些不安全因素。 看了其他好的的方式发现都太麻烦,所以自己总结下。 是这样的: input.html页面中有一段代码。                      代码中包含一个form表单, action里填写的另一...

2016-11-30 10:14:14

阅读数 7513

评论数 0

浅谈Angular2.0下的用户输入

我们知道用户输入会触发DOM事件,我们一般通过事件绑定来监听它们,将更新到得数据导入进我们的组件和model。 直接看例子:    用事件绑定实现点击事件处理器。    Click Me!   {{clickMessage}}   这是一段很简单的写在templeta里面的代码。等号左边(cli...

2016-11-29 16:09:09

阅读数 851

评论数 0

聊一聊Webstorm下的angular2.0数据显示问题

最近一直在花一些时间写博文,也一直在纠结到底有没有必要,既然还没有总结出一个所以然来,那就继续写着吧。 这次主要介绍Angular 2.0里面的数据显示问题。也就是集中在component和html这一块。 发现WebStorm还算是一个比较强大的工具,对于Angular的使用还比较方便,推荐~~...

2016-11-24 10:51:37

阅读数 818

评论数 0

Webstorm 下的Angular2.0开发之路

这篇文章是最新发表在博客园上面的,但因为所有的文章都写在csdn这边,所以就移过来了。 如果你在博客园看到一样的一篇,记得不是抄袭的~~~~~~~~~~~ 人一旦上了年纪,记忆力就变得越来越不好。 最近写了许多的博文,倒不是为了给谁看,而是方便自己来搜索,不然一下子又忘记了。 如果恰巧帮助到了...

2016-11-24 10:08:03

阅读数 6223

评论数 1

angular 2.0 模块化学习

Angular 应用是模块化的,并且Angular有自己的模块系统,它被称为Angular模块或者NgModules. 每一个Angular应用至少有一个模块------根模块,有可能会从根模块重构出一些其他特定的模块。特性模块用来实现一组密切相关的功能,然后我们在根模块中导入它们。 Angula...

2016-11-22 14:23:17

阅读数 1193

评论数 0

angular2.0demo小样

与其说这是一个demo,不如说是一个与高手的讨教过程。虽然demo出来了,可其中有些问题我还是不太明白,如果有angularjs2.0的大神,请进来指导一番,~~~~~不甚感激。 说明第一点:我采用的工具是webStrom。 可有个问题:写的代码明明没有错误,但是项目老是会出现故意损坏的情况~~~...

2016-11-22 11:56:09

阅读数 1367

评论数 1

ECMAScript6.0学习之第五篇字符串的扩展

es6字符串的扩展

2016-10-31 14:33:04

阅读数 311

评论数 0

ECMAScript6.0学习之第四篇变量的解构赋值

本文是在看完阮一峰老师的著作只会所总结的~~~~ 给阮老师致敬,同时也可以去阮老师的的书里看 ~~ http://es6.ruanyifeng.com/#docs/let 另外若要看如何使用搭配es6环境,请翻阅我以前的博客~~~ 所谓解构赋值:  ES6允许按照一定模式,从数组和对象中提取值...

2016-10-28 15:26:25

阅读数 202

评论数 0

ECMAScript6.0学习之第三篇顶层对象

本文是在看完阮一峰老师的著作只会所总结的~~~~ 给阮老师致敬,同时也可以去阮老师的的书里看 ~~ http://es6.ruanyifeng.com/#docs/let 另外若要看如何使用搭配es6环境,请翻阅我以前的博客~~~ 顶层对象: 顶层对象在浏览器环境指的是window对象,而...

2016-10-28 11:55:19

阅读数 793

评论数 0

ECMAScript6.0学习之第二篇const命令

ECMAScript6.0学习之第二篇const命令

2016-10-28 09:52:05

阅读数 238

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭