゛轻描一个世界-优快云博客

原创 VUE Echarts世界地图中文名称显示国家

1、安装插件npm install echarts --save2、引入组件 import echarts from "echarts" //引入组件 import '../../node_modules/echarts/map/js/world.js' //引入地图文件3、效果图环境VUE — 脚手架全部代码&lt;template&gt; &lt;div..

2018-10-14 22:02:33 11055

一、功能介绍：处理日期和时间，主要包括格式化日期和时间、一些在开发中一些经常对时间处理和判断、公历日期转换农历日期、解决C端苹果时间显示兼容问题【实例化参数为时间戳、-横杠、/斜杠日期字符串】安装：npm install wh-date实例化方式：const Wdate = require('wh-date')const newData = new Wdate(); // 默认本地时间const newData = new Wdate(milliseconds/seconds);con

2022-03-01 16:11:39 3025

原创 js鸡和兔同笼问题

let nTou = 35; // 头数量let nJiao = 94; // 脚数量let obj = {} // 存储鸡和兔数量for( let i = 0; i < nTou; i++) { nJi = nTou - i; // 鸡数量 // 满足鸡脚加兔脚等总数量则得出鸡和兔数量 if( (nJi*2)+(i*4) == nJiao) { obj = { nJ...

2020-04-14 16:47:48 463

原创 js 统计字符出现次数

js 统计字符出现次数// 统计字符个数let str = "aaabbbcc22cdd333eessffjjkssddsakkdeekfaAA";// 新建一个对象，存储字符个数，字符key ｜数量 valuelet objCount = {} for(let i = 0; i < str.length; i++) { let key = str[i]; // 判断对象是...

2020-04-14 16:15:29 995

原创 Vue 全局使用Sass

Vue 全局使用Sass1、安装依赖npm install node-sass --save-dev //安装node-sass npm install sass-loader@7.3.1 --save-dev //安装sass-loader npm install sass-resources-loader --save-dev //sass-全局使用2、修改webpack.base...

2019-11-07 13:59:08 309

原创 Axios封装（Vue，React）

1、创建实例和请求和响应拦截器（reques.js）/* jshint esversion: 6 */import axios from "axios";// 创建axios实例const service = axios.create({ baseURL: "https://202.61.90.32/", //开发环境 // baseURL: " ", // 打包 ...

2019-10-29 11:47:30 364

原创 Vue 在IE浏览器下无法正常显示

1、安装插件npm install babel-polyfill -d2、在main.js 中引入文件import 'babel-polyfill'3、更改webpack.config.base.js 文件entry: { app: ['babel-polyfill', './src/main.js']}// 配置 loader里保证将所有的ES6语法都编译成ES5的{...

2019-09-05 16:29:51 1022

原创 VUE 定时请求接口数据

