AngularJS
用VSCode可以直接调试Angular代码
从VS Code 1.14版本开始，可以直接调试Angular代码。 这篇文章很短，但是非常重要，请仔细看哦！ 第一步：环境配置 确保你的Chrome安装在默认位置 确保你的VS Code里面安装了Debugger for Chrome这个插件 把@angular/cli安装到全局空间npm install -g @angular/cli，国内用户请使用cnpm进行安装。注意，你最好升级到最新版本...
连Angular都学不精，敢说自己做前端？
前端技术层出不穷，难免选择困难，如何选、怎么学便成了首要问题。那么，如何选择才能不被框架束缚，稳扎稳打？高效快速的掌握不易过时的知识技能又该怎么做呢？参与话题，与大牛老师共同探讨如何 Easy应对前端问题。 花式填坑活动是慕课网开展的大牛嘉宾在线互动交流会，目前仅限PC端用户参与，每周一期，可去官网网站猿问查看。 以下内容精选在花式填坑第15期。 Q：老师，在实际工作中，react 和 vue、a...
细说 Angular 2+ 的表单（一）：模板驱动型表单
摘要 在企业应用开发时，表单是一个躲不过去的事情，和面向消费者的应用不同，企业领域的开发中，表单的使用量是惊人的。这些表单的处理其实是一个挺复杂的事情，比如有的是涉及到多个 Tab 的表单，有的是向导形式多个步骤的，各种复杂的验证逻辑和时不时需要弹出的对话框等等。笔者试图在这一系列文章中对 Angular 中的表单处理做一个相对完整的梳理。 Angular 中提供两种类型的表单处理机制，一种叫模版...
关于angular2中创建公共组件问题
在利用angular2进行项目的时候有时候我们会有一些类似的地方，（如一些页面的头）在页面书写的时候我们可以将这一部分独立出来形成一个组件。 1 当我们的项目比较小的时候，只有一个模块（AppModule）时我们只需要将这个组件写好后在AppModule中声明一下（declarations 中）即可，然后在需要用的地方直接引用这个组件的标签即可（即组件定义时所设置的 selector ） 但有些时...
使用ionic2制作背景动画效果
在做手机App项目时，有时我们为了让背景更加好看，有时会考虑在引导页面或者登陆页面使用视频来展示效果，这时我们就需要用到ionic2的动画效果展示。 具体操作如下： 首先创建好项目后，我们需要准备自己的视频，将自己的视频文件保存在src/assets/ 下，因为我们打包后会放在assets文件夹下，若放其它目录下，打包后会出现找不到视频的问题。 接下来我们在config.xml文件下 <wi...
细说 Angular 的自定义表单控件
我们在构建企业级应用时，通常会遇到各种各样的定制化功能，因为每个企业都有自己独特的流程、思维方式和行为习惯。有很多时候，软件企业是不太理解这种情况，习惯性的会给出一个诊断，『你这么做不对，按逻辑应该这样这样』。但企业往往不会接受这种说法，习惯的力量是强大的，我们一定要尊重这种事实。所以在构建企业应用的时候，我们不仅仅要了解对方的基本需求，也要了解他们习惯于怎么处理流程，在设计的时候需要予以充分重视...
花式填坑第9期【问答干货】解密高级前端攻城狮の极速进化 原创
如何学习前端开发 Q：前端技术繁多，怎样系统的学习和提高？1.对于初级前端更多的是注重原生js，还是框架的学习？2.到达什么水平算是有一个好的技术基础？3.怎样在工作中学习与自我提升？ ustbhuangyi：1. 原生 JS 和框架学习 2 者需要兼顾，原生 JS 是基础，所有的框架都是基于原生 JS 开发的，万变不离其宗。对原生 JS 熟练了，对学习框架是绝对有帮助的。对于前端 mvvm 框架...
Angular的依赖注入是怎么实现的？ 原创
这篇文章是探索对于Angular开发者来说既熟悉又陌生的概念：依赖注入。 我们在定义控制器、服务(甚至是指令)的时候通常会依赖一些服务，例如下面这样： //按照Angular的严格模式，希望我们这样写： angular.module('app', []).controller('ctrl', ['$scop', $http', ...
为什么你的Angular双向数据绑定会失效？ 原创
Angular双向数据绑定原理探究。 文章源码引用较多，觉得难以理解可以直接跳到末尾总结处。 接触过Angular的人一定会对其“双向数据绑定”的特性印象深刻，而使用过的人更会对莫名其妙出现的双向数据绑定失效的“坑”所困扰。例如下面一段代码： <!--ctrl控制器下引入com指令--> <body ng-app="app...
Angular 4将获得长期支持，版本号变化不意味破坏性修改
在ng-conf 2017大会主题演讲期间，Igor Minarh和Steven Fluin花时间展示了Angular软的一面。在回顾了主要的技术主题后，他们将重点放在了社区和Angular未来的发展上。他们宣布将长期提供Angular v4支持。 随着Angular 4版本的完成，Igor Minar和Steven Fluin在ng-conf 2017大会主题演讲的舞台上介绍了Angular生态...
关于在项目中cnpm install jquery --save使用时
在项目中使用cnpm install jquery --save 和 cnpm install bootstrap --save，发现运行起来项目会出现boostrap样式引用不上，切使用 $ 会报错。 原因：进入node_modules目录，发现bootstrap和jquery两个目录是软链。 解决方案：删除两个目录，随即npm install，然后ng start，使用正常，报错消失。 使用镜...
angular2 大体功能思维导图
自己在学习angular2总结出来的一些东西，发出来 多看看 把这些概念记住。。感觉angular最难的地方就在于模块里面嵌套模块，不过这也是最精髓的地方，这样写的页面不乱 一看就知道怎么回事。。其实是因为内容不能少于200字我猜巴拉这么多废话的。。。...
关于Javasvript中 变量的命名及赋值--hoisting变量提
在javascript里，所有的声明以及变量的赋值基本都是遵循：声明==>赋值==>调用，或者是：初始化==>调用，最后都会被释放清理。但是，其中有个变量提升的问题，如下： var x = 5; // 初始化 x var y = 7; // 初始化 y console.log(x+y); var x2 = 5; // 初始化 x console.log(x2+y2); var y...
javascript中严格模式--strict mode下的限制 原创
在javascript的严格模式下，很多常规模式下的代码将无法运行，具体如下： 1.不允许使用未声明的变量： "use strict"; x = 3.14; // 报错 (x 未定义) //对象也是一个变量 "use strict"; x = {p1:10, p2:20}; // 报错 (x 未定义) 2.不允许删除变量或对象： "use stri...
vue1.0与Angular、react的对比
Angular 在 API 与设计两方面上 Vue.js 都比 Angular 简单得多，因此你可以快速地掌握它的全部特性并投入开发。 Vue.js 是一个更加灵活开放的解决方案。它允许你以希望的方式组织应用程序，而不是任何时候都必须遵循 Angular 制定的规则。它仅仅是一个视图层，所以你可以将它嵌入一个现有页面而不一定要做成一个庞大的单页应用。在配合其他库方面它给了你更大的的空间，但相应，你...
