王湘佰的博客

效果这里写目录标题效果自定义需要合计的项固定到表格组件底部合计行文字设置样式自定义需要合计的项固定到表格组件底部合计行文字设置样式自定义需要合计的项固定到表格组件底部合计行文字设置样式自定义需要合计的项element-ui 表格组件有合计行的方法，直接拿来用属性说明类型默认值show-summary是否在表尾显示合计行Booleanfalsesummary-method自定义的合计计算方法Function({ columns, data })–

我需要的样式是当前状态是白色，背景色是一个带点透明的颜色。官网里只给了一个color属性，无法达到我的要求。需求：于是F12查看一下，发现el-progress-bar__outer表示进度条的背景色，el-progress-bar__inner表示当前状态的颜色，我们只需要设置这两个class的背景颜色就可以了。不过直接设置好像不起作用，百度后得知需要获得盛放它的外部元素对象，然后利用“>>>” 进行赋值，其他组件也适用我的代码：/* 当前状态颜色 */.progres

vue做了一个简单的天气demo，其中想把天气指数的数据中每条加一个我找的图片，使用js的api实现，我工作中使用的次数也较少，记录一下。请求的天气数据：lifeIndexData自己的图片数据：arr最终实现：this.lifeIndexDatas lifeIndex(row) { var lifeIndexData = row.index; var arr = [ { img: icon1 }, { img: icon2 },

vue项目中遇到一个需求，一个优惠券用在多个商品上面，创建优惠券的时候把这些商品添加上。选中一个在上方添加一个，取消一个，上方减少一个。且翻页后选中状态保持不变。最终的样式刚开始做想用纯JS/数组api写出来(已弃用，留作笔记)用到的：select 当用户手动勾选数据行的 Checkbox 时触发的事件 selection, row判断商品是否处在被勾选的状态，是，将其添加到数组中，否，取出该商品的索引，根据索引将数组中的改商品删掉。htmljs未完待续…...

实现效果/压缩包打开复制代码，更改数据源应该直接可以直接使用。项目参考：https://blog.youkuaiyun.com/qq_32858649/article/details/88759454第三方使用import JSZip from "jszip";import FileSaver from "file-saver";模拟数据QrCodeArray: [ "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=4026

github地址API中文文档安装npmnpm install dayjs --saveimport dayjs from 'dayjs'// 或者 CommonJS// var dayjs = require('dayjs');dayjs().format();cdn<!-- 最新的压缩后的 JavaScript 文件 --><script src="https://unpkg.com/dayjs"></script><script&g

一次开发中遇到，记录代码原理：1.给一个div，宽和高都为0的时候，盒子什么都没有看起来。为空白2.给一个宽高为0的盒子给一遍像素给100px的上边，下边和右边，.jiao{ position: relative; //box-sizing: border-box; height: 0px; width: 0px; //border: 10px solid red; border-top: ...

一、单纯的页面跳转跳转到的页面分 tabBar 页面和 非tabBar 页面。url路径可以写相对和绝对路径。1、跳转到非导航页面，用 wx.navigateTo 方法wx.navigateTo({ url: '../person/goldcoin/index' //或者url: '...

Vue路由vue-router是官方提供的一个插件，Vue要使用插件必须先安装插件。安装插件npm install vue-router --save–save是保存安装路由信息到package.json,默认为dependencies节点中。代码中安装路由插件以及创建路由对象。这部分写在router/index.js中router/index.jsimport Vue from 'vue'import VueRouter from 'vue-router'import Home fr

需要的小伙伴可自行下载使用WXCustomSwitch 微信小程序自定义 Switch 组件模板WeixinAppBdNovel 微信小程序demo：百度小说搜索shitoujiandaobu 小程序：石头剪刀布（附代码说明）audiodemo 微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义star 微信小程序开发之五星评分...

一块：事件流描述的是从页面接收事件的顺序。 IE的事件是冒泡事件流， 而firefox的事件流是捕获事件流。 1.事件冒泡 IE的事件流叫做事...

八种排序的时间复杂度：排序法 平均时间 最差情形 稳定度 额外空间 备注 冒泡 O(n2)     O(n2) ...

什么是SESSION？什么是COOKIE？SESSION和COOKIE有什么区别？ 什么场景适用于SESSION？什么场景适用于COOKIE？1.背景介绍通过例子简单引入星巴克开始优惠活动，每消费10杯咖啡，会免费赠送1杯。考虑到一个人一次性消费10杯咖啡几乎不可能，所以需要采取某种方式来记录顾客的消费数量。解决方案1)店员很厉害，每个顾客的消费记录都记得一清二楚；2)分给顾客一张卡片...

1. MVC框架MVC全名是Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑。MVC被独特的发展起来用于映射传统的输入、处理和输出功能在一个逻辑的图形化用户界面的结...

react状态提升//react组件也可以在组方法中使用组件模板中的原生元素或子组件对象，但是需要手动创建ref，然后在模板中使用这个ref赋值。一个数字控制demo父组件import React, { Component } from 'react';import "./Second.css";import Stepper from "../Stepper/Stepper.js";...

react --style绑定style字面量对象绑定// state数据 this.state = { a:10, b:20, txtColor:"#ff0000" } //属性绑定<p style={{color:this.state.txtColor,fontWeight:"bold"...

react双向数据绑定/react中没有直接的双向绑定，必须通过手动传值和事件监听实现双向绑定。/绑定 <input value={this.state.txt} onChange={this.txtChange}/> <p>{this.state.txt}</p>onchange事件,可以获取到输入值 txtChange = e=>{...

react项目中如何渲染一个数组到页面中呢？我有这样的一个数组this.state = { books:[ {name:"web前端开发入门",price:20}, {name:"数据库管理工程师",price:30}, {name:"IOS开发指南",price:29....

react项目创建已经完善，目标地址→图片导入和css设置两个比较小的点》》页面使用的图片在页面的开始部分采用**import xx from ‘‘xx’’;**的形式导入，使用的时候src后用{}进行包裹App.js示例import logo from './logo.svg'; //图片导入<img src={logo} className="App-logo" alt...

为什么使用vuex？？？？在vue开发中，每个组件都有自己独立的数据，整个项目中的所有组件可以通过总线传值，但是如果出现几个组件需要共用同一组数据时，数据管理就会非常麻烦。vuex简介vuex是vue的状态 (数据) 管理工具。它采用了一种集中管理数据的思想，将整个项目中所有的公共数据放在一个统一的仓库中。然后所有组件都可以从这个仓库中读取数据，也可以通过仓库提供的方法修改数据。vuex的...

vue-cli3.0以后，创建的服务器的配置文件被隐藏了，需要对服务器进行配置的话，必须在项目根目录下手动添加一个vue.config.js文件进行配置，vue在启动项目的时候，会把这个配置项整合到项目中。对于前后端分离的项目，前端需要使用ajax请求从服务器请求数据，所以就必须对vue项目提供的http服务器设置代理，将ajax请求代理目标服务器。安装npm install axios...

document.write( "屏幕分辨率为："+screen.width+"*"+screen.height +"<br />"+ "屏幕可用大小："+screen.availWidth+"*"+screen.availHeight +"<br />"+ "网页可见区域宽："+documen...

JS获取节点JS的document内置对象把html中的每个标签看成一个节点，通过JS将这些节点获取出来使用JS的document内置对象（对象有自己的属性和方法）内置对象就是已经创建好的对象，我们直接使用即可。方法：document.getElementById(“id属性”)根据元素的id值获取对象，返回值是一个对象innerHTML获取节点对象下的所有html代码。Dem...

1.添加插件 cnpm install react-router-dom -S2.app.js书写app.js代码import React, { Component } from 'react';//路由的2种形式： hash(HashRouter) , H5的historyApi(BroswerRouter)是路由的容器，是组件，要包在路由的外面import { HashRou...

Express    是一个简单灵活的node.js Web应用框架    提供了各种特性和丰富的Http工具    可以快速搭建一个完整功能的网站Express-generator    Express的应用生成器    可以快速创建一个Express的应用骨架1.安装node环境 https://nodejs.org/en/2.查看版本号是否安装成功...