![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
雨泽დ
这个作者很懒,什么都没留下…
展开
-
9种跨域问题解决方案
nginx/cors/http-proxy等为常用的前端处理跨域方式jsonp 在页面插入一个 script标签,地址栏增加 cb 函数,后端接受到请求后,返回执行 cb(后端要返回给前端的数据) ,缺点:只支持 get cors 后端 配置权限控制允许源,将前端源写入 postMessage 两个页面可以访问 iframe,一方发 postMessage ,一方接受 onmessage ...原创 2020-04-07 18:29:32 · 207 阅读 · 0 评论 -
Node.js Web应用代码热更新
实现思路:将启动文件中的 router、proxy 文件分离出主文件,对分离出去的文件实现热更新。关键问题点:如何更新模块代码 如何使用新模块处理请求 如何释放老模块的资源如何更新模块代码引入 `chokidar` 当监听文件修改时,清除该模块缓存,delete require.cache[path]如何使用新模块处理请求使用koa框架,app.use 操作会保存旧...原创 2019-10-21 17:33:08 · 184 阅读 · 0 评论 -
阅读Form组件
Form.create(options)mapPropsToFields onFieldsChange onValuesChangethis.props.form提供的 API(举常用的)方法 说明 类型 getFieldDecorator 用于和表单进行双向绑定 getFieldsValu...原创 2019-06-03 21:22:30 · 685 阅读 · 0 评论 -
React Hooks 初步尝试
HOOK-API1. 基础 Hook1. useState// 返回一个 state,以及更新 state 的函数。const [state, setState] = useState(initialState);惰性初始 state/* 如果初始 state 需要通过复杂计算获得,则可以传入一个函数,在函数中计算并返回初始的 state,此函数只在初始渲染时被调用:*/...原创 2019-06-03 21:21:32 · 178 阅读 · 0 评论 -
Decorator(修饰器)实践修饰Api
Es6 Decorator(修饰器)基本摘抄自阮一峰老师Es6入门1. 类的修饰 为类添加静态属性 @testableclass MyTestableClass { // ...}function testable(target) { target.isTestable = true;}MyTestableClass.isTestable // tru...原创 2019-06-03 21:20:31 · 335 阅读 · 0 评论 -
鼠标右击在对应位置展示自定义元素
实现鼠标右击目标,在右击处展示操作列,鼠标左击后操作列隐藏鼠标右击事件onContextMenu<div oncontextmenu="myFunction()" contextmenu="mymenu"><p>在文本框内右击鼠标查看上下文菜单!</p><menu type="context" id="mymenu"> <...原创 2019-06-03 21:19:28 · 289 阅读 · 0 评论 -
项目Request学习
前言看过好几次项目封装的Api(异步请求的封装),这次想大致写一下项目框架封装的Request的实现,以及还存在的思考疑问。开发须知fetch请求 Promise (resolve,reject,race,all) Request、Headers开发实现_request(url, params, method, config) { let requesr =...原创 2019-06-03 21:18:37 · 233 阅读 · 0 评论 -
js发布订阅者模式
全局的发布/订阅对象发布/订阅模式可以用一个全局的 Event 对象来实现,订阅者不需要了解消息来自哪个发布者,发布者也不知道消息会推送给哪些订阅者,Event 作为一个类似“中介者” 的角色,把订阅者和发布者联系起来。/** * 统一消息管理, 将消息发送给所有订阅这个消息类型的模块 * 采用 订阅/发布(观察者) 这种设计模块式开发 */class MsgCenter {...原创 2019-06-03 21:16:52 · 1297 阅读 · 0 评论 -
Mobx 学习成果
主要技术栈是使用 React ,所以主要写关于Mobx-React Mobx核心API observable、 computed、 reactions 和 actions observable 将数据制作成可观察数据,当数据更改时,使用该数据且被observer(mobx-react提供)包裹的组件会re-render computed 根据 observa...原创 2019-06-03 21:15:20 · 164 阅读 · 0 评论 -
学习React Advanced Guides
基础概览state 的使用 React可以将多个 setState()调用合并成一个调用来提高性能 状态更新可能是异步的 不能依靠 this.props 和 this.state 计算下一个状态 setState的第二种形式 this.setState((prevState, props) => { // 先前的状态 prevState...原创 2019-06-03 21:14:28 · 158 阅读 · 0 评论 -
js 获取div中鼠标选中内容,及索引
Selection 对象const selection = window.getSelection() 获取Selection对象Selection.toString() //获取选中字符Selection.anchorOffset //获取选中字符的开始Selection.focusOffset //获取选中字符的结束...原创 2018-07-16 18:26:04 · 4078 阅读 · 0 评论 -
获取 textArea 中选中文字的起始索引,获取选中文字
1.获取 真实 dom<TextArea autosize placeholder="输入内容..." className={styles.container} value={text} onChange={(e)=>{this.setState({text: e.target.value});}} ref={node=>this.textArea = node}...原创 2018-07-16 17:19:22 · 1827 阅读 · 0 评论 -
js select页面回显
当添加时,需要默认select模板<select> <option value="">请选择</option> <option value="0">男</option> <option value="1">女</option><原创 2018-03-01 15:35:51 · 2152 阅读 · 3 评论 -
jquery $.when()多个异步请求成功后再执行后续方法
$.when( $.ajax( "/page1.php" ), $.ajax( "/page2.php" ) ).done(function( a1, a2 ) { // a1 and a2 are arguments resolved for the page1 and page2 ajax requests, respectively. // Each argument is an arr...原创 2018-03-01 15:13:29 · 16032 阅读 · 0 评论 -
jquery获取列表中多行数据,并存入一个list中遇到的问题。。
错误做法 :var obj = {};var list = [];循环这个列表,将每行的数据键值对应存入 obj =》 obj:{goodsname:'aa',goodsNumber:1...}然后 list.push(obj);list[obj,obj] 这两个obj指向相同所有数据相同正确做法:(对象是在循环体内新建)var list = []循环这个列表,在循环体内新建 var obj = ...原创 2018-02-08 17:09:33 · 3280 阅读 · 4 评论 -
原生js获取元素大小
1.偏移量offsetHeight:元素在垂直方向上占用的空间大小,包括元素的高度、(可见的)水平滚动条的高度、上边框高度和下边框高度。offsetWidth:元素在水平方向上占用的空间大小 offsetLeft:元素的左外边框至包含元素的左内边框之间的像素距离 offsetTop:元素的上外边框至包含元素的上内边框之间的像素距离2.客户区大小有关客户区转载 2017-10-12 16:16:05 · 848 阅读 · 0 评论 -
获取函数参数arguments的方法
function test(){var arr = [].slice.call(arguments,0);console.log("arr",arr);}test(1,2,3)// 输出 数组[1,2,3] [].slice.call(arguments,0) 就获得了参数数组对象原创 2017-10-04 16:48:41 · 1322 阅读 · 0 评论