自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

原创 常用的方法

1、工具类函数/** * 绘制圆角矩形 * @param {Object} ctx - canvas组件的绘图上下文 * @param {Number} x - 矩形的x坐标 * @param {Number} y - 矩形的y坐标 * @param {Number} w - 矩形的宽度 * @param {Number} h - 矩形的高度 * @param {Number} r - 矩形的圆角半径 * @param {String} [c = 'transparent'] - 矩形的填

2022-03-28 15:13:10 360

原创 实现纯前端数据导出excel

1、xlsx地址https://www.npmjs.com/package/xlsx2、安装npm install xlsx3、使用<script>import * as XLSX from 'xlsx';export default { name: 'HomeView', methods: { downFile() { let tableHeader = [ {"props":"87","label":"一级"},

2022-03-16 18:16:09 2114 1

原创 vue3+handsontable实现表格编辑导出

1、handsontable官网https://handsontable.com/docs/#demo2、安装npm install handsontable @handsontable/vue33、使用<hot-table :settings="hotSettings" ref="hotTableComponent"></hot-table>import { HotTable } from "@handsontable/vue3";import { regist

2022-03-09 11:58:44 3144 1

原创 使用表单上传文件

1、在Vue中使用multipart/form-data上传文件 <ul class="upload-imgs"> <li v-if="imgs.length < 9"> <input type="file" class="upload" @change="addImg" ref="inputer" multiple accept="image/png,image/jpeg,image/gif,image/jpg" /> <a class="

2021-11-03 10:13:25 683

原创 使用chrome调试平板/手机网页

1、VSCode插件any-rule :正则大全Path Intellisense: 自动补全引入文件名Document This: 可以自动为TypeScript和JavaScript文件生成详细的注释模板file-size:在状态栏中显示当前文本文件的大小Bracket Pair Colorizer: 根据不同颜色区分不同代码块2、Chrome 插件Allow CORS: Access-Control-Allow-Origin允许CORS,你可以轻松地在 Web 应用程序中执行

2021-09-24 13:58:57 9279

原创 开发uniapp一些实用技巧

1、 去除uniapp开发微信公众号h5的uniapp自带导航栏 navTitle() { let style = document.createElement('style'); style.type = 'text/css'; style.innerHTML = "uni-page-head,.uni-page-head{display:none;}"; document.getElementsByTagName('head').item(0).appendChild(sty

2021-06-09 11:58:28 3005

原创 微信网页授权

一、微信授权获取头像、昵称1、在微信公众号请求用户网页授权之前,先到公众平台官网中的“开发 - 接口权限 - 网页服务 - 网页帐号 - 网页授权获取用户基本信息”的配置选项中,修改授权回调域名。请注意,这里填写的是域名(是一个字符串),而不是URL,请勿加 http:// 等协议头2、引导用户打开微信授权链接https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=URL&response

2021-02-03 11:30:21 1685

原创 uniapp生成自有证书

1、下载jre安装https://www.oracle.com/java/technologies/javase-downloads.html建议将JRE安装路径添加到系统环境变量(无自定义安装路径一般路径安装如下)2、打开命令行(cmd)a、切换工作目录到D:路径d:b、将jre命令添加到临时环境变量中set PATH=%PATH%;“C:\Program Files\Java\jre1.8.0_271\bin”c、使用命令生成证书keytool -genkey -alias test

2020-12-19 13:39:54 1962 2

原创 websocket

1、什么是WebSocket ?WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在 WebSocket API 中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。在 WebSocket API 中,浏览器和服务器只需要做一个握手的动作,然后,浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。

2020-09-17 11:46:38 87

原创 vue列表渲染性能优化

1、进程是系统进行资源分配和调度的一个独立单位,一个进程包含多个线程2、渲染进程GUI渲染线程(页面渲染)JS引擎线程(执行js脚本)事件触发线程(EventLoop 轮间处理线程)事件(onclick)、定时器(setTimeout)、ajax(xhr)(独立线程)GUI渲染线程和js引擎线程是互斥的3、浏览器中的EventLoop4、超长列表渲染性能优化...

2020-05-02 23:07:50 789

原创 TypeScript基本语法

TypeScript 是 JavaScript 的一个超集安装TypeScript :npm install -g typescript查看TypeScript版本: tsc -v将ts文件转换为js文件:tsc test.ts运行js文件:node test.js1、TypeScript基础类型任意类型 any :声明为 any 的变量可以赋予任意类型的值数...

2020-04-19 12:49:40 6127

原创 javascript标准方法

1、Arrayarray.concat(item…)concat方法返回一个新数组,它包含array的浅复制并将一个或多个参数item附加在其后。如果参数item是一个数组,那么它的每个元素会被分别添加。var a = [‘a’,‘b’]var b = [‘x’,‘y’]var c = a.concat(b,true) //c是[‘a’,‘b’,‘x’,‘y’,true]array...

2019-10-28 18:00:09 263

原创 react-router 基本组件的使用

1、安装 react-router-dom npm install -save react-router-dom2、在需要使用路由的页面中引入 import React from "react"; import { BrowserRouter as Router, Route, Link } from "react-router-dom";3、路由配置 (1)、导航路由 f...

2019-07-04 11:36:56 576

原创 React请求数据渲染页面

1、使用react-fetch数据发送请求(1)get方法: componentDidMount() { fetch('url') .then(res => res.json()) .then(json => this.setState({ list: json })) } (2)post方法: comp...

2019-06-27 16:47:33 5407

原创 ES6实例:模板编译

1、通过模板字符串,生成正式模板的实例let template = <ul> <% for(let i=0; i < data.supplies.length; i++) { %> <li><%= data.supplies[i] %></li> <% } %> </ul>;2、编写模板编译函数compi...

2019-04-23 10:00:38 337

原创 跨域一些相关问题

1、同源 : 协议头、域名、端口都相同2、跨域 : 协议头、域名、端口其中一个不一样就叫跨域3、跨域的由来 : 浏览器出于安全的目的 ,不允许访问跨越资源4、解决跨域的方法 :(1)、JSONP : 使用script标签发送请求 , 并且传入callback,参数是一个函数名的方式来解决原理 : script 标签拿到响应体会当做JS代码来执行,所以服务端返回的响应体就是调用函数的语法,...

2018-11-18 19:18:25 225

原创 js的原生ajax请求

1.与传统的Web应用比较传统的Web应用交互由用户触发一个HTTP请求到服务器,服务器对其进行处理后再返回一个新的HTML页到客户端,每当服务器处理客户端提交的请求时,客户都只能空闲等待并且哪怕只是一次很小的交互、只需从服务器端得到很简单的一个数据,都要返回一个完整的HTML页,而用户每次都要浪费时间和带宽去重新读取整个页面。这个做法浪费了许多带宽,由于每次应用的交互都需要向服务器发送请求,应...

2018-11-14 21:45:22 256

原创 关于遍历数组的一些方法

forEach : forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。注意: forEach() 对于空数组是不会执行回调函数的。some : some() 方法用于检测数组中的元素是否满足指定条件(函数提供),返回的是一个布尔值。some() 方法会依次执行数组的每个元素:如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测。如果一...

2018-11-05 11:19:41 477

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除