sunny_day的博客

1.shift() 删除数组的第一个元素，返回删除的元素let a = [1,2,3,4,5,6,7]; let b = a.shift() // a:[2, 3, 4, 5, 6, 7] b: 12.pop() 删除数组最后一个元素，返回删除的元素let a = [1,2,3,4,5,6,7]; let b = a.shift() // a:[1，2, 3, 4, 5, 6] b: 73.unshift() 向数组首位添加元素，返回数组长度let a = [1...

1.引入elementUIvue add element2.在plugins下面的element.js 里面引入你需要的组件（这里我只是用了按钮和表格）import Vue from 'vue'import { Button,Table,TableColumn } from 'element-ui'Vue.use(Button).use(Table).use(TableColumn);3.在.babelrc中修改配置，改为官方的配置{ "presets": [["es20

.展开收缩时使用的CSS动画完成的一.首先动态设置class：1.三目运算符判断<div :class="isActive?'anmDiv':'aaa'"></div>2.:class="{ 'active': isActive, 'sort': isSort }"3.在computed里面判断 <div :class="divStyle"></div><script>export default {

电脑重新装系统后，需要重新安装vue-cli脚手架，还是好久以前装过，现在再整理一遍供以后参考。1.安装nvm包管理器：https://github.com/coreybutler/nvm-windows/releases下载nvm-setup.zip,解压安装；2.命令行输入nvm查看信息3.查看需要node的版本，安装你需要的版本https://nodejs.org/zh-cn/download/releases/3.输入nvm install 14.0.0 (这里.

单向数据流数据从父级组件传递给子组件，只能单向绑定。子组件内部不能直接修改从父级传递过来的数据。<section id="app"> <custom-component :count="count"></custom-component></section>Vue.component("custom-component", { props: ['count'], template: ` &l..

这篇文章主要介绍了关于iframe跨域使用postMessage的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧当我们要在域名A.com下使用一个域名B.com提供的页面服务，直觉想到的实现方式就是使用iframe。但是iframe直接的交互存在**跨域问题**，目前看来解决方式有两种。一是使用nginx代理转发，在域名A的nginx上配置指定的转发规则，直接指向域名B，直接干掉了跨域；另一种方式是使用postMessag.

第一步：添加用户代码片段打开 vsocde 的 首选项 > 用户代码片段 ，输入vue，选择代码片段文件为 vue.json。输入以下内容。 "Vue component": { "prefix": "vuec", "body": [ "<template>", " <div>", " </div>", "</template>",

return { a: [{ num: 1, value: "如果" }, { num: 2, value: "真的" ...

1.Remote - SSH为什么要使用VSCode:Remote-SSH服务器很多时候都是部署在Linux远程机器上的，我们通常是SSH连过去然后用vim或者emacs去修改源文件。这种方式对我来说很麻烦，因为我已经习惯了全宇宙最好用的C++IDE Visual Studio，离开IDE写代码实在太痛苦了。所以我只能借助samba+sourceinsight的组合来勉强度日。这个组合...

</head><style> #bl{ position: relative; } .kk{ height: 100px; width: 500px; } .f1{ font-size: 26px; } .d1{ background: r...

1.on-change 默认返回当前选择的日期<date-picker v-else placeholder="請選擇日期" style="width:118px" v-model="stages.plan_end_time" @on-change="dateChange2"> </date-picker>...

1.在series: [ ],里面设置 stack:"1", 如果两组的 stack一樣就會堆疊 ;2.在series: [ ],里面设置barGap: '-100%',即为重叠;3.图例位置: legend: { // data:this.b, data:["總人數","應到人數"], ...

if(window.top==window.self){//不存在父页面 setTimeout("window.location.reload();window.location.href=window.location.href;",2000); }else{ ...

给table设置type:expand,可以使table展开收缩.this.data1[index]._expanded = true/false; 使用这句代码可以使其展开关闭.当然在改变后要刷新渲染.可以使用vue,vm.$forceUpdate(); 但经过使用不起作用,就用了splice()方法,也达到同样效果.h( ...

 element 为当前想获得位置的元素 // 获取提交按钮的位置 getPosition(element){ // var box = document.getElementById("commit"); // var pos = box.getBound...

折线图显示圆滑：smooth:true series: { name: "数据", type: "line", data:b, smooth: true, color:"#0ff",} ...

html: <div class="rateCard" v-for="item in rateList1"> <div class="rateCard1 ha">{{item.target_type}}</div> <div class="rateCard4"&gt...

使用google账号的好处是不管在哪里，只用在chorm登录google浏览器你自己收藏的书签和扩展工具都会同步，对于开发人员来说是非常好用的。方法很简单：用手机自带的电子邮件申请，按流程走，稳稳的。1.点击添加邮箱2.点击GMail3.,随便输入一些东西，点击下一步4.点击注册账号5.按上面的注册即可...