qq_36777191的博客

前言在刚学React/Vue的时候，配合webpack脚手架学习的过程中，碰到一个问题会非常疑惑，比如在React中有个Public文件夹可以放静态资源，但是在src目录中同样有个assets文件夹，这个同样也是放静态资源的，这个就很困惑了，为何放置静态资源的地方会有两个？两者区别其实放在两个文件夹区别就在于是否会被webpack所处理，如果您将文件放入该public文件夹，webpack 将不会处理它，在你打包的时候，会将public文件夹直接复制一份到你构建出来的文件夹中。而src/asse

https://www.kancloud.cn/yaodebian/ajax/780833

防止数据重复提交的6种方法(超简单)！有位朋友，某天突然问磊哥：在 Java 中，防止重复提交最简单的方案是什么？这句话中包含了两个关键信息，第一：防止重复提交；第二：最简单。于是磊哥问他，是单机环境还是分布式环境？得到的反馈是单机环境，那就简单了，于是磊哥就开始装*了。话不多说，我们先来复现这个问题。模拟用户场景根据朋友的反馈，大致的场景是这样的，如下图所示：简化的模拟代码如下（基于 Spring Boot）：import org.springframework.web

渲染结束后启动监听：componentDidMount(){ window.addEventListener('resize',this.handleResize.bind(this))}卸载组件移除监听器，防止多个组件之间导致this的指向紊乱componentWillUnmount(){ window.removeEventListener('resize',this.handleResize.bind(this))}​​​​​​​handleResize=...

一般浏览器正常可用：alert('屏幕宽度：' + screen.availWidth);alert('屏幕高度：' + screen.availHeight);

问题描述：No 'Access-Control-Allow-Origin' header is present on the requested resource：Access to XMLHttpRequest at 'http://localhost:88/api/sys/login' from origin 'http://localhost:8002' has been blocked by CORS policy: Response to preflight request doesn.

待定

一、React-redux是什么react-redux是Redux官方出的 用来配合 React 的绑定库 react-redux能够使你的React组件从Redux store中很方便的读取数据，并且向store中分发actions以此来更新数据 react-redux的两个重要部分： Provider : 能够让整个app都能获取到store中的数据 Provider 包裹 在根组件最外层，使所有的子组件都可以拿到State Provider 接收 store 作为 props,然后

一、准备构建react项目：npx create-react-app redux-demo 删除多余文件 在pages目录下创建Home组件 编写一个结构样式：<button>发送要给action</button> 在App.js引入自定义的组件 安装redux: yarn add redux二、构建Action在根目录下创建一个文件夹 action 在该目录下创建一个 index.js 文件，用来构建 Action 在 index.js 中创建函数里面 利用

一、 Redux组成1.State即传递的数据，在React开发中，大致把State分为三类：DomainDate: 可以理解为服务器的数据，比如： 获取用户的信息，商品的列表等 UI State: 决定当前UI要展示的状态，比如： 弹框的显示隐藏，受控组件等 App State: App级别状态，比如：当前是否请求loading,当前路由信息可能会被多个组件去使用的状态2.ActionAction 是把数据从应用传到store的载体 ( 其本质就是JS对象 ) ，他是store数据.

一、Redux是啥Redux是一个用于JS状态容器（或者管理器，叫啥随便），提供可以预测化的状态管理Redux可以构建一致性的应用，运行于不同环境（客户端、服务器、原生应用），并且容易测试Redux除了和React合用外，还支持其它界面库，而且体积小（2kb）不用担心资源占用二、设计初衷：JS发展日益复杂，JS需要管理更多state,这些state可能包括服务器响应、缓存数据、本地生成未持久化到服务器的数据，UI状态等管理不断变化的state很麻烦，如果一个model的变化会引.

请各位细品下面代码//ajaxaxios.request({method: 'get',url:'https://cdn.liyanhui.com/data.json'}).then(res => {console.log(res.data);});//mock拦截Mock.mock('https://cdn.liyanhui.com/data.json',{'list|5-10':[{'id|+1':1,'username': '@cname'.

一、技术说明为什么要使用这种技术？ 对于前后端分离项目，后端工程师的API上线速度不匹配 前端工程师需要模拟数据接口，代替后端未上线的API Mock.js是一款模拟json数据的前端技术 官网：mockjs.com二、安装测试两种安装方式，一种是node下运行，另一种是浏览器中运行 如在node下运行，干燥node.js,官网：nodejs.org/zh-cn/; 安装知乎，在webstorm或者vscode测试node环境：node -v 创建Mock目录，先安装node下的mo

一、技术说明axios.js 是一个基于promise 的 http 库，支持浏览器和Node环境； 传统的 ajax 技术无法满足前后端分离时代的新需求，而 axios 则在实现 ajax 功能的基础上得到了技术增强 一般使用 axios 来发送get/post请求，然后返回 json 格式数据二、安装测试安装方式：一种是node下运行，另一种是在浏览器下运行 node下运行，需要安装node环境，安装完毕，在项目下命令安装：npm install axios 如果在浏览器使用，可以先.

安装，该问题出现在2021年1月份，新购置了台电脑，装的node是最新的14版本，结果用的时候各种毛病，比如npm命令无法使用，后来只能卸载了，切换成了10版本，问题解决 npm install 报错 cb.apply is not a function,然后就装了cnpm,用cnpm install 正常执行了，也可以用yarn,基于这个问题，推荐使用cnpm和yarn cmd命令行敲node命令失效了，启动npm run dev时报报Error: spawn cmdENOENT ，结果发现，运行..

在 ES6 之前，社区制定了一些模块加载方案，最主要的有 CommonJS 和 AMD 两种。前者用于服务器，后者用于浏览器。ES6 在语言标准的层面上，实现了模块功能，而且实现得相当简单，完全可以取代 CommonJS 和 AMD 规范，成为浏览器和服务器通用的模块解决方案。上文引用自：阮一峰老师的ECMAScript 6 入门。而我们这里要说的是在使用import语法引用模块时，如何正确使用{}。假如有一个B.js，想要通过import语法引用模块A.js，那么可以这么写： .

webpack : D:\its\Common\software\nodejs\node_global\webpack.ps1 檔案無法載入。檔案 D:\its\Common\software\nodejs\node_global\webpack.ps1 未經數位簽署。您無法在目前的系統上執行此指令碼。如需關於執行指令碼及設定執行原則的詳細資訊，請參閱 about_Execution_Pol...