
前端技术
杰杰椒
教是学的最好方法
展开
-
Angular入门-问题速查
1.问:如何配置Angular兼容IE9? 答:Angular兼容的浏览器版本有一定的限制,需要下载一些polyfills(填充文件)去支持,详情请看:https://angular.io/guide/browser-support 基本步奏:先下载需要的polyfills,然后在src/polyfills.ts中import 这些文件。polyfills.ts文件中也有例子。原创 2017-11-13 10:15:22 · 208 阅读 · 0 评论 -
Angular入门-装饰器
查看Angular英文版官网的文档,里面的描述太少,都没声明NgModule装饰器是干嘛用的,只介绍了元数据。在Angular中文官网中,核心知识 有详细介绍,才明白Angular通过装饰器也就是带@的东东,去定义组件、模块、指令等,下面只作粗略的笔记:架构 我们是这样写 Angular 应用的:用 Angular 扩展语法编写 HTML 模板, 用组件类管理这些模板,用服务添加应用逻辑, 用模原创 2017-11-16 17:48:52 · 1358 阅读 · 1 评论 -
Angular入门-初识
Angular在1.x版本得时候被称为AngularJS,官网是:点击打开链接。 Angular新版本与v1.x语法等差别极大,所以直接跳过v1.x去学习新的Angular,官网:点击打开链接。 Angular官网介绍: 一、Angular特性: 1.可以为不同平台开发,web,mobile web,native mobile,native desktop。 2.速度性能。Angular原创 2017-10-30 14:07:55 · 236 阅读 · 0 评论 -
探索js的事件冒泡
作为前端与后台之间的衔接工作者(搬砖工),常常是 在工作中,拿到前端同事编写好的静态交互页,还需要对Dom做自己的交互业务,下面就是遇到的两个关于事件的问题: 1.下面是一个下拉菜单组件,组件在给li渲染的时候,就给li绑定了点击事件(点击菜单中的某省名显示对应的省名),然而动态加载的时候,dom节点删了又增,新增的节点是不会有这个事件触发的。 2.还是这个下拉菜单,我更改了组件:用deleg原创 2017-02-23 15:59:03 · 235 阅读 · 0 评论 -
Angular入门-语法支持
每一门新技术都需要一门语言的支持,Angular是使用TypeScript语言,在开发编辑器中我们希望编辑器能够自动检查语法,提示,报错,导航以提高我们的开发效率。Angular的Angular Language Service(语言服务)就能够为我们工作。 一、以下是Angular Language Service的应用: 1.Visual Studio Code 官网说在vscode的左下原创 2017-11-14 11:57:53 · 458 阅读 · 0 评论 -
Angular入门-Hero Editor抽丝
1.每样新的事物在我们看来,很多情况就像是看到一颗蚕茧,千丝万缕必须找出丝头,才能牵出一连串的结果。在这之前我们已经了解了Angular和TypeScript,并做了笔记以备学习查询,这便清理掉了一些杂丝。接下来,我们很容易找到了丝头,就是Angular简介中,目录介绍里说的,程序的运行配置文件: .angular-cli.json 找到“main”,入口程序是main.ts,如下图: 进原创 2017-11-15 16:36:19 · 403 阅读 · 0 评论 -
Angular入门-细节问题
在Angular官网中,有些细节的东西并没有描述出来,如果不去实践过,是很难被发现的。 1.指令 指令分为两种:结构型、属性型 1.1结构型,如*ngFor=”xxxx”,指令内容其实是在xxxx里,格式固定为“let a of b”(其中a在这里相当于变量名了,b必须是组件中已经声明的数组)原创 2017-12-05 15:47:45 · 191 阅读 · 0 评论 -
实现输入框只能键入数字
一、抛出问题 在很多业务中需要对输入框进行字符限制,比如金额输入框、手机号码输入框等。 二、解决问题 以下是三种尝试过的解决方案,最后一个自觉最优,如有更优解决方案,望指教。没多少经验的菜鸟们快来围观: 1 次方案 遇到这种问题,在百度上你一般会找到这样的处理: "this.value=this.value.replace(/\D/g,'')" onafterpaste=原创 2018-01-09 16:54:25 · 520 阅读 · 0 评论 -
Angular入门-运行
一、搭建环境 1.安装nodeJs和npm(npm是伴随着nodejs一起安装的),并且注意的是:要确保nodejs是6.9.x,npm是3.x.x,越新版本的越好,旧版本的容易出问题。 2.安装angular全局客户端: npm install -g @angular/cli 二、创建新项目 1.打开终端创建一个angular的骨架程序,输入如下命令: ng new my-app原创 2017-11-06 09:59:07 · 735 阅读 · 0 评论