前端
文章平均质量分 66
七元八角oooo
font-end developer
展开
-
数据结构与算法-前端
1. 时间空间复杂度时间复杂度用大O表示,如O(1)、O(n)…定性描述算法的运行时间 空间复杂度运行过程中临时占用存储空间大小的量度2. 栈:后进先出的结构push、pop有效的括号: https://leetcode-cn.com/problems/valid-parenthesesvar isValid = function (s) { if (s.length % 2 === 1) { return false } // 奇数个 const sta原创 2022-01-28 17:59:46 · 816 阅读 · 0 评论 -
微前端的一些实现方法
SOLID原则单一功能、开闭原则、里氏替换、接口隔离以及依赖反转原则原创 2021-12-16 11:05:40 · 1273 阅读 · 0 评论 -
workspace、使用本地包以及使用dumi自定义组件
workspacesworkspaces 文档创建文件: 根目录下的package.json文件中,workspaces 配置对应的子项目路径。使用: 在根目录下执行yarn add cross-env 操作,就能够在 “workspace-a”、 "workspace-b"子项目中直接使用cross-env插件了(子项目不需要安装插件,根目录在安装的时候会生成node_modules的bin文件)。使用本地包...原创 2021-11-12 10:48:21 · 1952 阅读 · 0 评论 -
微信小程序 canvas海报画图
经常有需要结合二维码转换成图片的需求,用于分享canvas 属于原生组件,设置fixed 无效,所以当滚动后要展示canvas就会找不到图了,所以通过转换成图片来展示js代码:本地及后端返回base64 图片的绘制ctx.scale(dpr, dpr) // 放大画布 并且在导出的时候注意destWidth 输出大小需要跟dpr关联wx.canvasToTempFilePath() 方法中,由于canvas 使用的是type="2d",需要在方法中指定canvas的实例,才能生成图片,不然会.原创 2021-07-26 17:36:34 · 668 阅读 · 0 评论 -
前端图片压缩、上传相关处理
1. 图片压缩使用插件 lrz 进行压缩function compress(file,options){ return lrz(file, options).then((rst: any) => {//数字越小,压缩率越高 return new Promise(function (resolve: any, reject: any) { if (rst instanceof Object) { //将压缩后的base64字符串转换为文件对象 let fi原创 2021-07-20 11:15:26 · 321 阅读 · 0 评论 -
导出excel
请求需要设置 responseType: 'blob',返回blob对象通过创建Blob 对象导出excel表格 const blob = new Blob([data], { type: 'application/octet-stream;charset=utf-8' }); // data 即表格数据 const link = document.createElement('a'); link.download = `${name}.xls`; // 导出表.原创 2021-07-19 15:06:40 · 303 阅读 · 0 评论 -
node 深入浅出
1. node 基础Node.js 的特点: 事件驱动、异步I/O(在处理高并发、异步I/O密集场景性能优势明显)。Web场景下性能好。exports 只能使用.语法向外暴露内部变量, 例 exports.test = 100;module.exports 既可以通过点语法,也可以直接赋值一个对象 例 module.exports.test = 100; module.exports = { test: 100}exports:首先对于本身来讲是一个变量(对象),它不是module的引用,它是{原创 2021-01-05 23:18:18 · 430 阅读 · 0 评论 -
react 输入框 回车事件切换
在web项目中,多个输入框时,按tab 键是能够进行下一个切换聚焦的,回车也能够加上监听事件,方便用户处理多个输入的事件。js 处理input 监听事件function changeEnter(inputs) {const init = () => { for (let i = 0; i < inputs.length; i++) { inputs[i].addEventListener('keydown', focus(i), false); // 每个input.原创 2020-12-09 16:33:32 · 4594 阅读 · 0 评论 -
nginx访问出现403 forbidden
买个服务器放放项目,但是直接访问出现403 forbidden。查看nginx 日志将nginx日志打开查看日志信息 查看nginx 用户信息ps axu|grep nginx 发现有个nobody修改nginx访问用户修改为root 再访问curl localhost:8088 有内容了。...原创 2020-11-19 23:39:04 · 680 阅读 · 0 评论 -
浅析 react源码
指导链接:React 原理解析1. createElementJSX 代码会被 Babel 编译为 React.createElement:<div id="testId"> <div id="testId2">222</div> <div id="testId3">333</div></div>// 解析成以下样子React.createElement( "div", // -> type {原创 2020-10-09 16:24:42 · 269 阅读 · 0 评论 -
纯纯的react-native项目
经常会写写react-native 的demo 项目,但总是需要花很多时间去初始化项目,所以保存下初始化的项目项目在刚开始启动的时候,直接运行react-native run-android 提示 Could not install the app on the device。除了文档上的设备环境配置外,还有一个就是需要给android 权限,在项目根目录 运行:chmod 755 android/gradlew...原创 2020-08-07 15:39:56 · 278 阅读 · 0 评论 -
react-native中的scrollview的使用情况
啊啊啊啊啊啊原创 2020-06-13 18:00:38 · 1368 阅读 · 0 评论 -
为什么要用typeScript
typeScript 冲冲冲1. ts 能带来什么好处?1. ts 能带来什么好处?静态类型能够在开发的时候发现潜在的问题定义了函数,但是忘记传递参数 2. 编写时更友好的提示3. 更好的可读性原创 2020-05-29 23:26:37 · 2513 阅读 · 0 评论 -
nginx 反向代理
nginx: 利用反向代理解决跨域问题。1. 服务端服务端主要内容:const http = require('http')const PORT = 8222const serverHandle = require('../app')const server = http.createServer(serverHandle)server.listen(PORT)完整内容查看g...原创 2019-12-10 18:02:48 · 310 阅读 · 0 评论