Angular
千g
做最好的自己
展开
-
【Angular】Angular发展
Angular是一个开发平台,它能帮助你更轻松的构建web应用。Angular集声明式模板、依赖注入、端到端工具和一些最佳实践于一身,为你解决开发方面的各种挑战。Angular为开发者提升构建web、手机或桌面应用能力。Angular经过一系列的版本,现在Angular常用的版本为Angular4.0(Anuglar),他是对Angular1.5(AngularJs)完全重写的结果。原创 2018-04-23 11:32:41 · 1785 阅读 · 35 评论 -
动态计算控件样式
最近做项目的时候,有些样式需要不停的变幻。通常情况下,我是将其卸载js代码中,最近发现它也可以卸载HTML中。例如:本文只是记录一下小小的思路...原创 2018-06-20 11:43:40 · 354 阅读 · 23 评论 -
图片(img)的等比例自动缩放
img{ width: auto; height: auto; max-width: 100%; max-height: 100%; } 最近做公益项目用到了这个。根据父容器的自动缩放,并保持图片原来的比例...原创 2018-06-17 21:48:40 · 55996 阅读 · 25 评论 -
【ionic】环境的搭建
最近在做一个公益的手机APP项目,前端要用到ionic这个框架,所以开始学习一下这个框架。首先介绍一下他的安装步骤。一、安装node.js通过官网下载node.js,然后一步步安装即可然后输入: node -v 查看安装是否成功二、安装cnpm在命令窗口中输入:npm install cnpm -g--registry=https://registry.npm.taobao.org安装完毕输入:...原创 2018-05-08 19:53:37 · 555 阅读 · 20 评论 -
【ionic】界面跳转
Ionic的界面跳转有多种方式,以下一 一介绍第一种方法:以后会继续更新原创 2018-05-19 21:40:42 · 444 阅读 · 26 评论 -
【Angular】Angular开发组件
使用Angular开发组件的全部过程如下:一:新建组件在命令行输入: ng g component 组件名新生成的组件,在src的app里面在app.module.ts文件的装饰器下,自动声明了刚才新添加的组件二、应用组件可以在app.component.html里面,应用新创建的组件三、编辑组件里面的html、c原创 2018-04-24 15:51:44 · 1407 阅读 · 46 评论 -
【Angular】Angular引用bootstrap、jQuery库
用Angular如何引用bootstrap、jQuery库呢,非常简单。只需要在index.html中引用在线的bootstrap、jQuery库即可。 之后就可以用这些库里面的一些东西了,是不是很简单呀。原创 2018-04-24 15:28:30 · 610 阅读 · 36 评论 -
【Angular】Port 4200 is already in use. Use '--port' to specify a different port.修改端口号
一、问题在用angular的时候,出现了如下问题:二、原因同时启动了多个angular项目。因为4200的端口号已经被占用,换一个端口号就可以了。三、方法修改端口号方法1.修改配置文件方法二、命令行修改端口号ng serve --port 4201上面我就把端口号由4200改为了4201,当然你可以改为其他的。...原创 2018-05-01 10:39:06 · 7525 阅读 · 17 评论 -
【Angular】Angular环境配置
Angular环境配置步骤如下:一、下载安装node.js打开node.js官网,点击Download按钮,它会根据系统信息信息选择对应版本(.msi文件)。node.js插件在Windows系统下是个.msi工具,只要一直点击下一步即可,软件会自动写入环境变量中,这样在cmd命令窗口中直接使用node或npm命令显示版本号即安装成功。二、安装Angular CLI原创 2018-04-23 12:28:48 · 1689 阅读 · 33 评论 -
【Angular】启动过程与结构分析
一、Angular项目的结构用vscode打开建立的项目:e2e:端到端的测试node_modules:第三方模块库src:项目所有文件存在这里 -app:组件以及app.modules.ts定义跟模块; -assets:静态资源 -environments:包含为项目准备的环境文件;原创 2018-04-23 16:59:37 · 383 阅读 · 38 评论 -
【Angular】项目建立流程
上篇文章【Angular】Angular环境配置已经搭建好了Angular环境。接下来看看如何建立一个项目一、下载安装webstorm或者vscode因为webstorm工具占用的内存较高,比较卡,所以选择vscode开发二、项目流程1、在cmd命令行中,输入:ng new angular-cli-project2、定位到项目目录3、安装项目依赖的所有node.js包4、启动web服务器说明:除了...原创 2018-04-23 15:13:40 · 854 阅读 · 30 评论