一、前言有时候我们在一条产品线上，会有多套前端代码，运行在不同平台或者有多个业务端。这些代码可复用性非常高，以至于可以从某套代码直接copy出来用于开发另一个业务端。于是某个小组件需要改动时却要跑起多个项目来修改。angular-cli很好地帮我们解决了这个问题——建立多项目的工作空间。在正式投入实战之前，先来试一试。来，，，做好笔记。 假设你已经装好了node和全局安装最新的angular-cl
angular 路由是我在工作中体验非常便捷的一点，这是详细的API ，查看API 可以了解很多东西，https://github.com/angular-ui/ui-router/wiki/Quick-Reference#ui-view下面是我使用angular ui-route 做到 开发例子，代码都未压缩可以方便查看，http://heboliufengjie.github.io
test路径：/cocos2d-2.1beta3-x-2.1.0/tools/cxx-generator主要参考的还是readme这个问题件，里面写的很详细：https://github.com/funkaster/cxx-generator/blob/master/README.md#test在终端中输入：sudo port install python27py27-yaml py27-chee
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程---angular.js</title>
<meta name="keyword" content="菜鸟教程---angular.js">
<meta name="discription"
转载
2024-04-23 12:43:43
13阅读
异步路由的预加载示例： 为了尽可能减小初始加载体积和最快的加载速度，让 主模块和A模块 先加载；如何懒加载其他模块，但是B 模块可能是 用户在打开应用后，几分钟或几秒钟就会访问的模块；（比如打开微信后，是不是进入主页面；然后是不是要打开朋友圈瞅瞅；而B模块就相当于朋友圈功能；）所以，这个时候在用户打开B模块前；该模块就已经预加载完毕可供访问；预加载原理：
每次成功导航后，路由器会在自己的配置中
转载
2024-04-03 20:23:29
37阅读
一、ng-show/ng-hide 与 ng-if的区别？我们都知道ng-show/ng-hide实际上是通过display来进行隐藏和显示的。而ng-if实际上控制dom节点的增删除来实现的。因此如果我们是根据不同的条件来进行dom节点的加载的话，那么ng-if的性能好过ng-show.二、解释下什么是$rootScrope以及和$scope的区别？通俗的说$rootScrope 页面所有$sc
前端Angularjs是一个很热门的框架，这篇是学习基于Angularjs的nodejs平台的E2E测试报告和E2E JS覆盖率报告。用到的都是现有的工具，只是一些配置的地方需要注意。 环境前提：1. nodejs 安装(https://nodejs.org/en/download/) 步骤：1. npm init 创建一个nodejs工程。2. 使用以下npm install
转载
2024-10-24 18:55:14
34阅读
前戏面向模型编程；测试驱动开发；先保障交互逻辑，再调整细节。---by 雪狼。 为什么要自动化测试？1，提高产出质量。2，减少重构时的痛。反正我最近重构多了，痛苦经历多了。3，便于新人接手。 angular自动化测试主要分：端到端测试和单元测试，很明显两者都要熟练掌握。端到端测试是从用户的角度出发，认为整个系统是个黑盒，只会有UI暴露给用户，主要是模仿人工操作测试。单元测试认为
转载
2024-07-15 15:28:44
107阅读
ng的4大特征：①基于MVC的设计模式、②双向数据绑定③依赖注入④模块化设计一、依赖注入的工作机制(了解) 当创建一个ng对象(比如说控制器对象)，如果需要$scope,将$scope服务直接注入进来就可以使用该服务，注入进来为什么就可以去用这个对象？$injector 注入器，当需要注入服务的时候，ng这个框架会通过$injector再当前的服务的注册列表中去寻找该服务，如果该服务的名字存在列表
前言直入正题，jest 28 发布信息如下：jest v28.0.0 changelog : Release changelogjest 28 config api : Configuring Jestjest 28 release blog : Jest 28: Shedding weight and improving compatibility阅读本文前，我们默认你已经具备了应用 jest
用 Karma 在项目中遇到了坑 最近新换了一个项目，去的时候项目已经做了两个月了，因为前期赶功能，没有对单元测试做要求，CI/CD 的时候也没有强制跑单元测试。所以虽然有用 Angular CLI 自动生成的测试文件，但是基本上都是测试不通过。项目做久了，人员变动多，新来的成员对之前的业务逻辑不清
转载
2020-12-14 19:13:00
878阅读
2评论
在讲到angular2 及以上项目打包之前，我先讲一下。angular cli 拥有自己的打包工具，熟悉的可以直接上手。如果用不惯，也可以去使用webpack 之类的。内置的systemjs也是很好用的。 项目都完整之后，接下来就是令人头疼的打包问题。第一步在项目根目录下运行ng build（为了方便大家对比，所以先运行此命令），如下：其次在运行ng build --prod
转载
2023-06-07 22:25:30
218阅读
上一章讲的数据绑定，是把控制器的代码写到一个全局命名空间中定义的函数里：function MyController($scope) {
var updateClock = function() {
$scope.clock = new Date();
};
setInterval(function() {
$scope.$apply(updateClock);
}, 1000);
updateCl
启动流程
原创
2022-07-06 17:49:43
233阅读
更新 2018-06-03spy object 当组件或则服务有对其它服务依赖的时候，我们通常会把这些依赖写成 spy 或则叫 fake.为什么这样做的呢 ？ 主要的原因是我们不应该依赖具体的代码，假设具体的代码错了，我们这个服务也会跟着报错. 所以单元测试的 "单元"，就是说我们必须把我们要测试的东西独立放到一个测试环境里头，对外部任何依赖都做隔离. 如果
转载
2024-10-16 06:35:10
38阅读
文章目录一、Angular 的服务1.定义服务2.引入并声明服务3.使用服务二、案例：toDoList的实现以及数据持久化1.页面效果2.页面结构3.页面样式4.数据持久化服务5.页面逻辑 一、Angular 的服务Angular 中各个组件之间是不能调用彼此的方法的，但是如果有一些方法是公共的，多个组件都要用到，这个时候就可以使用服务啦。1.定义服务Angular中可以使用命令 ng g ser
转载
2023-08-30 17:32:32
168阅读
Let's learn how to unit test your JavaScript with Jest, a JavaScript unit testing framework from Facebook. We'll install and optimize Jest for this pr
转载
2016-09-03 04:36:00
134阅读
2评论
希望打包成1个web服务，运行exe，启动 angular，供浏览器显示。问题分析：其实angular编译后，都是静态文件了。只需要打包express，让express可以以exe的形式运行就可以了。pkg的坑很多，写下来。1 打包配置这部分最坑。官网说的也不太清楚，绕了很多弯路。 我的最终做法如下：1 在ng工程下单独建1个文件夹 命名为pkg（随便）2 在pkg里建立package.
转载
2023-12-31 22:00:39
253阅读
前端测试-基础学习单元测试 Unit Test你的开发代码编写测试用例集成测试 Integrate Test端到端测试 E2E Test方便的库 单元测试 Unit Test单元测试主要通过模拟输入来确认一个函数或者类的输出值是否符合要求，非常适合测试底层方法是否兼顾灵活、可靠和错误处理，无论是前端还是后端都非常常见，线上算法试题网站里也使用了这种测试方式去验证用户的输入是否满足算法要求。 由于
转载
2024-05-11 20:07:00
59阅读
初识Vue.jsVue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。Vue 只关注视图层， 采用自底向上增量开发的设计。本人认为，Vue是一个前端框架，有自己的模板语法，我们知道，传统的视图层是使用后端的模板标签来实现前端的展现逻辑，而Vue是有自己的模板语法，可以不依赖于后端来展现在前端页面，它有自己的模板语法、还有计算函数、事件监听处理、表单处理、路由、其他
