Blossom

正则验证手机号码有效性通过js正则验证手机号码的有效性，方法如下， 验证130-139,150-159,180-189号码段的手机号码：function phoneValidator(value) { var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/; if(!myreg.test(value...

CSRF是什么？AJAX中处理CSRF的解决方案系统和环境描述：JSP页面 AJAX POST请求 Spring Boot开启Security（会自动开启CSRF机制） 请求出现403问题简单的禁用CSRF在继承了WebSecurityConfigurerAdapter的Spring管理类的configure方法中加入http.csrf().disable()代码即可...

React中安装并引入axios依赖在React项目中使用axios请求，首先需要安装axios：npm install axios --save然后在react文件中使用typescript方式导入axios依赖：import axios from 'axios';使用axios进行GET请求axios中使用GET请求时有两中方式：一种是使用axios.get的方...

AJAX跨域问题解决方案遇到的问题在使用ice进行ajax前后端通信的过程中出现了如下的跨域错误信息：跨域问题理论因为浏览器的同源策略，前端经常要面临跨域问题，同源策略/SOP（Same origin policy）是一种约定，由Netscape 公司 1995 年引入浏览器，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到 XSS、CSFR 等攻击。简单来说，所...

实例概述本文提供一个使用阿里Ice前端框架（封装React）与服务Spring Boot项目进行相互通信的项目实例。具体项目环境可参见：阿里ICE前端工程创建过程。该实例中不对Spring Boot项目的创建和使用进行介绍，仅提供相应的Controller方法作为与React前端工程通信的API。该实例具有的相关组件组成的页面如下：UserCreateForm：提供表单信息进行Post请求...

阿里Ice中组件跳转的几种方式阿里的飞冰（ice）是对React的封装实现，提供了便捷的React开发模式和最佳实践。在最近对Ice的学习和使用过程中需要使用到组件间和页面之间的跳转功能。目前Ice中可以使用如下几种不同的方式来实现组件或页面之间的跳转功能。使用<Link />标签进行组件跳转。 使用withRouter在组件内方法中实现页面跳转。 使用history AP...

基础Class和TypeHandlerMyBatis操作的基本User对象结构如下：@Data@Alias(value = "user")public class User implements Serializable { private static final long serialVersionUID = -4947062488310146862L; pri...

项目来源及简介该学习项目来自React官方文档中的“React哲学部分”（https://react.docschina.org/docs/thinking-in-react.html）。该文档为读者提供了一个用于介绍React学习理论的实例项目：可搜索产品数据表格。并对该项目从设计方面进行了讨论和分析，但文档中没有给出相应的实现代码，应该是给React学习者提供一个实际练手的机会。借此学...

React多组件并列存在的问题在使用React的自定义组件时，时常需要将多个自定义组件进行并列显示。而React在version-15之前，render 函数的返回必须有一个根节点否则将会报错。而此时常见的解决方法及为使用div将多个并列的自定义组件进行包裹起来。但这样一方面会增加页面渲染的负担，另一方面有时这种方式不是想要的结果。例如如下的方法：class ProductTable e...

使用String对象的方法indexOf() (推荐）var str = "yitian";console.log(str.indexOf("yi") !== -1 ); // trueString对象的indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现，则该方法返回 -1。search()var str = "...

Ice项目结构理解上一篇文章对阿里前端框架Ice的项目创建过程进行了详述（具体见：阿里ICE前端工程创建过程），下面对Ice创建的项目结构进行理解和说明。在Ice官方文档中有对项目中所具有的所有目录结构进行的说明，如下：├── .ice/ # 运行时生成的临时目录├── build/ # ...

前言ICE是阿里巴巴开发和开源的一款简单而友好的前端研发体系，具有如下的特性：可视化开发：通过 IDE 简化前端工程复杂度，同时通过适配器可接入不同的项目工程进行可视化管理，定制专属的前端工作台 丰富的物料：基于物料拼装提高项目开发效率，同时提供丰富的 React/Vue 物料 最佳实践：结合丰富的经验沉淀出的项目开发最佳实践，包括目录结构、开发调试、路由配置、状态管理等 自定义物料...

在线运行JS工具如果没有本地运行JavaScript的环境，可以使用在线的JavaScript运行工具。这里有一个链接：https://jsbin.com/?js,output。React开发中常用的JavaScript命令在React的官方文档中，对于React的开发之前的JavaScript背景知识提供了如下的几个方面：如果你想回顾一下 JavaScript，你可以阅读这篇教程。注意...

React的安装React的安装可以支持直接在HTML中的使用，或者创建整体的React App前端工程与另外的服务端项目进行交互。前者比较适合于简单的React项目，后者适合前后端分类的大型项目的构建。在HTML中使用ReactReact支持通过静态引入的方式进行使用，所以在HTML页面中使用React时，可以首先加入如下的静态依赖：<script src="https:...