Winifred Wang-CSDN博客

原创数组扁平化

数组扁平化数组数组扁平化是指将一个多维数组变为一维数组// 数组扁平化let arr = [[1, 2, 3], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14]]]], 10];// ES6方法直接实现arr = arr.flat(Infinity)console.log(arr);// [1, 2, 3, 3, 4, 5, 5, 6, 7, 8, 9, 11, 12, 12, 13, 14, 10]// 转换成字符串arr = ar

2021-09-10 10:28:50 134

原创在vue项目中使用datav

datavVue数据可视化组件库（类似阿里DataV，大屏数据展示），提供SVG的边框及装饰、图表、水位图、飞线图等组件，简单易用DataV是一个基于Vue的数据可视化组件库（当然也有React版本）提供用于提升页面视觉效果的SVG边框和装饰提供常用的图表如折线图等飞线图/轮播表等其他组件npm安装$ npm install @jiaminghi/data-viewyarn安装yarn add @jiaminghi/data-view使用import Vue from 'v

2021-07-23 10:29:34 3979 8

原创 axios请求中data和params区别

data和paramsparams是添加到url的请求字符串中的，主要用于get请求：一般多用于获取数据，通过url传递参数data是添加到请求体（body）中的，用于post请求：主要提交表单数据和上传文件；put请求对数据全部进行更新，该请求和post类似，只是请求方法不同...

2021-06-18 09:25:29 1073

原创 vue倒计时插件（vue-flip-down）

vue-flip-down安装cnpm install vue-flip-down --save或者yarn add vue-flip-down使用import FlipDown from 'vue-flip-down';<FlipDown :endDate="1540212399971" // 结束的时间，即倒计时会从当前时间一直到endDate停止，可以是一个日期对象，也可以是毫秒数 @timeUp="func" // 当倒计时走到0时会触发

2021-06-02 14:23:12 4554 6

原创 vue循环滚动vue-seamless-scroll

安装npm||cnpm install vue-seamless-scroll --save或yarn add vue-seamless-scroll或<script src="vue-seamless-scroll.min.js"></script>使用注册组件

2021-04-12 11:39:23 225

原创在Vue项目中获取当前日期的农历（阴历）

