prettier的配置项比较少（容易配置），且只专注于代码样式，而eslint还提供语法检查，现在的eslint也集成了formatter功能。
如今，越来越多的JavaScript代码被使用在页面上，我们添加很多的内容在浏览器里。如何去很好的组织这些代码，成为了一个必须要解决的难题。
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/j_bleach/article/details/53047467
Angular应用都是模块化的，ES5没有内置的模块化系统，可以使用第三方模块系统，然后我们为应用创建独立的命名空间 app，文件代码可以包裹在 IIFE（立即执行函数表达式）中：
这节介绍一下AngularJS中表示式的用法。使用表达式可以把数据绑定到HTML中去，使用起来非常方便。不过在使用之前得先引用AngularJS文件，这个文件可以去官网上面去下或者百度都可以找到。 下
本文翻译自How to Install Angular on Windows: A Guide to Angular CLI, Node.js, and Build Tools，作者为Ahmed Bouchefra
AngularJS 目前的版本没有遵循 Javascript 约定的 AMD 模块化规范， 因此使用 RequireJS 加载 AngularJS 时需要一些额外的配置。
Bower是前端模块的包管理器，通常由JavaScript和/或CSS组成。它使我们可以轻松搜索，安装，更新或删除这些前端依赖项。
创建 ASP.NET Core 项目可以通过 Visual Studio 或者使用 .NET CLI（命令行界面）来完成。下面我将为展示如何使用 .NET CLI 在命令行中创建一个 ASP.NET Core 项目：
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/j_bleach/article/details/71018714
对于一般的使用者来说，AngularJS的ng-app都是手动绑定到某个dom元素。但是在一些应用中，这样就显得很不方便了。 绑定初始化 通过绑定来进行angular的初始化，会把js代码侵入到html中，但是对于新手使用来说，还是足够了！ <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="http://apps.bdimg.com/libs/
写这篇博文起源来自于一次网络安全实验课，在实验虚拟环境里有一个xss挑战，估计是搬别人的xss挑战进来，我觉得挺有意思，就记录一下。有些关卡不能再虚拟环境实践，我在自己物理机上找到那个xss挑战平台进行实现。
1.gulp介绍 基于流的前端自动化构建工具，利用gulp可以提高前端开发效率，特别是在前后端分离的项目中。使用gulp能完成以下任务： 压缩html、css和js 编译less或sass等 压缩图片 启动本地静态服务器 其他 2.gulp构建 前端构建流程： 开发->分析->测试->编译->发布部署 一段简单的基于gulp的项目构建代码，gulpfile.js内容如下所示: gulp.task('default',function(){ return gulp .src(
AngularJS 在开发者文档1中关于 git commit 的指导说明，提到严格的 git commit 格式规范可以在浏览项目历史的过程中看到更易读的信息，并且能用 git commit 的信息直接生成 AngularJS 的 change log 。
Angular CLI 1.7.4 在使用 ng build --prod 会构建失败，而 ng build 是正常的。比较好的解决办法是使用 ng build --prod --extract-license=false 或者 ng build --prod --no-extract-license。 最近将 Angular CLI 升级到 6.X 之后，直接 ng build 会报以下错误，ng serve 也是如此。 95% emitting LicenseWebpackPlugin(node:625
https://blog.angular.io/version-5-0-0-of-angular-now-available-37e414935ced
Git 每次提交代码，都要写 Commit message（提交说明），否则就不允许提交。 $ git commit -m "hello world" 上面代码的-m参数，就是用来指定 commit
Build. Build主要会做以下动作: 编译项目文件并输出到某个目录 Build targets决定了输出的结果 bundling 打包 生产环境的build还会进行uglify和tree-shaking(把没用的代码去掉) ng build. 可以先看帮助: ng build --help 针对开发环境, 就是用命令 ng build. 默认情况下, 它的输出目录在.angular-cli.json文件里ourDir属性配置的, 默认是/dist目录. build之后会看见dist里面有这些文件: i
Angular CLI是Angular框架的命令行界面，用于在开发过程中在本地创建，构建和运行应用程序。
在此报告中，我们调查了 Angular 和 React 生态系统的安全状态。在这份报告种我们根本没有将它们作为竞争性框架进行比较。相反，我们把它们作为可行的构建 JavaScript 项目的前端生态系统的替代方案进行了审查，同时重点关注了每种方案的安全风险和最佳实践，以及它们之间的差异。
在这之前，我们需要写一个通过用户名查找用户的方法；先在ManagerDao接口内：
今天本文的两个主角是 npx 及 angular-cli-ghpages，npx 是 npm 5.2 引入了的新的工具， 用于帮助我们执行 npm 二进制任务和加速我们的工作流。而 angular-cli-ghpages 这个工具，是用于帮助 Angular CLI 的用户快速发布 Angular 应用到 Github Page。
这节给大家介绍一下AngularJS中一些常用的指令，例如：ng-app、ng-init、ng-repeat、ng-model等等之类的指令。 那什么是AngularJS的指令呢，其实就是相当于HTM
如果您正在使用angular, 但是没有好好利用angular cli的话, 那么可以看看本文.
最近 angular-ui 团队终于正式发布了基于 Angular 2 的 Bootstrap 界面库 ng-bootstrap ， 工作中一直用 AngularJS 1.x 的 UI Bootstrap ， 因此对这个 ng-bootstrap 也是很感兴趣， 第一时间进行试用。
我们很高兴地宣布Angular 5.0.0——五角形甜甜圈发布啦！这又是一个主版本，包含新功能并修复了很多bug。它再次体现了我们把Angular做得更小、更快、更好用的一贯目标。
1）vue可以控制一个页面中的一个标签 2）vue可以控制一个页面 3）vue可以控制整个项目
先问大家一句，日常项目开发中你能离开 ES6 吗？ 一、前言 对于前端同学来说，编译器可能适合神奇的魔盒?，表面普通，但常常给我们惊喜。 编译器，顾名思义，用来编译，编译什么呢？当然是编译代码咯?。
我们必须承认，我们在这些框架方面有着极不平等的经验。然而，我们将尽量保持公正，并弄清楚React何时可能不是最佳选择，但首先，简短介绍：
双向数据绑定是AngularJs的一大卖点，当初问世时开发人员无不惊讶，“Wow, it's so crazy"。但是用过AngularJs的，都对它又爱又恨，爱的是它确实给开发提供了一定的便利，恨的是基于‘脏检查’的变更检测机制会随着watch的数据量的增加拖慢应用运行的速度。于是乎，goolge在2016年推出了angular彻底改变了检测机制，这次并没有大力吆喝双向数据绑定，但仍会有人习惯的问一句，“有没双向数据绑定？”。如果你只是随口一问，我会告诉你，有。如果你仍然“死缠烂打”的追问倒底有没有，我会告诉你，**没有**。
对于 Angular 项目，推荐使用 angular-cli 创建打包项目 Angular 会默认帮我们配置。 但是有特殊的需求时就显然不是很灵活，比如想分割一些较大的打包文件、分析每个打包文件组成，自定义webpack一些参数的时候就发现无从下手。 对许多项目的常见依赖项是日期库moment.js 。 这包括使用语言环境的功能，但是，它大大增加了整体捆绑软件的大小。这些都是需要我们优化的地方。
上篇《AngularJS入门心得3——HTML的左右手指令》初步介绍了指令的概念和作用。已经和指令打过一个照面，就不会那么陌生了，今天主要介绍的是一个困扰了我很久终于想通的问题，这个问题与scope有关，可以看做是《AngularJS入门心得1——directive和controller如何通信》在scope上的补充和延伸。 小时候，老师就教会了我们盲人摸象这个成语，教导我们认识事物不能片面，缺少对于一个事物全局的认知。所以，说到指令，它的一个完整结构如下： angular.module('myA
作者｜YanYang Yu 原文｜http://yuyang041060120.github.io/2016/09/22/change-detection-and-batch-update/ 前言 在传统的WEB开发中，当与用户或服务器发生交互时，需要我们手动获取数据并更新DOM，这个过程是繁琐的、易错的。 特别是当页面功能过于复杂时，我们既要关注数据的变化，又要维护DOM的更新，这样写出来的代码是很难维护的。 新一代的框架或库，例如Angular、React、Vue等等让我们的关注点只在数据上，当数据更新
本文将介绍如何使用 webpack-bundle-analyzer 和 source-map-explorer 这两款工具来分析 Angular Bundle 的大小。下面我们将使用 Github 上的 angular6-example-app 这个项目来演示上述两个工具的使用案例，首先我们先来初始化 angular6-example-app 这个项目。
Angular 最近发布了 Angular 18，引入了 zoneless（无 zone.js）变更检测、新的开发者中心、多个特性的稳定版本以及服务器端渲染的改进等。该版本的亮点是提供了稳定的新 API，解决了常见的开发者请求，并增强了整体的开发者体验。
在前一部分中，我讨论了转向MFE解决方案的动机以及解决方案相关的一些标准。在这一部分中，我将介绍我们如何在Outbrain实现它。
为 web 应用选择 JavaScript 开发框架是一件很费脑筋的事。现如今 Angular 和 React 非常流行，并且最近出现的新贵 VueJS 同样博得了很多人的关注。更重要的是，这只是一些新起之秀。
AngularJS 表达式把数据绑定到 HTML，这与 ng-bind 指令有异曲同工之妙。
1.Angular内置service Angular为了方便开发者开发，本身提供了非常多的内置服务。可以通过https://docs.angularjs.org/api/ng/service查看AngularJS提供的内置服务。在企业级开发中，常用的服务有以下这些： $cacheFactory 缓存服务 $compile 编译服务 $filter 通过 $filter 服务可以格式化输出数据，也可以对数据进行过滤操作 $http AngularJS内置的核心的服务，主要和后台请求相关 $location 基
工欲善其事，必先利其器。对于写代码而言，也是需要有一套完善的工作流（工具和流程）。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
