- 博客(19)
- 收藏
- 关注
RSS订阅原创 错误边界渲染页面异常（Error Boundaries）
错误边界可以捕获发生在其子组件内任何位置的JavaScript错误，并打印这些错误，同时展示降级UI（比如页面展示人气大爆发用来兜底错误）。
2022-07-31 23:46:12
316
原创 频繁切换按钮调用接口第一次返回比第二次慢怎么办？
A按钮点击之后（选中状态），请求接口返回数据（params）时间为3s才返回数据，在时间间隔内点击了B按钮（选中状态），接口返回数据（params）时间为1s就返回，导致在之后的action中数据传入的是选中状态为B，params为第一次点击的数据，数据与状态不对应，如何解决？页面上两个按钮频繁切换，接口需要更新。...
2022-07-28 23:05:26
584
原创 call与apply的区别？哪个性能更好一些？
call：1.改变函数运行的作用域（this的指向）2.参数为一个个列举出来fn.call(obj,10,20,30)apply：1.改变函数运行的作用于（this的指向）2.参数为数组fn.apply(obj,[10,20,30])call比apply的性能稍微好一点（当参数传递超三个时），使用call更多一点eg:let arr = [10, 20, 30];abj ={...
2020-01-31 20:06:36
894
原创 vue中如何正确封装echarts组件？
最近在写自定义大屏的项目，页面所有的组件几乎都是关于echarts的图表。1.常规思路<script> mounted() { this.renderChart(); }, methods: { renderChart: function() { this.chart = echarts.init...
2019-12-29 21:01:33
949
原创 vue 中$set的使用（数据赋值时，有时候并不会自动更新到视图上去怎么解决？）
这个问题可能是很多新手会遇到的问题：当生成vue实例后，当再次给数据赋值时，有时候并不会自动更新到视图上去。其实最主要的原因还是因为对vue文档不熟悉：如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。当我们为对象修改一个或者添加一个属性时：普通的修改虽然能改变该对象上的属性，但视图层却没有更新。由于受JavaScript的限制，vue.js不能监听对象属性的添加和删除，因为...
2019-12-25 22:42:23
998
原创 IE不支持时间格式 yyyy-mm-dd如何解决？
需要将格式转换为yyyy/mm/dd:var timeStr = "2019-10-21 17:29:30";2 var time = new Date(timeStr .replace(/-/g,"/"));//即替用符号“/”换掉“-”
2019-10-21 17:47:35
836
原创 angularJS指令ng-repeat生成的dom元素js获取不到，该怎么处理？
之前用了ng-repeat写了一个渲染时间进度条的需求，但是angular和vue不同，在angualr中通过ng-repeat生成的dom元素无论我怎么操作JS都获取不到，后来发现：angular渲染dom完成了，才能对想要的元素进行操作！具体操作如下：JS文件：app.directive('onFinishRenderFilters', function ($timeout) { ...
2019-10-21 17:40:36
444
原创 闭包
有时候发现多写写代码就会更容易理解闭包的用处。简单来说，闭包就是能够读取其他函数内部变量的函数最大用处有两个，一个可以读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中注意点：闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露function Person() { var name = 'h...
2019-07-28 15:54:06
78
原创 深拷贝和浅拷贝的区别~
1.浅拷贝：假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝2.深拷贝：如果B没变，那就是深拷贝如何实现深拷贝？1.数组的深拷贝 1）for 循环实现数组的深拷var arr = [1,2,3,4,5]var arr2 = copyArr(arr)function copyArr(arr) { let res = [] for (le...
2019-07-24 17:47:06
84
原创 修改elementUi默认样式不影响全局样式
1.vue scoped 深度作用选择器希望scoped样式中的一个选择器能够作用得“更深”，例如影响子组件，可以使用>>>操作符：.userInfo >>> .el-form-item__label font-size: $font-size-medium color: $color-mainFont ...
2019-06-19 22:27:53
4336
原创 创建react应用（react学习）
1.确认Node.js和npm安装成功，执行命令,安装create-react-appnpm install --global create-react-app2.执行命令,创建一个名为first_react的目录create-react-app first_react3.进入文件 输入命令启动开发者模式服务器，打开网页指向本机地址http://local-host:3000/...
2019-06-19 11:24:58
164
原创 vue中 stylus 变量无法全局访问该如何引入？
添加一个公共样式variable.styl样式，包含一些公共的变量// 颜色$color-mainFont = #333333$color-placeholder = #aaaaaa$color-inputborder = #e5e5e5$color-buttonSure = #5783e6$color-buttonCancle = #999999// 字体$font-size...
2019-06-16 14:57:59
849
原创 VUE PC端适配方案flexible+px2remLoader
利用webpack配置px2rem-loader和lib-flexible来实现px转化rem1、安装npm install px2rem-loader -Dnpm install lib-flexible -S2.参照官网配置方法// 增加代码，px转rem配置（需要将px2remloader添加进loaders数组中） const px2remLoader = { loa...
2019-06-16 14:51:56
5764
8
原创 如何使多个空白被浏览器保留？
white-space 属性的设置可以处理元素内的空白。可以用来处理下拉框中的多个空白问题在html元素上添加属性white-space="pre"就可以保留格式了，类似 HTML 中的 标签。...
2019-06-01 17:31:01
180
原创 vue-cli 安装失败Failed to download Response code 404 (Not Found)
解决办法：检查环境node -v(小写v) ；官网下载vue -V(大写V) ；npm i vue-cli -gwebpack -v(小写v)； npm install webpack -g如若上述三个环境都没问题，vue init webpack project...
2019-04-23 21:43:22
2688
1
原创 Angular中修改input的值后如何更新页面ng-model的值
在对输入框做输入限制的时候，会在js中改变input值，对值进行改变放入input框中，此时需要更新input ng-model的值。不能使用$scope.apply()$scope.apply()是AngularJS 通知angular(视图)进行数据更新解决方法：通过手动触发input和change事件来使model发生改变 $(this).trigger('input'); ...
2018-12-05 17:16:17
6049
1
原创 cannot read property 'forEach' of undefined
遍历数组报错：cannot read property ‘forEach’ of undefined在遍历之前，判断数组是否存在$scope.list=[];//遍历之前，判断数组是否存在if(!$scope.list){ return;}$scope.list.forEach(function(item,i){ console.log(item);})...
2018-11-28 11:30:51
4084
1
原创 bootstrap-table中时间戳转换为日期格式。
{ field: 'createdTime', title: '创建时间', formatter: function (value, row, index) { return changeDateFormat(value) } }， function changeDateFormat(ce...
2018-11-24 12:19:46
1571
翻译 对websocket的了解
websocket连接允许客户端和服务器之间进行全双工通信，以便客户端和服务端都可以通过建立的连接将数据推送到另一端。只需要建立一次连接，就可以一直保持连接状态，keep-alive.而在http 1.0 时，如果需要实时的信息或者监听服务端某个内容变化，使用较多的是轮询。使用轮询的话服务器以及客户端都会负载压力过大，服务器端占用较多宽带与内存，客户端发送请求数过多，而且相对于使用websock...
2018-11-19 14:08:26
191
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人