- 博客(39)
- 收藏
- 关注
RSS订阅
原创 js中DataView.setInt32()和getInt32()的理解
【代码】js中DataView.setInt32()和getInt32()的理解。
2022-10-12 10:41:59
1263
1
原创 前端 vue/react 或者 js 导入/导出 xlsx/xls (带样式)表格的功能
导出表格的功能:yarn add xlsx script-loader file-saver xlsx-style效果展示xlsx-style的bug修复:node_module/xlsx-style/dist/cpexcel.js的807行的varcpt=require('./cpt'+'able')改为varcpt=cptable;上封装的代码:re...
2019-09-16 18:25:17
1955
3
原创 Ubuntu18.04安装electron
安装npmsudo apt install npm安装n模块,管理node版本的工具npm install n -g安装node 14.0.0版本n v14.0.0检查node 是否安装成功node -v安装electron,使用npm下载容易出错,建议使用淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm install -g electron...
2021-06-07 11:52:53
1488
原创 js版的雪花算法(SnowFlake)
import bigInt from 'big-integer';// http://peterolson.github.io/BigInteger.js//** * Twitter_Snowflake(雪花算法) * * SnowFlake的结构如下(共64bits，每部分用-分开): * 0 - 0000000000 0000000000 0000000000 0000000000 0 - 00000 - 00000 - 000000000000 * | ---------.
2020-10-23 15:38:48
3315
原创 JS统计每个字符出现的次数
let str="woshiliruihuan"; //每个字符串出现的次数 let temp={}; for(let i=0;i<str.length;i++){ if(temp[str[i]]){ temp[str[i]]++; //属性值自增 }else{ temp[str[i]]=1;//第一次出现属性值为1 } } console.log(temp) .
2020-09-17 14:34:22
2185
1
原创 QML 打开文件夹对话框选择文件保存路径
import QtQuick 2.14import QtQuick.Controls 2.14import Qt.labs.platform 1.0ApplicationWindow { visible: true width: 800 height: 600 title: qsTr("选择文件夹对话框") Rectangle { id: inputBox width: 350 height: 40 .
2020-07-22 15:50:13
6677
1
原创 QML tableView表格数据添加全选,不选,和禁用状态
import QtQuick 2.14import QtQuick.Controls 2.14import Qt.labs.qmlmodels 1.0import QtGraphicalEffects 1.0import "../Component"Item { id: mask width: parent.width height: parent.height property bool exportT: false function isCha.
2020-07-16 13:55:11
2585
4
原创 QML简易视频播放器
import QtQuick 2.14import QtMultimedia 5.0import QtQuick.Window 2.14import QtQuick.Controls 2.14//运行报错：Warning: "No decoder available for type 'video/x-h264, stream-format=(string)avc...//sudo apt-get install gstreamer1.0-libav 即可解决 Qt在linux下使用gst.
2020-07-15 17:12:57
995
原创 vue实现全选,全不选和单个选择的方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>c.
2020-07-09 11:37:25
1763
原创 js获取不同时区时间
function getCurrentTime(t) { if (typeof t !== 'number') return; //t为时区参数 const time = new Date(); const len = time.getTime(); const offset = time.getTimezoneOffset() * 60000; //本地时间与GMT时间差值 c.
2020-07-08 15:06:14
1692
原创 QML tableView表格自定义(内置多选按钮)
import QtQuick 2.12import QtQuick.Controls 2.12import Qt.labs.qmlmodels 1.0import "../Component"Rectangle { z: 10 id: tableView width: dpH(919) height: dpH(475) anchors { top:.
2020-05-29 14:56:28
3317
16
原创 QML tableView表格自定义
import QtQuick 2.12import QtQuick.Controls 2.12import Qt.labs.qmlmodels 1.0 Rectangle { z: 10 id: tableView width: dpH(919) height: dpH(475) anchors { top: parent.top .
2020-05-29 14:32:52
5407
7
原创 QML自定义操作提示框
Message.qml组件import QtQuick 2.0Item { id: airMessageBoxId z: 99999999 width: msgBox.width y: 50 anchors { horizontalCenter: parent.horizontalCenter } //提示框内容 property alias text: msg.text //执行定时器 functio
2020-05-15 11:15:17
2569
原创 ubuntu下安装 teamviewer
下载软件包，官网地址：https://www.teamviewer.cn/cn/download/linux/下载完成后，命令行cd到下载的安装包的目录执行命令sudo dpkg -i teamviewer_13.0.6634_amd64.deb缺少依赖包安装出错，下载依赖执行命令sudo apt-get install -f依赖安装完成，再次执行命令sudo dpkg -i teamviewer_13.0.6634_amd64.deb安装完成...
2020-05-09 17:36:45
270
原创 ubuntu18.04安装qt5.14.1及环境配置
下载qt官网路径http://download.qt.io/archive/qt/5.14/5.14.1/下载完后将文件复制到linux内，进入所在文件夹，先给执行权限输入命令chmod +x ./qt-opensource-linux-x64-5.14.1.run安装在命令行输入 ./qt-opensource-linux-x64-5.14.1.run会有可视化引导安装，一...
2020-03-28 17:34:05
4582
原创 vue中下载多个文件打包为一个zip
//下载依赖// npm i axios, JSZip, FileSaver -simport axios from "axios";import JSZip from "jszip";import FileSaver from "file-saver";const getFile = url => { return new Promise((resolve, reject...
2019-12-21 13:35:47
4318
原创 js把本地图片或项目内的图片转为base64编码
const imgUrl="static/logo.png"getBase64(imgUrl) { window.URL = window.URL || window.webkitURL; const xhr = new XMLHttpRequest(); xhr.open("get", imgUrl, true); xhr.res...
2019-11-18 18:07:13
1636
原创 vue项目中生成的文件或base64图片上传阿里云
下载ali-ossnpm install ali-oss --save引入const OSS = require("ali-oss");//这些都是后台给的 包括 阿里云的地址 id 密码 名称const client = new OSS({ region: '<oss region>', endpoint: "", accessKeyId: '<...
2019-10-26 09:44:20
1488
原创 解析数字每三位加逗号
function parseNumber(num) { var newNum = ""; var count = 0; var num=String(num);//数字转为字符串; // 当字符串不含有小数点 if (num.indexOf(".") == -1) { for (var i = num.length - 1; i >=...
2019-10-25 17:46:58
863
原创 vue项目中使用iframe标签引入外部html,并进行数据交互!
首先是vue中引入iframe的src怎么引用路径的坑!首先我们需要把静态的html文件和css,js文件放在public目录下.在iframe标签中引用的时候不要使用public/下的什么,这是不对的.去掉public,直接引用即可.(还是打包后发现放在public文件下的文件都会放在根目录,并没有public这个目录)下面就介绍一下怎么交互的问题.vue文件里的写法:...
2019-10-23 15:03:46
6289
4
原创 用canvas画环形图
var ratios = [['35%','30%','20%','10%','5%'],['20%','10%','35%','5%','30%'],['25%','15%','15%','25%','20%']];//画出多个环形图 $('.canvas').each(function(){ for(var i =0; i<ratios.length;i++...
2019-10-14 16:41:10
1671
原创 前端 vue/react 或者 js 导入/导出 xlsx/xls 表格的功能
导出表格的功能:yarn add xlsx script-loader file-saver效果展示上封装的代码:// 文件名:Export2Excel.jsrequire('script-loader!file-saver');import XLSX from 'xlsx';function datenum(v, date1904) { if (date190...
2019-09-12 19:00:13
1130
原创 js对象数组key值相等value相加
let arr = [{ "语文": 100, "数学": 100 }, { "语文": 100, "数学": 100 }, { "语文": 100, "数学": 100, "英语": 100 }, { "语文": 100, "数学": 100, "物理": 100 }, { "英语": 100, "化学": 100 }, ] let...
2019-08-24 18:11:36
4837
4
原创 js递归遍历数组
//假如此数组为初始数据let list = [{ key: "a", value: '1' }, { key: "b", value: '2' }, { key: "c", value: '3' }, { key: "d", child: [{ key: "d1", value: '4' }, { key: "d...
2019-08-15 14:55:55
6188
2
原创 js截取数组slice(),splice()两种方法
slice()返回一个索引和另一个索引之间的数据(不改变原数组),slice(start,end)有两个参数(start必需,end选填),都是索引,返回值不包括end用法和截取字符串一样var heros=["李白",'蔡文姬','韩信','赵云','甄姬','阿珂','貂蝉','妲己'];console.log(heros.slice(1,4))// [ "蔡文姬", "韩信...
2019-08-15 12:01:15
212790
9
原创 js截取字符串slice()、substring()、substr()三种用法
slice()返回一个索引和另一个索引之间的字符串(不改变原字符串),slice(start,end)有两个参数(start必需,end选填),都是索引,返回值不包括endvar str="0123456789";console.log(str.slice(1,5)) //1234 开始索引为1 结束索引为5(不包括5)若开始索引为负数,则将该值加上字符串长度后作为开始索引,如...
2019-08-15 10:57:37
2225
原创 vuex用法及理解
vuex(核心概念)Store(总览)// 如果在模块化构建系统中，请确保在开头调用了 Vue.use(Vuex)import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);export default new Vuex.Store({ state: { count:1 }, getters...
2019-08-01 15:50:46
152
原创 js以及node的知识点整理
1.什么是异步,非IO操作的异步和IO操作的异步? js的异步简单的说就是2段代码,代码段1先加载,但是并没有执行,代码段2却在代码段1之前执行得到了结果.js的异步是怎么实现的呢?按说代码的都是按先后顺序加载到内存并执行的,但js是利用事件的循环机制来达到异步的.上面提到的代码段1没有执行去哪了呢?其实在node(js)启动的时候就会创建一个事件循环的循环队列.循环队列里的执行细节(也会有...
2019-08-01 15:22:38
140
原创 electron-vue配置sass全局变量
方法一下载安装sass-resources-loader 官方文档https://www.npmjs.com/package/sass-resources-loadernpminstallsass-resources-loader在webpack.renderer.config.js下找到moudle配置项只需要替换scss后缀的use配置即可,引入你的全局样式文件,这样你样...
2019-08-01 10:13:56
2710
原创 electron-vue开发桌面应用环境搭建
Electron是由Github开发，用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将Chromium和Node.js合并到同一个运行时环境中，并将其打包为Mac，Windows和Linux系统下的应用来实现这一目的。electron-vue 基于election融合vue脚手架，以web方式开发桌面应用，可以理解为在软件中打包了一个浏览器...
2019-07-31 13:58:27
1414
原创 理解path.join() 和 path.resolve()
Node官方文档http://nodejs.cn/api/path.htmlpath.join()就是把每个路径进行拼接path.join('/foo', 'bar', 'baz/asdf', 'quux', '..');//可以分为两部分//先是 /foo/bar/baz/asdf/quux//当继续拼接到".."的时候是返回上级目录//所以得到/foo/bar/baz/a...
2019-07-30 17:23:48
3613
原创 vue中$set的用法
<template> <div> 敌军还有 <span class="mouse" @click="add">{{time.you}}</span> 秒钟到达战场,受到敌方钟无艳攻击 <span class="mouse" @click="reduce">{{time.me}}</span&g...
2019-07-27 16:40:50
1267
原创 JS原型及原型链的理解
什么是原型?在JS中我们每创建一个函数都有一个 prototype（原型）属性，这个属性是一个指针，指向函数的原型对象。所有原型对象都会自动获得一个 constructor（构造函数）属性，这个属性包含一个指向 prototype 属性所在函数的指针。function Person(){ } Person.prototype.name = "李白"; Person.p...
2019-07-27 15:11:11
393
原创 js引用类型深拷贝与浅拷贝Object.assign()
let arr = [], obj = { a: 1 } for(let i = 0; i < 3; i++) { arr.push(obj) }// 基本变量的值一般都是存在栈内存中，而对象类型的变量的值存储在堆内存中，栈内存存储对应空间地址。基本的数据类型: Number 、Boolean、Undefined、String、Null。 cons...
2019-07-25 11:08:36
544
原创 Hbuilder配置sass预处理,不需要下载Ruby
用node安装npm install sass -g全局配置中可以查到sass.cmd路径(C:\Users\qianyi\AppData\Roaming\npm\sass.cmd)此路径为触发命令地址安装完成之后打开Hbuilder工具栏此命令参数是把编译好的css文件放在当前.scss后缀文件上一级的css文件中,可以根据你的需要更改我的目录结构...
2019-07-23 16:40:13
308
原创 vue 中的 provide 和 inject 用法
以最外层组件为参考点//我是一个当前组件(最外层)<template> <div> <child /> </div></template><script>import child from "./one";//引入子组件export default { provide() { ...
2019-07-22 17:02:52
305
原创 vue各生命周期遇到异步执行顺序
当生命周期遇到异步该怎样执行<script>import { getCameraState } from "@/api/leave";export default { data() { return { obj: { message: "" } }; }, methods: { parseCamera...
2019-07-19 10:44:09
2423
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人