chinese-lunar-calendarnpm安装npm install --save chinese-lunar-calendar在vue中的使用<script>import { getLunar } from 'chinese-lunar-calendar'export default { data() { return { getLunarDay: '', year: new Date().getFullYear(), month: ne

2021-04-06 10:36:05 3804 1

原创在Vue中使用v-show控制echarts图表显示但图表宽度为100px

在vue中使用v-show显示echarts，设置宽度为100%，但显示出来为100排序效果图：百度了下解决如下：resize() 个人看着有点麻烦将v-show改为v-if（我用了下报错）将v-show改成使用v-if即可。原因是v-show 本身是结构已经存在，当数据发生变化时，结构并未重新渲染使用this.$nextTick(() => {}）用 Vue.nextTick(function () { // DOM 更新了 }) 主动触发一下图表，使之.

2021-03-31 10:23:54 1425 1

原创 EventBus

vue组件之间共享数据父向子传值：v-bind属性绑定子向父传值：v-on事件绑定兄弟组件之间共享数据：EventBus关于EventBus初始化新建一个eventbus.js的文件import Vue from 'vue'export const EventBus = new Vue()使用发送事件import { EventBus } from "../event-bus.js";EventBus.$emit("msg", 'msg');接收事件import

2021-03-17 11:03:01 119

原创 vue自定义拖拽指令v-drag

<template> <div class="drag" v-drag ref="drag"></div></template><script>export default { name: 'Home', data(){ return{ positionX:'', positionY:'' } }, mounted () { this.$refs.drag.style.to

2021-03-15 11:54:59 909

原创关于git

git基本使用步骤（常用）在Windows上使用Git，可以从Git官网直接下载安装程序，然后按默认选项安装即可。安装完成后，在开始菜单里找到“Git”->“Git Bash”，蹦出一个类似命令行窗口的东西，就说明Git安装成功！git config --global user.name "xxx"git config --global user.email "xxx"git add . （添加所有修改的文件到Git仓库）git status （查看添加的所有文件）git comm

2021-02-22 15:18:11 63

原创关于React、Vue脚手架

npm、cnpm、yarn进入node官网node，下载node完成后，npm也会自行下载完成cnpm安装：安装淘宝镜像npm install -g cnpm -registry=https://registry.npm.taobao.orgyarn安装：npm install -g yarnReactcnpm install -g create-react-appcreate-react-app 项目名或者npx create-react-app 项目名Vuecnpm i

2021-02-22 15:02:39 146

原创在Vue中使用中国天气插件

在Vue中使用中国天气插件中国天气网配置Vue组件效果图中国天气网链接: 天气插件平台.配置然后点击生成代码Vue组件注：此段代码为script标签中src链接中的内容效果图

2021-01-22 15:38:34 354 2

原创算法之数组去重

算法之数组去重indexOfsplice哈希ES6 ...（扩展运算符）和set扩展运算符setindexOf利用数组的实例方法indexOf 方法indexOf：检测当前数组对象中是否包含了指定的元素，包含返回索引，否则-1语法：数组.indexOf(key)思路：遍历原数组，将原数组中的每个元素逐个判断并添加到新的数组中如果新数组中已经存在了即将添加的值，就不再添加，只添加没有的元素 var arr = [1,2,1,2,1,2,1,2,1,2,1,1,1,1]; f

2020-11-29 15:48:09 174

原创浅谈前后端交互之AJAX

AJAXAJAX介绍什么是Ajax?AJAX应用场景AJAX交互AJAX优缺点AJAX实现步骤AJAX实现原理AJAX步骤状态码get post 参数请求AJAX介绍术语ajax最早产生于2005年，Ajax表示Asynchronous JavaScript and XML(异步JavaScript和XML)，但是它不是像HTML、JavaScript或CSS这样的一种“正式的”技术，它是表示一些技术的混合交互的一个术语（JavaScript、Web浏览器和Web服务器），它使我们可以获取和显示

2020-09-05 14:34:16 338

原创浅谈前后端交互之mysql基础

浅谈前后端交互之mysql基础（需结合PHP）数据库增删查改增删改查连接数据库数据库增删查改操作数据库的基本步骤大多相同，只不过是sql语句结构的区别。不同的sql语句能够完成不同的功能，因此学习如何操作数据库实际上就是在学习如何编写sql语句。(1)使用sql语句基本【模板】(2)sql查询语句(3)sql插入语句(4)sql修改语句(5)sql删除语句增删改//1 插入语句1//$sql = "insert into 表名(字段1,字段2,...) values ('值1','值2

2020-09-05 14:17:30 263

原创浅谈前后端交互之PHP基础

前后端交互之PHP基础PHP基础PHP语法PHP变量PHP数据类型PHP数据类型之 ArrayPHP基础PHP，即“PHP: Hypertext Preprocessor”，是一种被广泛应用的开源通用脚本语言，尤其适用于 Web 开发并可嵌入 HTML 中去。它的语法利用了 C、Java 和 Perl，易于学习。该语言的主要目标是允许 web 开发人员快速编写动态生成的 web 页面，但 PHP 的用途远不只于此。PHP语法php标记：当php开始解析一个文件时，会寻找起始和结束标记，也就

2020-09-05 14:01:08 170

原创 JavaScript算法之二分搜索法

JavaScript算法之二分搜索法二分搜索法二分搜索法：也称为折半查找法，binarysearch作用：做内容查找。功能类似于数组的实例方法：indexOf 时间复杂度 O(n)通常binarysearch用于查找数组元素的索引。找到返回索引，否则返回-1.时间复杂度：O(lg(2n))使用该算法的前提：数列必须是有序的二分搜索法 /** * 对指定的数组使用二分搜索法查找指定的内容 * 如果找到，返回第一个相等的元素的索引，如果没有找到返回 -1 * @

2020-08-28 15:13:03 152

原创 JavaScript中的继承

JavaScript中的继承借用构造函数继承原型链继承组合继承js中的继承是基于原型的继承js中的继承的方式 a：借用构造函数继承 b：原型链继承 c：组合继承继承的最直接的好处：代码的复用继承：inheritance概念：父对象：被继承者子对象：继承者继承的概念：子对象可以直接使用父对象中的内容的过程父类型：描述的对象的范围更广子类型：描述的对象的范围小，但是功能和属性更多 instancof：用来判

2020-08-28 15:09:02 107

原创 JavaScript算法之排序

JavaScript算法之排序冒泡排序选择排序插入排序快速排序排序：直接插入、直接选择、冒泡排序、快速排序概念：稳定性稳定排序：待排序数列中相同的值，排序之后相对的先后的位置不会发生改变的排序算法不稳定排序：待排序数列中相同的值，排序之后相对的先后的位置可能会发生改变的排序算法冒泡排序//对arr进行冒泡排序基本实现 function bubbleSort(arr) { if (!Array.isArray(arr)) return;

2020-08-28 14:56:56 111

原创 JavaScript之设计模式

JS设计模式工厂设计模式单例设计模式观察者设计模式概念：设计模式（Design pattern）代表了最佳的实践，通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。工厂设计模式design patterns解决的问题是批量生产对象<script> //用于创建学生对象的工厂函数 function studentFac(name,age,g

2020-08-28 14:44:06 130

weixin_44483624的博客