4 erciyuan_nuonuo

尚未进行身份认证

暂无相关简介

等级
TA的排名 5w+

angular ionic 实现elm

https://github.com/nuonuoge/ionic3_angular5_elm 欢迎star 效果如图:

2018-06-04 22:17:56

angular自定义验证器

https://www.jianshu.com/p/6221e4eee4a5

2018-01-31 19:57:42

angular中的ng-content

http://www.jianshu.com/p/e2c37c24e871 (转战简书)

2017-11-28 21:32:27

angular中的ng-template

http://www.jianshu.com/p/f0abac50c6b6

2017-11-08 20:42:30

angular jit and aot

为什么需要编译Angular应用中包含的组件、HTML模板(比如:@Directive、@Component、@NgModule、@Pipe)很多都是JS VM无法解析的,所以在浏览器渲染应用之前,组件和模板必须要被Angular编译器转换为可以执行的JavaScript。angular2编译模式在 Angular 2 中有两种编译模式: - JIT - Just-In-Time - AOT

2017-07-04 21:58:57

angular2 路由策略 LocationStrategy

随着前端技术的发展和迭代,前端MVC框架应运而生。利用目前主流的前端框架,如angular react vue等等,我们可以轻松的构建起一个无需服务器端渲染就可以展示的网站,同时这类框架都提供了前端路由功能,后台可以不再控制路由的跳转,将原本属于前端的业务逻辑全部丢给前端。什么是路由简单举例说明,假如我们有一台提供 Web 服务的服务器的网络地址是:10.0.0.1,而该 Web 服务又提供了三个

2017-05-29 12:44:21

css input[type=file] 样式美化 (radio checkbox类似)

在做input文本上传时,由于html原生的上传按钮比较丑,需要对其进行美化主要想到以下几种方法,欢迎大家补充1. 通过position和opacity实现input的透明度设置为0,设置为绝对定位,size足够大input外面套一层a或者div(此处以a举例),a设置为相对定位,为了避免在非a区域点击打开选择文件,a需要设置overflow: hidden<html><head> <st

2017-05-24 21:05:00

slider 滑动条 mouseup有时失效的原因

一些滚动条是通过mousemove和mouseup实现的鼠标按下时通过mousemove事件控制滑动鼠标弹起时通过mouseup事件取消滑动但是发现有时鼠标弹起时并没有出发mouseup事件,这是因为此时drag事件屏蔽了mouseup事件,可以通过 ondragstart="return false"屏蔽掉drag事件

2017-05-16 21:43:16

flex 最后一行左对齐

最近项目布局上要求item两端对齐,而且最后一行在列不满的情况下要求左对齐,使用flex的justify-content: space-between;实现时发现最后一行不能左对齐,而是两端对齐方式,下图不是项目上想要的效果(不使用flex也可以实现,本文仅讨论使用flex实现)在网上查了很多资料, 1.添加几个空item(对我来说最有效的,适用于大多数场景) 根据布局列数添加,比如每行最大三列

2017-05-12 21:18:51

css表格中设置两行中间的空白间距

css设置两行中间的空白间距: border-spacing 属性设置相邻单元格的边框间的距离(仅用于“边框分离”模式)。border-collapse: separate; border-spacing: 0px 10px;

2017-05-10 21:23:15

vscode安装教程(windows)

进入vscode官网(https://code.visualstudio.com/Download),点击zip下载2.下载后解压zip包,打开code.exe即可3.vscode相关插件可以从https://marketplace.visualstudio.com/VSCode下载

2017-05-03 21:15:32

图片转web字体库,如何制作web字体库

最近项目上用到了很多svg图,设计师经常频繁改版,苦不堪言,于是就想到了把图片转成字体库来使用。使用图片的缺点: 1. 图片加载速度慢 2. 图片大小固定,无法调节 3. 当代码重构或者图片目录位置改变时,需要一个个修改,繁琐而且容易出错 字体库优点 1. 字体不会因缩放而失真(这根制作字体的图片有很大关系) 2. 使用方便,灵活,不受代码重构或者文件位置移动影响 3. 文字效果可以很

2017-03-26 20:35:23

angular2 HostListener

interface HostListener { eventName : string // html dom 事件 args : string[] // 传入参数,可以是event对象等 } api介绍: https://angular.cn/docs/ts/latest/api/core/index/HostListener-interface.html适用于属性型指令,将dom事

2017-03-15 21:49:13

angular2 标签中attribute和property

property:dom元素作为对象附加的内容,例如childNodes、firstChild等 attribute:HTML标签特性是dom节点自带的属性异同: 1 . 部分属性既属于property,又属于attribute,比如id 2 . attribute初始化后不会再改变;property默认值为初始值,会随着dom更新所以在angular2中双向绑定实现是由dom的propert

2017-03-09 21:41:48

Angular2 router.navigate刷新页面问题

造成这个问题一般是因为我们在<form>表单中使用<button>时忘记添加type属性,在表单中,如果忘记给按钮添加属性,会默认为submit<button (click)="toDetail()">detail</button>toDetail() { this._router.navigate(['/detail']);}解决方法: 1.添加type<button type="bu

2017-02-15 22:06:29

html base

base是html5的标签,它的href 属性规定页面中所有相对链接的基准 URL,target属性定义整个文件中的所有跳转的属性,包括<a> <img> <link> <form>等等href设置,此处拿标签a举例,<a>中href设置高于base的设置,如果<a>中有设置就用<a>的,如果没设置,就去base里寻找,所以点击test会跳转到https://www.test.com/123,点击t

2017-02-08 20:20:01

angular2 router中的路由跳转navigate

navigate是Router类的一个方法,主要用来跳转路由。 函数定义:navigate(commands: any[], extras?: NavigationExtras) : Promise`<boolean>`interface **NavigationExtras** { relativeTo : ActivatedRoute queryParams : Params fr

2017-01-18 20:20:01

HTTP中的GET和POST何时使用

GET:获取资源 GET方法用来请求访问已被URI识别的资源,指定的资源经服务器端解析后返回响应内容。POST:传输实体主体 POST方法用来传输实体的主体。虽然用GET方法也可以传输实体的主体,但一般不用GET方法传输,而是用POST方法。POST和GET很相似,但是POST的主要目的并不是获取响应的主体内容。摘自知乎: GET 相对 POST 的优势是什么最大的优势是, GET 的

2017-01-09 21:46:34

querySelectorAll 和 getElementByTagName()等方法的区别

二者详细的使用方法不再做介绍,可以在w3c查阅二者返回的都是NodeList对象,querySelectorAll不是实时的,而getElementByTagName是实时的。实时: 假设在一个没有<div>的文档中调用getElementByTagName('div'),此时返回的是一个长度为0的NodeList对象,如果在文档中插入一个<div>元素,此元素将自动成为NodeList的一个成员

2017-01-03 22:02:39

js中的caller和callee

caller返回一个对函数的引用,该函数调用了当前函数。 functionName.caller functionName 对象是所执行函数的名称。 注意:甚用caller,这个属性是非标准的,支不支持全看各大浏览器的心情callee1.在严格模式下无法使用callee 2.返回正被执行的 Function 对象,也就是所指定的 Function 对象的正文 3.length属性,可以用来

2017-01-02 10:43:27

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!