1、设置定时器mounted() { this.timer = setInterval(function(){ //执行内容 }, 60000);},2、清除定时器beforeDestroy() { clearInterval(this.timer);}

2019-07-31 13:56:23 12022

转载 silly-datetime时间格式化插件使用

1、安装插件 //时间格式化插件npm i silly-datetime --save 2、Main 文件引用import SDTime from "silly-datetime"; //时间格式化处理插件Vue.prototype.$SDTime = SDTime; //全局使用3、页面中使用this.$SDTime.format(new Date(), 'YYYY-MM-D...

2019-07-20 17:32:03 3632

原创 VUE 前端处理数据常用方法

1、对象排序let arrData={"张三":15,"李四":30,"万系":2,"是三":3};function ObjectOrder(data){ let keysSorted = Object.keys(data).sort(function(a,b){return data[b]-data[a]}) //排序健名 let newD={}; for(let i=0;i&lt...

2019-05-08 17:59:01 3474

原创 JS 对象排序-按照键值排序

1、定义数据源let arrData={"张三":15,"李四":30,"万系":2,"是三":3};2、排序键名let keysSorted = Object.keys(arrData).sort(function(a,b){return arrData[b]-arrData[a]}) //排序健名Array(4) [ "李四", "张三", "是三", "万系" ]3、根据键...

2019-05-08 17:52:35 22167

转载 JS 获取设备浏览器宽高

网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeight网页可见区域宽： document.body.offsetWidth (包括边线的宽)网页可见区域高： document.body.offsetHeight (包括边线的高)网页正文全文宽： document.body.scrollWidth网页正文全...

2019-04-23 11:13:55 150

原创 Vue Base64转换方法 Node.js -方法

1、将字符串转换Base64 let StrData = new Buffer('我是一个中国人'); var StrBase64 = StrData.toString('base64'); console.log(StrBase64); //5oiR5piv5LiA5Liq5Lit5Zu95Lq62、将Base64转换字符串var StrBase64 = new Buffer('5...

2019-04-17 10:51:19 1317

转载 Element table表格样式设置

/* 修改头部背景和字体颜色 */.el-table th{background: #344067;color: #fff;font-weight: 500;}/* 修改表头字体颜色 */.el-table thead {color: #8EB7FA;}/* 修改头部单元格边框颜色 */.el-table th.is-leaf {border: 1px solid #114696}...

2019-03-14 09:15:32 7520 4

转载 Vue 全局使用Bus

Vue Bus 全局使用1、创建bus.js 文件src/service/bus.jsconst install = (Vue) => { const Bus = new Vue({ methods: { on (event, ...args) { this.$on(event, ...args);...

2019-03-05 16:47:39 2021

原创 Vue 语言国际化

1、安装插件npm install vue-i18n //中英文2、创建I18n实例src/i18n/index.jsimport VueI18n from ‘vue-i18n’;import Vue from ‘vue’;Vue.use(VueI18n);const i18n = new VueI18n({ locale:localStorage.getItem("l...

2019-03-04 09:54:28 424

原创 Vue 全局使用方法

1、创建公共方法文件 src/service/public.js//创建方法function Clearfrom(from){ var key; for(key in from){ if(from[key]=!""){ from[key]=""; } } console.log("清楚表单数据已经执行");}//暴...

2019-03-01 16:11:28 641

转载 Vue axios封装

1、安装VUEX和AXIOSnpm install vuex --save //Vuexnpm install --save axios //axios2、axios 请求和响应拦截 src/service/request.jsimport axios from 'axios';import store from '@/store/store.js'; // 创建axios实例...

2019-03-01 16:03:30 181

转载 Vue 全局使用Jquery

vue 全局使用Jquery1、安装Jquerynpm install jquery -S2、在webpack.base.conf.js中加入一行代码var webpack=require(&quot;webpack&quot;)3、在webpack.base.conf.js中module.exports的最后加入这行代码 plugins: [ new webpack.optimize.Com...

2019-02-21 10:40:41 1243

原创 JavaSript对象常见操作

1、清空对象数组(常用于提交表单后清除表单数据)定义数据var obj={name:&quot;张静&quot;,sex:&quot;女&quot;,age:26,addres:&quot;成都市&quot;}【1】、用for infor(key in obj){ obj[key]=&quot;&quot;;}【2】、用for循环for(let i=

2018-12-26 16:56:37 250

原创 JavaSript在数组中删除数组数据

js 在数组中删除数组数据1、定义数组arr1var arrNum1=[1,2,3,4,5,6,7,8,9,10,11,12]2、定义数组arr2var arrNum2=[11,9,3]3、要求从数组1中删除数组2中的数据for(let i=0;i&amp;lt;arrNum1.length;i++){ for(let j=0;j&amp;lt;arrNum2.length;j++){ if...

2018-12-18 14:41:07 1220

转载 Vue 打印HTMl内容

npm install vue-print-nb --save1、安装npm install vue-print-nb --save2、在 main.js文件中引入import Print from 'vue-print-nb'Vue.use(Print); //注册3、打印整个页面&lt;button v-print&gt;打印整个页面&lt;/button&gt;4、打印...

2018-12-14 13:42:37 4274 1

翻译 VS Code常用插件

VS Code常用插件Open-In-Browser说明：由于 VSCode 没有提供直接在浏览器中打开文件的内置界面，所以此插件在快捷菜单中添加了在默认浏览器查看文件选项，以及在客户端（Firefox，Chrome，IE）中打开命令面板选项。Quokka说明：Quokka 是一个调试工具插件，能够根据你正在编写的代码提供实时反馈。它易于配置，并能够预览变量的函数和计算值结果。另外...

2018-12-07 11:05:25 188

原创 JavaSript 对象中按照键名排序a-z

1、定义数据 var obj={ chinesename:&amp;amp;quot;风四娘&amp;amp;quot;, englishname:&amp;amp;quot;FengSiniang&amp;amp;quot;, age:&amp;amp;quot;26&amp;amp;quot;, address:&amp;amp;quot;成都市&

2018-12-03 21:42:14 1023

原创 VUEX-模块

1、安装Vuex 模块 npm install vuex --save -g2、文档引入vuex【index.js】 import Vuex from "vuex"3、使用Vuex模块【index.js】 Vue.use(Vuex);4、定义stroe容器【index.js】 let store=new Vuex.Store({ })5、把实列报出去【index.js】 ...

2018-12-01 20:13:27 327

原创 JavaScript 数组常用操作

JavaScript 数组常用操作1、读取数组数据 for循环或者for in循环 let data =[2000,1000,"AAA","BBB","CCC","abc",1000]; for(index in data){ console.log("for-in输出数据"+index+":"+data[index]); } for(let i=0;i<da

2018-10-29 22:49:14 171

原创 Javacript 找数组最大值或最小值

实例数据： let data=[100,200,100,300,20,40,400,2000,300,-200,-20,1200] let data2=[100,200,100,300,20,40,400,2000,300,-200,-20,1200] let data3A=[100,200,100,300,20,40,400,2000,300,-200,-20,1200] let dat...

2018-10-26 22:36:33 188

wanghui374的博客