Linceo-CSDN博客

原创常用的方法

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 361

原创实现纯前端数据导出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 2117 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 3168 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 684

原创使用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 9338

原创开发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 3019

原创微信网页授权

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

2021-02-03 11:30:21 1686

原创 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 6148

原创 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 5410

原创 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 481

Linceo的博客