Take note for work

做一个小导航，或说是做一个一组隐藏置换元素操作的元素

可以用列表ul li来做，将li设置cursor:pointer加点击事件来做。相比于用<a>标签，控制样式会更方便；相比与<button>标签语义化更好，虽然用<button>效果差不多，但用<button>会语义逻辑不太对,按钮比较适合的场景是那种就一个按钮的，触发事件操作(不是简单的页面跳转、组件隐藏，而是一系列操作)，更适合一些复杂操作，如果这里用<button>有点用牛刀切菜的意味。而且如果要做图标加文字的效果<button>没要实现没li简单。下面是一个例子：

<ul class="action-wrapper">
      <li (click)="toggleDetail()">
        <img
          alt=""
        />
        <span>Card</span>
      </li>
      <li (click)="toggleDetail()">
        <img
          alt=""
        />
        <span>List</span>
      </li>
    </ul>

Angular 在IE中的配置

参考 https://blog.csdn.net/sllailcp/article/details/103480149

项目中不能同时存在.bowerlist 和.bowerlistsrc 如果设置了bowerlist把cli生成的删了

Angular 与 IE浏览器 - 知乎 (zhihu.com)

Angular 中怎么引入百度地图API？

angular或者说vue这类前端框架，要引入其他模块js，一般都是npm安装模块导入的形式，但百度地图的javascript api是一个旧形式的js文件，并没有模块化实现，这个时候应该怎么实现呢？

这就涉及模块化框架要如何引用一个普通的js，并且在组件里面可以正常使用。上网看了下大多对于这种情况是在入口网页 index.html 中以<script>的形式全局引入。但我发现这种情况下在现实里会报错说用不了这个js里面的一些方法，大概就是还没编译成功的问题，但是不解决这个问题又无法成功编译，真的怪。

其次还有另一种做法就是通过找相应的模块来引入，在npm上找找看有没有对于的模块，毕竟这个问题肯定不止你遇到，其他人也会有，那么必然会有人进行包编译来share出来。

http://blueskyawen.com/2019/05/03/add-baidu-map-in-angular/

font-family 、font-face 的使用方法

font-family决定了字体的样式，它本身是一个列表，以,隔开算一种字体，在需要应用字体样式时会在其中选择电脑有的字体来显示。

font-family 的属性分为字体族和通用字体，字体族就是哪些花里胡哨的或电脑自带的那种，通用字体是为了避免本机没有相应字体的情况。字体族用""来括住，表示字体族的名字。通用字体没有“”是所有主机自带或者说是js自带。

font-face类似keyframe的感觉，自定义一个电脑本身没有的字体。主要属性有:

font-family 表示这个字体的名字； url 表示这个字体的字体文件位置，可以是远程的。

需要应用自定义字体时就将font-family的字体族设置成自定义字体的名字即可。

Angular打包成war包，部署Jboss

试过很多办法，archiver、7z压缩、新建javaweb project的都不太顺利，不是报错就是失败麻烦，最后用maven打包的方法可以比较简单实现记录一下。

1. 首先电脑需要maven环境，上网下载就行。这里要注意的是下载好后还需要配maven的环境，百度可以清晰解决。

2. 在Angular项目新建pom.xml文件，里面写入如下数据：

   <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
                xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd http://maven.apache.org/POM/4.0.0">
           <modelVersion>4.0.0</modelVersion>
           <groupId>it.your-company</groupId>
           <artifactId>your-project-artifact-id</artifactId>
           <version>1.0.0</version>
           <name>your-project-name</name>
           <description>Any description</description>
           <packaging>war</packaging>
   
           <build>
               <finalName>target-file-name</finalName>
               <plugins>
                   <plugin>
                       <groupId>org.apache.maven.plugins</groupId>
                       maven-war-plugin</artifactId>
                       <version>3.0.0</version>
                       <configuration>
                 <warSourceDirectory>dist</warSourceDirectory>
                           <failOnMissingWebXml>false</failOnMissingWebXml>
                       </configuration>
                   </plugin>
               </plugins>
           </build>
       </project>
   

   3. npm run ng build --prod打包angular项目，输出到dist文件夹里。这里的注意点是outputpath就别改了，初始的\dist就行。

   4. 打包之后直接项目根目录运行命令mvn clean package即可，等待运行成功，war包就搞好在target目录下。

   5. war部署JBoss直接百度即可。

      参考网页：关于Maven：如何从angular 2(angular-cli)项目制作WAR文件？ | 码农家园 (codenong.com)

eclipse导入项目报错"xxx cannot be resolved to a type" 错误解决方法

（1）jdk不匹配（或不存在）
项目指定的jdk为“jdk1.6.0_18”，而当前eclipse使用的是“jdk1.6.0_22”。需要在BuildPath | Libraries，中做简单调整。
（2）jar包缺失或冲突
当找不到“XX”所在的jar包时，会报这个错。解决只需要找到（ctrl+点击，可能能看到jar包名称）对应jar包导入项目即可。 具体需要到什么包看报错的文件的报错点。
另外，出现相同的XX时也会报此错。可能需要调包、解包、选删。
（3）eclipse查找项目类型策略所致
eclipse下，上述两条都对比过了，没有任何问题，可偏偏还报这错。这时，需要操作一下 Project | Clean... ，问题即可解决。原因是，机制所致。因为某些特殊原因，eclipse没能自动编译源代码到build/classes（或其他classes目录），导致类型查找不到。

超级厉害的css样式, 取消默认密码框的眼睛和默认输入框的删除叉

input::-ms-clear{display:none;}/*上篇提到过，删除文本框中的叉号*/
input::-ms-reveal{display:none;} /*删除密码框中的小眼睛*/

一行CSS实现简繁转换

font-variant-east-asian: traditional;