React
文章平均质量分 61
AndyQsmart
自由职业者
展开
-
Ajax跨域请求的两种实现方式
最近网站新增了一个域名B用于分离不同的功能。但是需要复用服务器的高防等服务,但是服务和原有域名A绑定,所以新域名B需要直接去调用域名A。一开始想使用CNAME的方式,让B直接指向A。但是Https支持性有点问题,需要多域名证书。也考虑过反向代理,但是代理服务器的性能和高防等又是一个问题。最终决定在域名B的网页中,所有请求都直接去调用域名A的接口。于是就遇到了跨域请求的问题。网上找了许多资料来实现跨域请求。最终预估下来,有两种方案比较靠谱:通过iframe实现和CORS方案初步设想是加载一个域名A的ifram原创 2022-06-24 12:00:38 · 712 阅读 · 1 评论 -
[React组件封装][优化]文件选择按钮(解决安卓下type为file的input标签不触发onChange的问题)
公众号:程序员波波之前已经写过“[React组件封装][实例]文件选择按钮组件封装”这篇文章。目的是封装一个文件选择按钮。但是在真正运用的时候发现,还是存在问题的。主要是安卓端的微信浏览器input标签不触发onChange函数。在经过一些查阅后,发现可能原因是安卓端的WebView不支持input标签为file,不会触发onChange,而微信安卓端使用了WebView,所以会有...原创 2019-11-12 09:56:05 · 947 阅读 · 1 评论 -
[React组件封装][实例]文件选择按钮组件封装
公众号:程序员波波文件选择器是我们经常会使用到的,一般都是通过点击某个按钮然后选取文件。所以封装一个文件选择按钮还是有必要的。首先,这个按钮使用起来必须和普通按钮一模一样,否则就失去了封装的意义。其次也要基本符合我[基础]中讲到的几点。于是(注意在chrome中使用image/*会很慢):(基础版本)import React, { PureComponent } fr...原创 2019-09-16 14:19:28 · 1822 阅读 · 0 评论 -
[React组件封装][实例]FontAwesome图标组件封装
公众号:程序员波波FontAwesome是前端开发常用了一种图标字体。在React中使用可以使用对应的库,但是感觉不怎么好用。另一种方式就是通过import 'font-awesome.min.css',然后<i class="fa fa-times" ></i>这种使用方式缺点是每次需要引入font-awesome.min.css,但是如果忘记...原创 2019-09-16 14:19:09 · 553 阅读 · 0 评论 -
[React组件封装][基础]对于React组件封装的注意点
接触React也有一段时间了,从刚开始jquery式地去使用React,到慢慢走上正轨,还是经过了不少学习的。从开发过程中,遇到的组件大概有两类:UI类、工具类。UI类顾名思义就是能看得到的UI,这些组件一般就是按照需要渲染成相应的样子。工具类是一类虽然看上去好像什么东西都不渲染,但是却需要写在render中作为组件加载才能使用。(无法通过传统对象或者类方法之类实现)作为一个组件,...原创 2019-09-16 14:17:32 · 1632 阅读 · 0 评论 -
JS浏览器数据库
公众号:程序员波波最近做功能需要浏览器自己备份一份数据,但是本地数据还需要支持条件查询。于是,查找了一下是否有浏览器数据库这种东西。发现了Web SQL和IndexedDB这两个东西,前者是关系型数据库,后者是NoSQL类型的。因为功能需要关系型查询,所以准备选用前者,但是前者兼容性有问题,而且不是标准的规范,而且停止了更新。实践了一下发现Web SQL在火狐等浏览器上确实是不支持...原创 2018-09-07 15:10:51 · 1411 阅读 · 0 评论 -
JS中实现函数在指定时间内单次执行
公众号:程序员波波在项目开发过程中遇到过这样一个情景需求:某一个函数延迟t时间执行,但是在短时间内多次触发延时执行的时候,只会执行最后一次的延时执行。比如:我在某个k时刻,希望函数A在t时刻后执行。然后在k+t1(t1<t)时刻又希望函数A在t时刻后执行。那么函数A最终仅会在k+t1+t时刻的时候执行一次。类似于函数A的延时操作可以被重置的效果。实现方法有很多...原创 2018-08-27 14:45:36 · 3086 阅读 · 0 评论 -
React通过反射动态加载自定义组件
公众号:程序员波波最近在写一个类似于页面编辑器的工具。一般来说,可视化的编辑器,是通过拖拽已有组件,然后设置组件的属性,来完成一个编辑的过程。然后在开发过程中遇到了一些问题,在此记录一下。首先编辑器的开发在这就不多提了。说重点,在开发中遇到了对于生成的自定义数据,然后需要通过数据来动态加载组件(因为某个编辑生成的页面,不一定包含所有自定义组件,在预览页面只需要加载用到的组件...原创 2018-06-14 19:06:32 · 8107 阅读 · 2 评论 -
React中同步引入script标签
公众号:程序员波波之前写了一篇异步引入的博客,但是在开发中遇到,可能某些js之间有调用关系,那么引入的时候就需要按照一定的顺序进行同步引入。这里采用了递归的方式:class Tools{ static loadScript(url, callback) { let old_script = document.getElementById(url)...原创 2019-09-16 14:20:55 · 6787 阅读 · 0 评论 -
React中异步引入script标签
公众号:程序员波波React中支持异步加载script,通过react-loadable可以在React中异步import。但是目前遇到一个问题,引入全局的script标签。但是如果把所有标签全部写在index.html中的话,那么第一页加载的速度会变慢,所以希望实现异步引入script标签的方法。目前通过document.createElement的方法来动态创建脚本标签,然后通...原创 2019-09-16 14:20:42 · 6192 阅读 · 0 评论 -
在React中使用FontAwesome字体
FontAwesome是一种图标字体。安装依赖1. 安装基础依赖npm i --save @fortawesome/fontawesomenpm i --save @fortawesome/react-fontawesome2. 安装样式依赖npm i --save @fortawesome/fontawesome-free-solidnpm i --save @fortawesome/fon...原创 2018-03-31 14:07:36 · 3087 阅读 · 1 评论