酷酷的旭

npm install vuex --savenpm add vuexnpm install vuex@3npm i node-sass@4.14.1 --save-dev npm i sass-loader@7.3.1 --save-dev// 和router同级创建store文件夹 index.js文件// 需要用到Vue变量引入import Vue from 'vue'//使用vuex //1 下载// 引入vuex暴漏函数对象import Vuex from 'vuex'/

let list2020y = []let list2020q = []let list2021y = []let list2021q = [1,2,3,4,5,6,7,8,9,10,11,12] // for (let i = 0; i < datas.length; i++) { // // console.log( datas[i].rq.slice(0,4)) // if(datas[i].rq.slice(0,4) == '2020'){ // lis

let dataPie2 = [{name: ‘其他井’,value: 100},{name: ‘占用’,value:20},{name: ‘占用’,value:15},{name: ‘占用’,value:1},];let dataColor2 = [ { os1: '#ffffff', os2: '#ffffff',}, { os1: '#fcb713', os2: '#fcb713',}, { os1: '#00eef

设计师一般会给我们一倍图640px,二倍图750px,三倍图1125px假设设计师给我们一个一倍图，那么如何将一倍图适配到不同手机端呢？设计图上有一个1616的盒子我们要把她显示在手机端，我们可以人为的把设计图分成20份，被分成的分数一份是640px/20=32px 那么这个1616占了几份/16/32=0.5份， 所以这个盒子在每个屏幕都是0.5份所以计算在320屏幕局中计算一份多大 所...

在写前端页面时，通常会遇到文字超出后显示省略号；页面本来是这个样子的，第一行的文字超出已经压倒了下面的文字，第一步，使用overflow: hidden把超出的内容进行隐藏，页面变成了这样第二步使用white-space: nowrap设置内容不换行，变成了这样第三步，使用text-overflow: ellipsis设置超出内容为省略号，功能实现~...

给组件加 ref打印结果 this.$refs.comp 是 vue 组件，this.$refs.span 打印出来的是 html 节点，这也是 ref 用在组件和 html 原生标签上的区别。可以通过 $refs 得到组件，进而调用组件的变量和方法，如 this.$refs.comp.value 拿到了组件内部变量 value 值。所以可以通过 ref 操纵组件上的内容（推荐用 props ...

刚刚亲测，可用，并且是无打扰的，原理是查找好友微信账号，然后添加，如果是好友就提示添加成功，不是好友会提示请输入验证，然后停止操作，这样就实现了免打扰功能，然后可以设置检测时间下载好软件，然后注册一个账号然后就可以登录账号 扫码登录自己的微信，开始检测...

<template> <div id="myChart" :style="{width: '1000px', height: '500px'}"></div></template><script>export default { data() { return { geoJson: { type: "FeatureCollection", features: [

<template> <div> <button @click="getAdd">点击增加一百</button> <h1>数值：{{ num }}</h1> <input type="text" v-model="num" />' <input type="text" v-model="num2" /> </div></template><

this.clock = setInterval(()=>{ this.nums = this.nums+1 console.log(this.nums) },1000) beforeDestroy(){ clearInterval(this.clock) this.clock223 = null }一个定时器，然后在beforeDestroy中清除，今天看到有一个优化方案.

<template> <div id="wrapper"> <div class="aaa"></div> <div class="bbb"></div> <div class="ccc"></div> </div></template><script>export default {};</script><st.

npm install -g cnpm --registry=https://registry.npm.taobao.org

// 去重 var obj = {}; this.list = this.list.reduce(function(item, next) { obj[next.id] ? '' : obj[next.id] = true...

app.json{ // 小程序公共设置 // app。json可以对五个功能进行设置 配置页面路径 窗后表现 配置标签导航 配置网络超时 配置debubg模式 // 页面路径 "pages": [ // 配置页面路径 页面路径定义了一个数组 存放的访问路径 她是进行页面访问的必要条件 /*如果在这里没有配置页面的访问路径，页面被访问时就会报错 如果在这里定义了页...

http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4http://vjs.zencdn.net/v/oceans.mp4https://media.w3.org/2010/05/sintel/trailer.mp4

<template> <div> <h1>app</h1> <one></one> <two></two> </div></template><script>import one from "./one.vue"...

<template> <div> <child ref="chil"> <span slot-scope="props" ref="span"> {{props.value}} {{props.aaa}} {{value}}</span> </child> val...

如果希望插槽模板中使用的属性是组件中的属性时，就用到了 scoped slot。<template> <div> <child> <h1 slot="asd" slot-scope="props">{{props.value}}</h1> <h2 slot="dsa" sl...

通常，插槽内使用的属性，使用的是引用组件的组件的属性值。<template> <div> <child v-model="value"> <span>{{value}}</span> </child> </div></template><scrip...