当前位置: 首页 > 学习教程  > web前端教程
  • Webpack 原理浅析

    背景Webpack 迭代到4.x版本后,其源码已经十分庞大,对各种开发场景进行了高度抽象,阅读成本也愈发昂贵。但是为了了解其内部的工作原理,让我们尝试从一个最简单的 webpack 配置入手,从工具设计者的角度开发一款低配版的 Webpack。开发者视角假设某一天,我们接到了需求,需…

    2020/7/29 10:21:19 人评论 次浏览
  • ERROR in AppModule is not an NgModule

    $ npm ls typescript输入这个命令查看项目的typescript版本和依赖。发现出现2个不同的版本在各个地方了。由于angular\cli依赖的是2.1.6,这个是自动生成的,总不能去node_module里面去找package.json改吧。没法改。放弃。ng2@0.0.0 d:\web\myNg\ng2+-- @angular/cli@1.0.0-rc.…

    2017/7/27 16:29:05 人评论 次浏览
  • typescript foreach for

    // list.forEach((val, idx, array) => {// // val: 当前值// // idx:当前index// // array: Array// });// for (var i = 0; i < someArray.length; i ++) {// console.log(someArray[i]); // 1, "string", false// }// for (let entry of s…

    2017/7/7 19:20:18 人评论 次浏览
  • angular 4.x 页面渲染完成之后执行

    import {AfterViewInit} from angular2/core; export class HomeCmp implements AfterViewInit { ngAfterViewInit() { //Copy in all the js code from the script.js. Typescript will complain but it works just fine } }

    2017/7/5 10:24:34 人评论 次浏览
  • angular 4使用jquery 第三方插件库

    用jBox插件为例子1,npm install jBox --save2,找到.angular-cli.json 增加"../node_modules/jbox/Source/jBox.min.js"3,找到style.scss 增加@import "../node_modules/jbox/Source/jBox.css";4,在组件中写入declare var $: any;$jBox: any;clickAler…

    2017/7/1 16:34:39 人评论 次浏览
  • Angular 表单控件示例

    本文将介绍 Angular Template-driven 表单中,常用控件的使用。涉及的表单控件如下:textnumberradioselect (基本类型)select (对象)multi selectcascading select (级联操作)checkbox (boolean)multi checkbox表单的局部效果若想一睹真容,请直接查看 线上示例。数据接口expo…

    2017/7/1 14:01:05 人评论 次浏览
  • Angular Form表单

    Angular 中有两种表单:Template-driven Forms (类似于 AngularJS 1.x 中的表单 )Reactive FormsTemplate-driven 表单的特点使用方便适用于简单的场景通过 [(ngModel)] 实现数据双向绑定自动生成 Form Model (异步)最小化组件类的代码不易于单元测试Reactive 表单的特点比较灵…

    2017/7/1 14:00:18 人评论 次浏览
  • Angular 2 AsyncPipe

    今天我们来介绍一下 Angular 2 中 AsyncPipe (异步管道) ,使用 AsyncPipe 我们可以直接在模板中使用 Promise 和 Observable 对象,而不用通过定义一个类的成员属性来存储返回的结果。AsyncPipe 订阅一个 Observable 或 Promise 对象,并返回它发出的最新值。 当发出新值时,异…

    2017/7/1 13:45:10 人评论 次浏览
  • Angular 2 TemplateRef & ViewContainerRef

    TemplateRef在介绍 TemplateRef 前,我们先来了解一下 HTML 模板元素 - <template> 。模板元素是一种机制,允许包含加载页面时不渲染,但又可以随后通过 JavaScript 进行实例化的客户端内容。我们可以将模板视作为存储在页面上稍后使用的一小段内容。在 HTML5 标准引入 …

    2017/7/1 13:43:44 人评论 次浏览
  • Angular 2 ViewEncapsulation

    在介绍 Angular 2 ViewEncapsulation 之前,我们先来介绍一下 Web Components 标准。Web Components近年来,web 开发者们通过插件或者模块的形式在网上分享自己的代码,便于其他开发者们复用这些优秀的代码。同样的故事不断发生,人们不断的复用 JavaScript 文件,然后是 CSS …

    2017/7/1 13:42:57 人评论 次浏览
  • Angular 2 constructor & ngOnInit

    在 Angular 2 学习过程中,相信很多初学者对 constructor 和 ngOnInit 的应用场景和区别会存在困惑,本文我们会通过实际的例子,为读者一步步解开困惑。constructor在 ES6 中就引入了类,constructor(构造函数) 是类中的特殊方法,主要用来做初始化操作,在进行类实例化操作时…

    2017/7/1 13:42:16 人评论 次浏览
  • Ionic 2 开发大全

    搭建开发环境环境安装1.Windows 平台npm install -g cordova ionic # 安装ant# 系统环境变量中配置android sdk路径2.iOS 平台sudo npm install -g cordova ionic sudo npm install -g ios-sim ionic platform add ios # 添加ios平台ionic build ios # 构建ios项目 ionic…

    2017/7/1 13:41:34 人评论 次浏览
共40记录«上一页1234下一页»