万事屋的阿银-CSDN博客

原创一个简单的websocket的HTML测试页面

html代码大概就是这样了，简单的测试页面。。。。。。<!DOCTYPE html><html lang=""> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1

2021-12-13 11:58:31 1603

原创在Vue中自定义一个消息提示

实现一个消息组件1.在components文件下创建一个Message.vue的组件<template> <div class="message-box"> <div class="message-success" v-if="type === 'success'">{{ content }}</div> <div class="message-error" v-if="type === 'error'">{{ conten

2021-05-13 14:50:48 1322 1

原创使用js将表格数据导出成excel文件（xlsx，xlsx-style）

1.纯文本格式导出，不设置表格样式直接使用插件xlsx生成表格的数据流，再使用file-saver实现excel文件的导出功能，安装步骤如下：运行命令：npm install --save xlsx file-saverimport FileSaver from 'file-saver';import XLSX from 'xlsx';function downloadExcel(id, fileName) { /* 从表生成工作簿对象 */ var wb = XLSX.utils.

2021-03-12 13:32:09 3569 1

原创数据格式的转换：数组与树形

数据格式的转换：数组与树形记录一下找到的数组和树形之间的转换方法。。。数组转换成树形// 方法一：使用循环深层遍历（性能相对较高）function jsonToTree(jsonData, id, pid) { let result = [], temp = {}; for (let i = 0; i < jsonData.length; i++) { temp[jsonData[i][id]] = jsonData[i]; // 以

2021-03-12 13:16:07 298

原创替换element表格的展开图标

找到需要替换的节点现在需要将箭头替换为其他icon（element的icon都可以），在F12下找到相应节点：可以看到content中的就是箭头icon，现在只需要在css中直接覆盖这个就行了。替换css // 将el-table的展开图标替换为其他图标 .el-table__expand-icon{ -webkit-transform: rotate(0deg); transform: rotate(0deg); } .el-table__expand-icon

2020-09-15 13:57:25 2712

原创 react native初次实践踩坑记录（二）

使用rn的导航进行页面切换这个东西十分的坑，再官网中文网上，不知道为什么，基本对应不上，一通报错之后，便是一脸懵逼。yarn add react-navigationyarn add react-native-gesture-handleryarn add react-navigation-stackyarn add react-native-safe-area-contextyarn add react-native-safe-area-viewyarn add @react-native

2020-07-23 14:49:35 362

原创 react native初次实践踩坑记录（一）

开发一个android应用首先我考虑的其实是uni-app，本来也做了一些实践，说实话，步骤比rn要简单得多，一个android status和HBuilderX基本就可以完成一个apk包了，可惜的是，uniapp实在有些地方不尽人意，有些莫名其妙的报错无从解决，无奈之下只好放弃了。1. 安装rn的环境首先确保已经安装了node环境，npx react-native init appname就可以直接创建一个rn的初始化项目。（其中npx是npm 5.2.0新加入的东西，npx 会帮你执行依赖包里的二

2020-07-23 14:39:36 331 1

转载 cnpm无法运行，但是不报错

使用cnpm后，出现光标，但是就是没反应。。。。。找不到原因，重装似乎也不行，找到一个完全重载的方法：先卸载cnpm：npm uninstall -g cnpm --registry=https://registry.npm.taobao.org注册一下镜像：npm set registry https://registry.npm.taobao.org解析一下node-gyp模块：npm set disturl https://npm.taobao.org/dist清理下npm缓存：npm c

2020-07-17 16:11:34 1444 3

原创 webpack 入门学习笔记1

序章创建一个空目录，作为本次尝试的demo首先需要安装webpack以及webpack-cli，这里推荐全局安装，否则会有各种奇怪的问题，十分奇葩。首先要全局安装这两个东西：npm install webpack -gnpm install webpack-cli -g其次还有在当前目录下局部安装（不是很懂，但是需要，否则后面npm启动时会很麻烦）：npm install webpack --save-devnpm install webpack-cli --save-dev在当

2020-06-08 10:38:49 165

原创使用css3实现文字横向滚动循环

html<div class="remind-block"> <div class="marquee-block"> <div class="marquee">这是一段很长的滚动文字   </div> <div class="marqueeT">这是一段很长...

2020-05-08 09:52:42 3774

原创在vue和小程序中使用腾讯实时音视频RTC（小程序端）

衔接上一个的rtc介绍，小程序端trtc-roomtrtc-room标签是基于和实现的用于 TRTC 互通的自定义组件，再附带上问的那个地址：https://cloud.tencent.com/document/product/647具体的可以直接在腾讯音视频的GitHub上下载他的demo，demo地址如下：https://gitee.com/cloudtencent/TR...

2020-04-09 16:41:08 2499

qq_41199601的博客