Edison__Wu-CSDN博客

原创 vuex 使用

以前用的react,redux 做项目,最近框架改成vue,使用vue，当然少不了使用vuex状态管理，其实和redux 差不多。下面我对vuex的理解：我在使用基于 vue.js 2.0 的UI框架 ElementUI 开发网站的时候 , 就遇到了这种问题 : 一个页面有很多表单 , 我试图将表单写成一个单文件组件 , 但是表单 ( 子组件 ) 里的数据和页面 ( 父组件 ) 按钮交互的...

2018-08-15 16:50:11 168

原创常见浏览器兼容性问题与解决方案

所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。（相关文章推荐：主流浏览器CSS 3和HTML 5兼容清单）浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不

2018-01-19 10:36:34 247

原创常见的浏览器兼容性问题大汇总

浏览器兼容性问题大汇总Ø JavaScript 31. HTML对象获取问题 32. const问题 33. event.x与event.y问题 34. window.location.href问题 35. frame问题 36. 模态和非模态窗口问题 37. firefox与IE的父元素(parentElement)的区别 38

2018-01-19 10:32:12 272

原创 JS的十大经典算法排序

冒泡排序（Bubble Sort）冒泡排序须知：作为最简单的排序算法之一，冒泡排序给我的感觉就像Abandon在单词书里出现的感觉一样，每次都在第一页第一位，所以最熟悉。。。冒泡排序还有一种优化算法，就是立一个flag，当在一趟序列遍历中元素没有发生交换，则证明该序列已经有序。但这种改进对于提升性能来说并没有什么太大作用。。。冒泡排序JavaScript代码实现：functio

2018-01-18 14:05:23 186

原创对象数组通过对象的属性进行排序

最常见的对数组进行排序，可以用sort()方法，按照数组中元素的首字母或者数字大小进行排序var arr = [2,5,13,7,4,9,1];var arr1 = arr.sort();console.log(arr); // [1, 13, 2, 4, 5, 7, 9]console.log(arr1); // [1, 13, 2, 4, 5, 7, 9]sort()方

2018-01-17 17:37:11 1345

原创 for of 与 for in的区别

遍历数组通常使用for循环，ES5的话也可以使用forEach，ES5具有遍历数组功能的还有map、filter、some、every、reduce、reduceRight等，只不过他们的返回结果不一样。但是使用foreach遍历数组的话，使用break不能中断循环，使用return也不能返回到外层函数。Array.prototype.method=function(){　　console.

2018-01-08 10:59:07 916

原创 qs.parse()、qs.stringify()使用方法

qs是一个npm仓库所管理的包,可通过npm i qs命令进行安装. 1. qs.parse()将URL解析成对象的形式const Qs = require('qs');let url = 'method=query_sql_dataset_data&projectId=85&appToken=7d22e38e-5717-11e7-907b-a6006ad3dba0';Qs.par

2018-01-04 16:56:25 1604

原创 JavaScript如何实现对数字保留两位小数不足2位自动补零

本章节介绍一下如何实现对数字保留两位小数效果，如果数字的原本小数位数不到两位，那么缺少的就自动补零，这个也是为了统一的效果，先看代码实例:function returnFloat(value){ var value=Math.round(parseFloat(value)*100)/100; var xsd=value.toString().split("."); if(xsd.leng

2018-01-04 14:36:21 5753

原创 JS添加事件和解绑事件：addEventListener()与removeEventListener()

作用： addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作。它们都接受3个参数：事件名、事件处理的函数和布尔值。布尔值参数是true，表示在捕获阶段调用事件处理程序；如果是false，表示在冒泡阶段调用事件处理程序。示例：环境：移动端，界面禁止触摸事件要在body上添加事件处理程序，可以使用下列代码：documen

2018-01-02 10:31:31 531

原创 highcharts 处理时间不连续的图表封装函数

//highcharts 处理时间不连续的图表封装函数processingData = (value, m , n) => { if (!value.length) { return false; } let returnArr = []; for (let i = 0; i < value.length; i++) { returnArr.push([

2017-12-22 16:15:11 1037

原创在js中为对象添加和删除属性

给JS 对象添加和删除属性let obj = new Object();//添加属性obj.name = 'edison';obj.age = 12;console.log(obj)// 添加方法obj.sayHi = function() { return Hi}console.log(obj)//删除属性delete obj.name;console.log(ob

2017-12-22 15:38:50 378

原创解决vue渲染时闪烁{{}}的问题

Vue页面加载时v-show设置的隐藏元素出现导致页面闪烁问题在写APP社区页面的时候在一些地方用了v-show，在刷新页面的时候就发现即便在逻辑判断为false某些元素不该显示时也会露个脸，一闪而过，元素快小还好，如果是特别大的地方就看起来就很不爽，于是就上网搜了下看有没有解决方法，结果还真有。方法一: v-cloak官方的解释就一句话：这个指令保持在元素上直到关联实例结束编译。光看这句话一头

2017-12-21 11:00:14 2962

Edison__Wu的博客