Jim~LoveQ的博客

Bootstrap下拉菜单的位置出现错位如果是单按钮的下拉菜单是没有错位问题的，如下图1，不过我这里需要的是拆分按钮的下拉菜单，如下图2图1单按钮模式，点击按钮就会出现下拉菜单图2左边的按钮点击会弹出弹框，右边的小按钮点击会显示下拉菜单代码如下：<div> <button type="button" class="btn button_create_custom" (click)="openCustomBatch

添加应用内导航路由添加 AppRoutingModule路由RouterModule.forRoot()添加路由出口 `RouterOutlet`添加路由链接 (routerLink)添加仪表盘视图添加仪表盘路由添加默认路由把仪表盘链接添加到壳组件中导航到英雄详情从 `HeroesComponent` 中删除英雄详情添加英雄详情视图`DashboardComponent` 中的英雄链接`HeroesComponent` 中的英雄链接支持路由的 `HeroDetailComponent`从这个路由中提取出 `

组件不应该直接获取或保存数据，它们不应该了解是否在展示假数据。 它们应该聚焦于展示数据，而把数据访问的职责委托给某个服务。

把所有特性都放在同一个组件中，将会使应用“长大”后变得不可维护。 你要把大型组件拆分成小一点的子组件，每个子组件都要集中精力处理某个特定的任务或工作流。

显示英雄列表本文参考自Angular中文网，原文链接：https://angular.cn/tutorial/toh-pt2本页中，你将扩展《英雄之旅》应用，让它显示一个英雄列表， 并允许用户选择一个英雄，查看该英雄的详细信息。创建模拟（mock）的英雄数据你需要一些英雄数据以供显示。最终，你会从远端的数据服务器获取它。 不过目前，你要先创建一些模拟的英雄数据，并假装它们是从服务器上取到的。在 src/app/ 文件夹中创建一个名叫 mock-heroes.ts 的文件。 定义一个包含十个英

Angular入门系列 第二章：英雄编辑器创建英雄列表组件添加 `hero` 属性显示英雄显示 `HeroesComponent` 视图创建 Hero 类显示 `hero` 对象使用 `UppercasePipe` 进行格式化编辑英雄名字双向绑定缺少 `FormsModule``AppModule`导入 `FormsModule`声明 `HeroesComponent`查看最终代码小结本文参考自Angular中文网，原文链接：https://angular.cn/tutorial/toh-pt0应用

安装 Angular CLI你可以使用 Angular CLI 来创建项目，生成应用和库代码，以及执行各种持续开发任务，比如测试、打包和部署。要使用 npm 命令安装 CLI，请打开终端/控制台窗口，输入如下命令：npm install -g @angular/cli创建工作空间和初始应用ng new angular-tour-of-heroes前面两个输入Y，第三个选择CSS就行，然后等待完成就可以了启动应用服务器进入工作区目录，并启动这个应用。cd angular-tour-o

本文转载自：众成翻译译者：iOSDevLog链接：https://www.zcfy.cc/article/fullstack-react-displaying-remote-data原文：https://www.fullstackreact.com/30-days-of-react/day-16/这篇文章是30 Days of React系列的一部分。在本系列中，我们将从最基本的开始，逐步了解开始React所需的所有知识。如果你曾经想学习反应，这是开始的地方！30 Days of React.

Table固定表头的方法：1. 纯`CSS`方式2. 使用`bootstrap-table`方式

一、写了两个后端的API，测试的时候出现错误：Whitelabel Error PageThis application has no explicit mapping for /error, so you are seeing this as a fallback.Thu Aug 13 10:36:01 CST 2020There was an unexpected error (type=Internal Server Error, status=500).No converter for

一、接受了一个项目，密码验证方面需要前后端使用一样的验证规则。我把后端的验证规则直接给我前端同事用，反正在前端中出现编译出错。二、对比了一下两个正则，发现是Java的正则里面有很多转义的\，然后查询了一下Java与JavaScript正则表达式的转义的规则，发现两个是不一样的。区别如下：（参考了此文章：[正则表达式]JavaScript与Java中正则表达式的区别）三、在后端中的Java的正则为：String regex = "^(?:(?=.*\\d)(?=.*[A-Z])(?=.*[a-z])|

一、很久没做前端了，突然接了一个项目，需要改前端UI的。页面是jsp的，没有前端框架，jQuery也咩怎么用。然后有个需求是两个表需要并排显示，并且中间隔开一段距离的，居然忘记要怎么做了，最后求助下度娘，发现也是很简单的一件事，只是很久没做了所以想不起来了。二、解决方法：把两个table放到一个大的table里面的就可以了。代码如下：<table> <tr> <td> <table border="1" cellspac

一、由于项目需要，前端把密码用RSA加密后传输到后端，后端进行RSA解密后再与数据库中的密码进行对比，接受到前端传过来的加密后的密码，在进行解密的时候出现错误了：javax.crypto.BadPaddingException : Decryption error二、仔细对比了前后端的RSA加密解密的设置，发现是一样的，本来以为是公钥和私钥的问题，换了不少公钥私钥之后还是有问题。然后无意中发现前端传过来的加密后的字符串和后端使用RSA加密后的字符串不一样。详细对比后，发现是字符串中的加号+变成了空白字

本文转载自：众成翻译译者：iOSDevLog链接：https://www.zcfy.cc/article/3814原文：https://www.fullstackreact.com/30-days-of-react/day-15/这篇文章是30 Days of React系列的一部分。在本系列中，我们将从最基本的开始，逐步了解开始React所需的所有知识。如果你曾经想学习反应，这是开始的地方！30 Days of React PDF版本下载：下载超过300页的 PDF今天，我们将要看看我们.

今天我们来看一下调用外部API的第一步。直到这一点,我们的应用基本上是静态的。即使我们从 github 显示的数据也是我们项目中包含的静态数据。我们的应用确实和我们使用的数据一样有趣, 因此让我们的应用更有趣。查询远程数据正常的浏览器工作流实际上是同步的。当浏览器接收 html 时, 它将解析 html 内容的字符串并将其转换为树对象 (这就是我们通常所指的 DOM 对象/DOM 树)。当浏览器解析 DOM 树时, 当它遇到远程文件 (如and标记) 时, 浏览器将请求这些文件 (并行), 但

今天，我们将通过如何显示多个组件来准备将外部数据引入我们的应用。我们已经构建了一个没有任何外部数据的基本应用。在我们实现之前 (我们将在明天开始这个功能), 让我们来看看过去两周中我们所掩盖的事情:重复元素我们已经看到了这之前, 我们已经遍历了一个对象列表, 并在屏幕上呈现多个组件。在我们的应用中添加太多的复杂度来加载外部数据之前, 今天我们将快速了解如何在应用中重复组件/元素。

今天，我们将添加一个构建过程来存储常见的构建操作，以便我们可以轻松地开发和部署我们的应用。React小组注意到运行一个React应用需要很多配置（并且社区帮助臃肿 - 包括我们也是如此）。幸运的是，React团队/社区中的一些聪明人员聚集在一起，构建/发布了一个官方的生成器应用，使其更容易上手并快速运行。create-react-app通过Facebook发布的create-react-app项目可帮助我们快速启动并运行我们系统上的React应用，无需自定义配置我们的一部分

今天我们将讨论创建组件的最终方案，即无状态函数的纯组件。我们已经研究了几种不同的方法来构建反应组件。 通过这一点我们遗漏的一种方法是构建React组件的无状态组件/功能方法。正如我们已经看到的那样，我们只使用React.Component 和React.createClass() 方法构建组件。 为了获得更多的性能和简单性，React 同样允许我们使用正常的JavaScript函数创建纯粹的，无状态的组件。

今天，我们将介绍如何添加交互性到我们的应用，使其具有吸引力和交互性。通过这一点，我们构建了少数几个组件，而没有添加用户交互。 今天我们将要改变它。用户交互浏览器是事件驱动的应用程序。 用户在浏览器中进行的一切都会触发一个事件，从点击按钮，甚至只是移动鼠标。 在简单的JavaScript中，我们可以监听这些事件并附加一个JavaScript函数与它们进行交互。

今天，我们将花点时间去了解我们的React组件的样式，使它们看起来很棒，但仍然保持完整。我们来看几种不同的方式来组合一个组件。 1. 级联样式表(CSS) 2. 内联样式 3. 样式库

React的`PropTypes`对象导出一堆不同的类型，我们可以用它来定义组件的`prop`应该是什么类型的。 我们可以在ES6类风格的React prop中使用`propTypes`方法来定义它们

今天，我们将看看我们可以用于React组件的一些最常见的生命周期钩子函数，我们将讨论为什么它们是有用的，什么时间应该用什么.

今天我们开始了解React中有状态组件的工作原理，并且看看我们何时以及为什么要使用状态。我们几乎完成了在React开始运行的第一周。我们通过JSX工作，构建我们的第一个组件，设置父子关系，并使用React驱动组件属性。我们还有一个重要的想法，我们还没有讨论React _状态_相关的知识。

今天，我们将把我们的组件设置为由数据驱动，访问外部数据。通过这一点，我们已经编写了我们的第一个组件并将其设置为子/父关系。但是，我们还没有将任何数据绑定到我们的React组件。虽然在React中写一个网站是一个更愉快的体验（在我们看来），我们还没有利用React的力量来显示任何动态数据。

在本节中，我们将继续使用我们的`App` 组件，并开始构建一个更复杂的UI。我们可能会看到一个常见的网页元素是用户时间轴。例如，我们可能会有一个应用显示事件发生的历史，如Facebook和Twitter等应用。我们可以在单个组件中构建整个UI。然而，在单个组件中构建整个应用不是一个好主意，因为它可能非常大，复杂且难以测试。

这个系列的前两篇文章是很重要的讨论。在今天的课程中，我们来看看一些代码，并写下我们的第一个React应用。

在本文中，我们将介绍React生态系统的一部分：ES6和JSX。在互联网上的任何粗略的搜索寻找React材料，毫无疑问，你已经遇到了术语JSX，ES5和ES6。这些难懂的首字母缩略词可能会很快混乱。ES5（ES 代表ECMAScript）基本上是“常规JavaScript”。第5次更新JavaScript，ES5在2009年完成。它已被所有主要浏览器支持多年。因此，如果你在最近写过或看过任何JavaScript，很可能是ES5。

今天，我们从一开始就开始。让我们看看React是什么，是什么让React运转起来。我们将讨论为什么要使用它。在接下来的30天内，您可以体验到React网页框架及其生态系统的各个部分。我们的30天冒险中的每一天都将建立在前一天的材料上，所以在系列结束之后，您不仅可以了解框架如何工作的术语，概念和基础，而且可以在您的 下一个Web应用程序让我们开始吧。 我们将从在零开始因为它是一个非常好的开始的地方。

reason: Hostname/IP does not match certificate's altnames: Host: registry.cnpmjs.org. is not in the cert's altnames: DNS:r.cnpmjs.org异常分析一、今天更新了项目到最新版本后，需要更新一下依赖包，但是使用npm install --save redux的时候出现问题了npm install --save reduxnpm ERR! code ERR_TLS_CERT_ALT

Unexpected end of JSON input while parsing near '...benchpress":"2.0.0-be'异常分析一、今天需要安装create-react-app，但是出现异常了，使用命令：npm install --global create-react-app的时候报错：npm install --global create-react-appnpm ERR! Unexpected end of JSON input while parsing near

reason: getaddrinfo EAI_AGAIN registry.npmjs.org异常分析一、今天更新了项目到最新版本后，需要更新一下依赖包，但是使用npm install的时候出现问题了npm ERR! code EAI_AGAINnpm ERR! errno EAI_AGAINnpm ERR! request to https://registry.npmjs.org/@react-pdf%2frenderer failed, reason: getaddrinfo EAI_AGA

最简洁的IP判断正则表达式最近的项目需要进行IP地址的匹配，在网上找了不少正则，找到一个相对简单点的：^((25[0-5]|2[0-4]\d|[01]?\d\d?)($|(?!\.$)\.)){4}$更多具体的信息请参考此文章：https://www.cnblogs.com/Zjmainstay/archive/2013/03/22/js_ip_RegExp.html...

最近有个项目进入到收尾阶段，有个需求是不能在URL中显示参数，这个实现起来也不算复杂，有以下方法如果是Spring的项目，springMVC的配置文件中注解开关中配置"ignoreDefaultModelOnRedirect"变量为true就可以实现，配置：<mvc:annotation-driven ignoreDefaultModelOnRedirect="true"/>。此方...

现在的项目中，所有的页面在在input的中输入过的数据会被浏览器保存着，点击或者双击input就会出现之前输入过的数据。现在需要让浏览器不保存这些数据，尤其是在登录页面不能保存这些数据。在input中添加这个参数：autocomplete=”off”就可以的了<input type="text" style="width:150px" size="25" id="corpid" nam...

可以查看官方文档：http://www.jeasyui.net/plugins/169.html，不过我按照文档的方法尝试了发现不行。在easyui中combobox加载数据时，利用Ajax从服务器拿到数据了，现在需要加载到combobox的option中，使用下面方法$("#corporate").combobox("loadData", []); //先利用loadData清空原有数据v...

关于日期选择器的介绍和使用，可参考此链接：http://www.runoob.com/jqueryui/example-datepicker.html下面说下我自己在项目中是怎么使用的1.在html或者jsp使用<input type="hidden" id="searchScheduledDatePicker"/>2.初始化//init datepickerfunct...

jQuery.i18n.properties 简介请参考此网站：https://www.ibm.com/developerworks/cn/web/1305_hezj_jqueryi18n/问题与改进资源文件命名问题在上面的示例中，我们的程序只自动识别中文和英文两种翻译，而不能进一步区分简体中文与繁体中文。为了使上面的示例能够根据浏览器语言设置自动区分简体中文和繁体中文，我们将简体中文对...

html中radio、checkbox选中状态研究本文为转载文章，原出处请参考下方版权声明：本文为转载文章，出处： https://blog.csdn.net/qq_29542611/article/details/73385002我们在web页面开发中经常需要让单选框、复选框进行选中或者不选中的操作，我们知道要让单选框或者复选框默认选中就需要添加checked属性，但是我们在js中使用jq...

移除html，jsp中的元素某些时候，需要移除某个元素，比如移除表中的某一行$("#tbody").children().eq(i).remove();或者$("#tr").remove();PS：获取表中的tr的数量：$("#tbody").children().length;...