卜娴-CSDN博客

原创 ES6总结及使用（3）

目录class类es5通过构造函数实例化对象es6（class语法实现上面的功能）es6静态成员对象继承es5构造函数实现es6构造函数class的get（属性的获取）和set（属性的设置）数值扩展对象的方法扩展模块化1、模块化的好处2、模块功能主要由两个命令构成:export和 import。模块数据使用（暴露）class类ES6提供了更接近传统语言的写法，引入了 Class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。基本上，ES6的class可以看作只是一个语法糖，它的绝大部分

2020-12-16 23:39:24 158

原创 ES6总结及使用（2）

symboles6引入的一种原始数据类型,表示独一无二的值,一种类似于字符串的数据类型特点:Symbol的值是唯一的，用来解决命名冲突的问题Symbol值不能与其他数据进行运算Symbol定义的对象属性不能使用for…in循环遍历，但是可以使用Reflect.ownKeys来获取对象的所有键名创建symbol let s = Symbol();console.log(s,typeof s);//Symbol() "symbol"let s2 = Symbol('xiaozhou');

2020-12-05 23:17:59 281

原创 ES6的总结及使用（1）

文章目录let(声明变量)特性1、变量不能重复声明2、块级作用域全局，函数，eval3、不存在变量提升4、不影响作用域链const(声明常量,其值不能修改)1、一定要赋初始值2、一般常量使用大写3、常量的值不能修改4、块级作用域5、对数组和对象的元素修改，不算对常量的修改，不会报错变量的结构赋值1、数组的结构2、对象的结构模板字符串1、内容中可以直接出现换行符2、变量拼接简化对象写法箭头函数1、this 是静态的，this始终指向函数声明时所在的作用域下的this的值2、不能作为构造函数，实例化对象3、不

2020-11-29 23:03:12 227

原创 js高阶函数——filter/reduce/map的作用及使用

1、filter——回调函数（有一个要求，必须返回一个布尔值）当返回true时，函数内部会自动将这次回调的n加入到新的数组中当返回的是false时，函数内部会过滤掉这次的n//定义一个数组方便后续的使用const nums = [10,20,30,40,50,60,253,458,112];//取出小于100的数let newNums = nums.filter(function(n){ return n<100}); //结果是[10,20,30,40,50,60]

2020-11-25 09:09:06 305

原创 Vue———vuex基础知识及其使用

vuex的概念我们在什么情况下会使用Vuex：要频繁的大范围的进行数据共享时一般采用vuex。在开始学习之前，我们要知道一个vuex应用的核心其实就是store(仓库)，它相当于一个容器，包含着应用中大部分的状态。Vuex 是专门为 Vue.js 设计的状态管理库，以利用 Vue.js 的细粒度数据响应机制来进行高效的状态更新。一般情况下，只有组件之间共享的数据，才有必要存储到vuex中;对于组件中的私有数据，依旧存储在组件自身的data 中即可。vuex的特点：vuex的状态存储是响应式的，

2020-11-15 18:44:49 156

原创前端Echarts数据可视化

目的和意义数据可视化目的：借助图形手段，清晰有效的传达与沟通信息。数据可视化吧数据从冰冷的数字转换为图形，揭示蕴含在数据中的道理和规律。目前常见的数据可视化库D3.js 目前 Web 端评价最高的 Javascript 可视化工具库(入手难)ECharts.js 百度出品的一个开源 Javascript 数据可视化库Highcharts.js 国外的前端数据可视化库，非商用免费，被许多国外大公司所使用AntV 蚂蚁金服全新一代数据可视化解决方案等等Highcharts 和

2020-11-09 17:16:51 1309

原创 icomoon图标字体的下载与使用

使用图标字体的原因1、轻量级：一个图标字体要比一系列的图像要小。一旦字体加载了，图标就会马上渲染出来，不需要下载一个个图像。这样可以减少HTTP的请求数量，而且和HTML5的离线存储配合，可以对性能做出优化。2、灵活性：不调字体可以像页面中的文字一样，通过font-size属性来对其进行大小的设置，而且还可以添加各种文字效果，如color、hover、filter、text-shadow、transform等效果。灵活的简直不像话！3、兼容性：图标字体支持现代浏览器，甚至是低版本的IE浏览器，所以可以

2020-10-29 15:55:05 1820

原创 vue项目的创建与配置

文章目录安装nodenpm 环境配置搭建vue项目三级目录安装node1、下载相应的nodejs：https://nodejs.org/zh-cn/download/2、下载完成后进行安装，一直点击next即可3、检查是否安装成功：进入cmd，输入node -v如果输入命令后显示有版本号即为安装成功npm 环境配置1、配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，即在cmd中输入下面两条命令（后面的路径为自己的nodejs的安装路径即可）：npm config set

2020-09-25 17:25:12 835 1

原创 vue学习简单实例：天气预报，记事本，音乐播放器

文章目录第一个实例：天气预报知识点讲解第二个实例：记事本知识点讲解第三个实例：音乐播放第一个实例：天气预报知识点讲解使用vue：创建一个.html文件，通过下面的方法引入vue。<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>数据渲染：采用{{message}}的结构将数据放进HTML并显示。v-for vue循环的方式遍历接口返回的数据，下面代码中的的item和weatherLi

2020-09-12 22:24:10 635

zbuxian的博客