王新新2255-优快云博客

根据自己需要的画布大小去设置更改，这里的需求雷达图区域较小。由于雷达图的层级太高，且不受z-index控制，这里在绘制完成后导出成了图片。1、wxml中<view class='radarContainer'> <canvas wx:if="{{!radarImg}}" class='radarCanvasSelf' canvas-id='radarCanvas'></canvas> <image wx:else src="{{rada

2022-03-21 11:45:13 1930

原创超出两行省略号表示

css超出两行省略号表示.over{ width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

2022-03-15 15:16:54 353

原创格式化时间3：微信聊天中的时间格式

// 时间 function dealTime(unix_stamp) { // unix_stamp 精确到微秒 var _today_obj = new Date(), _today_date = { y : _today_obj.getFullYear(), m : ( _today_obj.getMonth() + 1 < 10 ? '0' + ( _today_obj.getMonth() - - 1 ) : (_to..

2022-03-10 10:37:25 788

原创格式化时间1:刚刚，1分钟前，1小时前，1天前，1周前，1月前

function timeago(dateTimeStamp){ //dateTimeStamp是一个时间毫秒，注意时间戳是秒的形式，在这个毫秒的基础上除以1000，就是十位数的时间戳。13位数的都是时间毫秒。 var minute = 1000 * 60; //把分，时，天，周，半个月，一个月用毫秒表示 var hour = minute * 60; var day = hour * 24; var week = day * 7; var halfam

2022-03-10 10:33:01 591

原创格式化时间1

1、例：2020-02-15const formatTime = date => { date = new Date(date) const year = date.getFullYear() const month = date.getMonth() + 1 const day = date.getDate() return [year, month, day].map(formatNumber).join('-')}const formatNumber = n =&g

2022-03-10 10:29:11 223

原创微信小程序进入页面播放背景音乐，离开页面暂停

1、在app.json中配置一下{ "pages": [ "pages/index/index" ], "requiredBackgroundModes":["audio"],2、在要播放音乐的页面js文件中操作Page({ /** * 页面的初始数据 */ data: { }, player(audio) { var that = this //title不写或放空会报错哦，即使不报错ios系统会不播放，所以必须加 aud

2022-01-25 11:25:38 2152

原创微信小程序下拉刷新

1、//json文件中 "enablePullDownRefresh": true2、//js文件中——下拉刷新onPullDownRefresh:function(){ //显示顶部刷新图标 wx.showNavigationBarLoading(); //要刷新请求服务器的方法 this.selectCar(); //隐藏导航栏加载框 wx.hideNavigationBarLoading(); //停止下拉事件 wx.stop

2022-01-25 11:19:16 160

原创组件库中的 table组件实现自动上下滚动

<el-table :data="tableData" stripe class="swiper-page-table" ref="table" height="83%" <el-table-column type="index" label="序号" width="50"> </el-table-column> <el-table-column prop="date" label="公司名称" width="120"> </e

2022-01-18 11:35:56 547

原创微信小程序在wxml中的数据保留小数和取整

1、在until文件夹下，新建 tool.wxsvar filters = { toFix2: function (value) { return parseFloat(value).toFixed(2)//此处2为保留两位小数 }, toFix1: function (value) { return parseFloat(value).toFixed(1)//此处1为保留一位小数 }, toFix: function (value) { return pars

2021-12-02 10:48:39 3896 2

原创 el-table表格中的数据，导出excel表格,并解决数据重复

1. 安装依赖xlsx 和 file-savercnpm install --save xlsx file-saver2. 引入依赖import FileSaver from 'file-saver'import XLSX from 'xlsx'3.table表格添加id标识<el-table id="student-table" ref="multipleTable" :data="tableData" tooltip-effect="dark"

2021-11-04 16:06:41 659 1

原创 Vue的全屏组件vue-fullscreen

用法：1、在项目中安装组件 npm install vue-fullscreen --save2、在main.js文件中引入并安装 import fullscreen from 'vue-fullscreen' Vue.use(fullscreen)3、自定义组件，放上要全屏显示的内容<template> <div> <fullscreen :fullscreen.sync="fullscreen"> <i

2021-10-12 16:39:44 6776

原创 video标签撑满父元素的大小

问题：给video标签设置了宽高，依然撑不满父元素的大小div{ width: 300px; height: 225px; video{ width: 300px; height: 225px; }}解决办法：div{ width: 300px; height: 225px; video{ width: 100%; height: 100%; object-fit: fill

2021-09-30 14:31:07 94893

原创 Css中超出部分隐藏和强制换行

一、换行1 word-break: break-all; 只对英文起作用，以字母作为换行依据。在行末的英文单词会被截断，一部分在行尾，一部分在另一行展示。2 word-wrap: break-word; 只对英文起作用，以单词作为换行依据。在行末的超出范围的英文单词，整个单词会直接在下一行展示。3 white-space: pre-wrap; 只对中文起作用，强制换行。二、超出部分隐藏white-space:nowrap 是禁止换行。overflow:hidden 是超出部分隐藏，不会溢出容器

2021-09-20 10:05:06 903

原创判断JavaScript类型以及实现deepClone

1、判断JavaScript类型js中的值类型，一般可以通过typeof可以直接判断；而引用类型除了用instanceof判断实例类型，还可以通过Object.prototype.toString方法正常情况下，每个对象都会从Object上继承到toString()方法，如果这个方法没有被这个对象自身或者更接近的上层原型上的同名方法覆盖，则调用该对象的toString()方法时会返回"[object type]"，这里的type表示一个对象类型。例如： let arr=[1,2,3,4,5] l

2021-09-16 22:45:18 85

原创 vue中 this.$set的用法详解

<template> <div> <p v-for="item in items" :key="item.age">{{ item.name }}</p> <button @click="handClick">更改数据</button> </div></template><script>export default { data() { return {

2021-09-16 22:14:27 743

原创 node-sass安装失败解决方案

vue中安装node-sass一直接报错解决方法：1、先卸载node js ，安装14.5.0版本。2、再安装node-sass和sass-loadnpm install node-sass --savenpm install sass-loader --save

2021-09-16 21:37:36 153

原创 proxy代理服务器，实现跨域

proxy解决跨域问题首先我们在本地开发，域名都是localhost，当我们需要请求后台数据时，就会出现跨域的问题下面就是在vue.config.js配置文件里：module.exports = { devServer:{ proxy:{ '/api':{ // 当你请求是以/api开头的接口，则我帮你代理访问到http://localhost:3000 target:'http://localho

2021-09-04 09:32:32 480

原创深拷贝和浅拷贝

一、先说数据类型，再谈深拷贝浅拷贝。JavaScript中的数据类型分为基本数据类型和引用数据类型。基本数据类型：即为值类型，字符串string，数值number，布尔值boolean，null, undefined1、占用空间固定，保存在栈中：当一个方法执行时，每个方法都会建立自己的内存栈，也就是所谓的函数作用域，基础变量的值是存储在栈区中的。2、保存与复制的是值本身。3、可以用typeof检测值类型引用数据类型：即引用对象：Object(Array,Date,RegExp等)1、引用类

2021-09-03 15:28:33 45

原创获取对象的键值&对数组内的对象进行排序

1、获取对象的键值 let obj={ name:'张三', age:'18' } console.log(obj.name);//张三 console.log(Object.keys(obj)[0]);//name console.log('name' in obj);//true###获取对象的属性值：obj.name###获取对象的键：Object.keys(对象名)[下标]###判断某属性是否存在该对象中：‘属性名’ in

2021-09-03 14:54:37 421

原创正则表达式：6~20位，只能由数字字母（不区分大小写）构成，并且数字字母都要有

/^(?![0-9]+$)(?![a-zA-Z]+$)[0-9a-zA-Z]{6,20}$/^ 匹配一行的开头位置。(?![0-9]+$)——表示在此位置之后，字符串结尾之前，所有的字符不能全部由数字组成。(?![a-zA-Z]+$)——表示在此位置之后，字符串结尾之前，所有的字符不能全部由大小写字母组成。[0-9a-zA-Z]{6,20}——表示由6~20位数字或者字母组成。$ 匹配一行结尾位置。...

2021-08-19 16:44:15 6179

原创 JavaScript是一门怎样的语言，它有什么特点

1、脚本语言JavaScript 是一种运行在客户端浏览器上的解释型的脚本语言，解释器被称为JavaScript引擎，为浏览器的一部分。C、C++等语言先编译后执行,而 JavaScript不用预编译，直接在程序的运行过程中逐行进行解释。2、简单性JavaScript 语言中采用的是弱类型的变量类型,对使用的数据类型未做出严格的要求,是基于 Java 基本语句和控制的脚本语言,其设计简单紧凑，较为灵活。3、跨平台性JavaScript是依赖于浏览器本身，与操作系统无关，只要能运行浏览器的计算机，并

2021-08-17 22:34:05 1168

空空如也

空空如也