2020-02-27 标签:vue,路由,管理器,router,使用方法,详解,link,组件,支持,用户,具有,功能,应用,中点,导航,通过,属性,指定,目标

router-link 组件支持用户在具有路由功能的应用中点击导航。 通过 to 属性指定目标地址，默认渲染成带有正确链接的 标签，可以通过配置 tag 属性生成别的标签。另外，当目标路由成功激活时，链接元素自动设置一个表示激活的 CSS 类名 比起写死的 会好一些。无论是 HTML5 hist

2020-02-27 标签:vue,状态,管理,vuex,使用方法,详解,引入,访问,数据,对象,实例,简单,代理,如果有,一处,需要,多个,共享,通过

引入vuex当访问数据对象时，一个 Vue 实例只是简单的代理访问。所以，如果有一处需要被多个实例间共享的状态，可以简单地通过维护一份数据来实现共享const sourceOfTruth = {}const vmA = new Vue({data: sourceOfTruth})const vmB

2020-02-27 标签:浅谈,vue,组件,单元测试,究竟,测试,关于,最常,问题,过多,过少,但我,观察,开发人员,通常会,过头,毕竟,没有人,愿意

关于 Vue 组件单元测试最常见的问题就是“我究竟应该测试什么？”虽然测试过多或过少都是可能的，但我的观察是，开发人员通常会测试过头。毕竟，没有人愿意自己的组件未经测试从而导致应用程序在生产中崩溃。在本文中，我将分享一些用于组件单元测试的指导原则，这些指导原则可以确保在编写测试上不会花费大量时间，但

2020-02-26 标签:博客,文中,添加,自定义,右键,菜单,方法,详解,页面,设计,首先,三个,功能,列表,ul,形式,放置,鼠标

页面设计首先将这三个功能以一个列表的形式放置。鼠标移入时样式改变，移出时还原body{margin: 0;}ul{margin: 0;padding: 0;list-style: none;}.list{width: 100px;text-align: center;cursor: pointer;

2020-02-24 标签:angular,单元测试,之事,触发,实现,项目,时常,有一些,click,input,focusout,事件,操作,如何,这些事,方法,const,ele,fixture

=在angular项目中时常有一些click、input、focusout等事件操作，那么如何在单元测试中触发这些事件呢？一、触发Click事件// 方法一const ele = fixture.debugElement.query(By.css("#id"));ele.triggerEventHa

2020-02-24 标签:angular,实现,table,表格,表头,固定,效果,最近,项目,有个,需求,内部,滚动条,除了,单个,多个,情况,下一

最近项目中有个需求，表头固定，内部实现滚动条。除了单个表头，还有多个表头的情况（下一篇中介绍）。效果图：html 结构按区域划分可以分为三个大部分，一共是通过4个table 组合成一个整体的table。然后通过 col 属性去设定列的宽度，注意：这里的宽度必须要设置为固定值。表头过滤功能暂时未实现。

2020-02-24 标签:angular,如何,模板,生成,dom,方法,现代,web,框架,极大,提高了,开发,效率,比如,经常,会在,过程中,写出

Angular等现代Web框架极大的提高了开发效率,比如我们经常会在开发过程中写出类似下面的代码：{{title}}export class AppComponent {title = 'angular';}这种模板写法并不是HTML原生支持的，那么Angular又是如何转换这些代码，并显示成我们期

2020-02-24 标签:angularjs,模态,使用,代码,实例,这篇文章,主要,介绍,文中,通过,示例,非常,详细,大家,学习,工作,具有,一定的,参考

这篇文章主要介绍了angularjs模态框的使用代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下编写html页面1.触发模态框的点击事件{{ 'i18n.add' | translate }}2.模态框页面 文档入库分类： 星级：井号：作者：

2020-02-24 标签:angular,项目,打包,优化,实现,方法,以下,三个,角度,输出,组成分析,文件,rollup,导出,webpack

可以从以下三个角度优化：输出包体组成分析文件Rollup 摇树优化导出Webpack配置，通过修改webpack配置优化打包让我们来逐一分析。输出包体组成分析文件Webpack 有一个非常好用的工具叫 webpack-bundle-analyzer，会自动分析包体组成结构，并以一种可视化的方式显示。

2020-02-24 标签:angular,封装,表单,控件,思想,总结,前言,前端,框架,强大,无疑,开发者,省去,不少,烦恼,比较完善,ui

前言前端框架的强大无疑给开发者省去了不少烦恼，又因比较完善的UI库支撑，让部分后端开发者能够省去大量样式设计的时间成本，纵然如此，业务的多变性是框架本身无法预料的，很多的控件功能在实际开发中总是不够完善和灵活，所以需要开发者结合业务需求进行再次封装这些UI控件/组件。表单控件常规组件只需要根据官方指