- 博客(20)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 web前端兼容性问题案例
toFixed：在给 toFixed()传入 0 的情况下，IE8 及之前版本不能正确舍入范围在{(-0.94,-0.5],[0.5,0.94)}之间的值。对于这个范围内的值，IE 会返回 0，而不是-1 或 1；其他浏览器都能返回正确的值。IE9 修复了这个问题。 ...
2021-03-08 17:43:48
415
原创 React学习整理
1、jsx 是 JavaScript 的一种语法扩展，它和模板语言很接近，但是它充分具备 JavaScript 的能力。jsx 的本质是 React.createElement 这个 JavaScript 调用的语法糖，jsx 与 html 相似有更高的可读性。2、createElement 对传入参数进行格式化，并在处理之后 return ReactElement方法的调用。3、ReactDOM.render 将虚拟DOM转换为真实DOM。ReactDOM.render( /..
2021-02-25 20:36:45
245
原创 CSS学习总结
背景图片需要固定（fixed）：iOS不支持background-attachment属性需要用以下hack方式，代码：body: before { content: ''; width: 100%; height: 100%; position: fixed; z-index: -1; top: 0; left: 0; ...
2019-01-07 14:29:54
138
原创 Ant Design Pro学习小结
在dva的models中使用setTimeout：在models的effects中直接用setTimeout函数会报错，例如以下错误写法：effects: { *update({ payload }, { call, put }) { const response = yield call(update, payload); if (response.status ==...
2018-09-10 11:59:27
525
原创 JavaScript学习小结
filter、forEach、map方法的默认返回值filter()方法中不能嵌套forEach()、filter()、map()这几个方法，因为return的值不能自由控制。filter()，通过条件中return的true或者fasle来判断是否过滤；forEach()，固定returnundefined；map()，return一个新数组，数组中的元素为原始数组元素调用函数处理后...
2018-09-07 17:47:51
143
原创 Ant Design Pro，请求接口Network的Preview有值，但返回的response值是undefined
问题：Ant Design Pro，请求接口，Network的Preview有值，但返回的response值是undefined，Preview是字符串不是json// models/login.js中effects: { *getData({ payload }, { call }) { const response = yield call(getData); ...
2019-03-26 15:46:29
6364
原创 iView + Vue 踩坑日记，DatePicker选择日期后格式变成UTC
需求：DatePicker组件，选择日期后格式变成UTC，例如：选择的日期是2019-03-10，得到的结果却是2019-03-10T16:00:00.000Z，页面显示是Sat Mar 09 2019 00:00:00 GMT+0800 (中国标准时间) 解决方法：用on-change事件的返回值，给绑定的数据赋值。查文档可知道on-change的返回值是已经格式化后的日期，是我们想要的格式...
2019-03-18 17:55:09
5296
2
原创 iView + Vue 踩坑日记，Upload上传base64转码文件
需求：Upload组件，用post方法上传base64转码文件。 解决方法：用before-upload事件来获取file转换格式，并调用接口，最后return false阻止默认上传方式。<div> <Upload action="" :before-upload="beforeUpload"></div> <script>...
2019-03-18 16:34:07
2830
原创 iView + Vue 踩坑日记，组件自带的事件钩子函数，传自定义参数
需求：组件自带的事件钩子函数，需要传自定义参数 解决方法：以Page分页组件的on-change事件举例<div> <Page :total="100" @on-change="page => changePage(page, 'pageChange')"/></div><script>export defa...
2019-03-18 16:12:32
909
原创 iView + Vue 踩坑日记，两个Select组件联动，第二个Select通过第一个Select的值调接口取值
需求：两个Select组件联动，Select_1数据改变了，Select_2的选项跟着改变。 问题：Select_2的已选择Option依旧是之前的，并没有达到默认选中第一项，或者不选中的预期效果。 解决方法：给Select_2增加v-if判断，Select_1数据开始变化时v-if="false"卸载Select_2，获取到数据后再v-if="true"重新渲染Select_2。<...
2019-02-28 11:39:49
2849
2
转载 Promise 真的懂了吗？
(1) varvar在函数外定义，是全局变量，函数内可以使用 var在函数内定义，是局部变量，函数外不能使用 var 在其他代码块中定义，是全局变量 ----- 如 if 等var x = 10;( function fun() { var y = 20; console.log(x) // 10 } )();console.log(y...
2019-01-08 23:17:36
665
转载 React高级篇（一）从Flux到Redux，react-redux（转）
React框架本身只应用于View，如果基于MVC模式开发，还需要Model和Control层，这样催生了Flux的产生，而Redux是基于Flux理念的一种解决方式。从《React入门系列》可知，组建直接传递参数或者事件都需要props一层层代理，对于复杂组件，它可能嵌套的子组件非常多，层级也比较深，那么，如果还采用props链条来维护组件通信或者数据共享，将非常困难，也不利于开发和维护。...
2019-01-07 23:57:52
189
转载 虚拟DOM介绍（转）
近一年业务项目中都在使用React框架，也出现了一些以前没怎么关注过的新概念，例如虚拟DOM。虚拟DOM本身不是什么新鲜事物，网上随便一搜，早在2015年就有人详细介绍过了，但我只知道它速度快，效率高，对原理一无所知，最近抽空学习了一下。参考资料如下：深度剖析：如何实现一个 Virtual DOM 算法（作者：戴嘉华）Why Virtual DOM（作者：Sai Kishore Kom...
2019-01-07 22:32:15
153
转载 post、get、axios、fetch，请求方法整理
post请求：function post() { let http; if (window.XMLHttpRequest) { http = new XMLHttpRequest(); // ?IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码 } else{ http = new ActiveXObject("Micros...
2019-01-07 14:16:32
224
转载 css选择器有哪些，选择器的权重的优先级
选择器类型：1、ID #id2、class .class3、标签 p4、通用 *5、属性 [type="text"]6、伪类 ：hover7、伪元素 ::first-line8、子选择器、相邻选择器 权重计算规则：1、第一等：代表内联样式，如: style=””，权值为1000。2、第二等：代表ID选择器，如：#content，权值为0100。3、第三等：...
2019-01-07 14:14:56
11047
转载 常见的HTTP状态码
2开头 （请求成功）表示成功处理了请求的状态代码。 200 （成功） 服务器已成功处理了请求。 通常，这表示服务器提供了请求的网页。 201 （已创建） 请求成功并且服务器创建了新的资源。 202 （已接受） 服务器已接受请求，但尚未处理。 203 （非授权信息） 服务器已成功处理了请求，但返回的信息可能来自另一来源。 204 （无内容） 服务器成功处理...
2019-01-07 14:03:23
263
原创 Ant Design Pro，用setFieldsValue方法，给嵌套到Form表单中的DatePicker或RangePicker组件设置默认值
其实用setFieldsValue或者获取setState方法都可以设置DatePicker的默认值。但是关键点在于，引用moment方法转换日期格式1、setState方法，利用FormItem组件的initialValue属性设置默认值：import moment from 'moment';this.setState({defaultDate}) // 自定义默认日期...
2018-09-20 14:25:04
37663
1
原创 Ant-Design-Pro中Table组件rowSelection方法的一些坑
<Table rowSelection={rowSelection} columns={columns} dataSource={data} />在 <Table/> 组件中有 rowSelection={rowSelection} 方法，可以让Table的第一列成为联动的选择框。API中说到通过 rowSelection.selectedRowKeys 来控制选...
2018-09-06 16:01:50
41485
21
转载 详解clientHeight、offsetHeight、scrollHeight
关于clientHeight、offsetHeight、scrollHeightwindow.screen.availWidth 返回当前屏幕宽度(空白空间) window.screen.availHeight 返回当前屏幕高度(空白空间) window.screen.width 返回当前屏幕宽度(分辨率值) window.screen.height 返回当前屏幕高度(分辨
2016-12-30 14:21:00
187
转载 AJAX 跨域请求 - JSONP获取JSON数据
Asynchronous JavaScript and XML (Ajax ) 是驱动新一代 Web 站点（流行术语为 Web 2.0 站点）的关键技术。Ajax 允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索。使用 XMLHttpRequest 函数获取数据，它是一种 API，允许客户端 JavaScript 通过 HTTP 连接到远程服务器。Ajax 也是许多 mas
2016-12-07 12:13:27
197
空空如也
webpack4打包后的index.html，其中的IIFE怎么改为引入js文件的形式？
2020-08-20
TA创建的收藏夹 TA关注的收藏夹
TA关注的人