maya1024
码龄12年
关注
提问 私信
  • 博客：168,687
    问答：257
    动态：49
    168,993
    总访问量
  • 60
    原创
  • 1,137,502
    排名
  • 56
    粉丝
  • 0
    铁粉

个人简介：边学习边分享。

IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）
IP 属地：上海市
  • 加入CSDN时间： 2012-09-18
博客简介：

high32的博客

查看详细资料
个人成就
  • 获得95次点赞
  • 内容获得71次评论
  • 获得381次收藏
  • 代码片获得676次分享
创作历程
  • 8篇
    2022年
  • 22篇
    2021年
  • 30篇
    2020年
成就勋章
TA的专栏
  • javascript
    38篇
  • 前端
    2篇
  • vue
    12篇
  • node
    2篇
  • 小程序
    1篇
  • react
    1篇
兴趣领域 设置
  • 前端
    javascriptcssvue.jsreact.jses6webpackxhtml前端框架
  • 后端
    node.js
  • 移动开发
    flutter
  • 网络与通信
    https
  • 微软技术
    typescript
  • 学习和成长
    面试
创作活动更多

如何做好一份技术文档？

无论你是技术大神还是初涉此领域的新手，都欢迎分享你的宝贵经验、独到见解与创新方法，为技术传播之路点亮明灯！

356人参与 去创作
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

关于本地调试不携带cookie

最近做公司vue老项目，登录成功后又调取其他接口来获取个人信息，发现在线上运行正常，到了本地调试接口报401，跳转登录页面，登录页面判断已登录又去调个人信息的接口，接口报401又跳转登录页面，无限循环下去了…… 通过比较发现，这个获取个人信息的接口在本地调试时没有携带cookie，而在线上却携带了。问了其他同事，说换火狐浏览器，还要是低版本的。之前就听说过这样的情况是浏览器机制的问题，谷歌和edge不行，只有火狐好使，我在想到底是什么机制 ，没听说过呢？这次遇到，是时候要清楚了。说要低版本火狐是吧，首先
原创
发布博客 2022.10.02 ·
2512 阅读 ·
3 点赞 ·
2 评论 ·
6 收藏

hexo博客使用docker自动化部署阿里云

起因接上一篇hexo博客docker部署阿里云的一点心得 之后，第二次上传文章的时候发现，从dockerhub仓库拉取自己的镜像非常慢，而且基本都是timeout拉不下来，尝试改镜像源什么的没啥效果。在修改镜像源的过程中发现了阿里云容器镜像服务，发现它个人版还是免费的，经测试，拉取镜像速度很快，于是就用上了它。又想到，每次发文章都要push代码，然后登陆ecs再用docker pull下来，然后再run起来.......是不是太麻烦了，是不是可以一步到位，只要push完代码就行了，其他的交给git .
原创
发布博客 2022.08.05 ·
804 阅读 ·
1 点赞 ·
1 评论 ·
2 收藏

hexo博客docker部署阿里云的一点心得

1初衷：自己的博客证书一直有问题，不管是宝塔里申请的Let‘s encrypt，还是阿里云的免费证书，于是想到部署上nginx配置，再用docker，多网站方便管理，就当学习了。2思路：push代码到git触发action动作，docker build镜像到docker hub；配置好nginx，多域名分发；在阿里云上pull镜像，然后run。3使用：hexo、git actions、docker/docker-compose、docker hub、nginx、阿里云4过程：1. docke
原创
发布博客 2022.07.24 ·
2571 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

从浏览器到堆栈

从浏览器到堆栈浏览器的理解浏览器内核的理解内核组成：常见内核：浏览器的工作原理浏览器渲染原理js 引擎为什么需要 js 引擎？常见的 js 引擎V8 引擎V8 引擎架构V8 的解析过程js 代码的执行过程js 变量到底存在栈上还是堆上？栈和堆**V8 引擎**中 js 变量存在堆上后记：参考：浏览器的理解浏览器的功能是将用户选择的 web 资源呈现出来，需要从服务器请求资源，并将其显示到浏览器窗口中，资源的格式通常是 HTML，也包括 PDF、image 及其他格式。用户用 URI（Uniform Re
原创
发布博客 2022.05.22 ·
573 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

写一个自己的cli前后端脚手架

写一个自己的cli前后端脚手架功能：使用：效果：技术点：一、创建项目二、工作流程三、commander 解析命令行参数四、inquirer 命令行交互五、创建工程化项目模板动态导入路由：动态导入 vuex：六、dowload-git-repo 下载项目模板七、ora/chalk 美化输出ora 增加 loading 效果chalk 美化输出语句八、创建组件/路由/vuex 模板创建命令编写模板文件编译 ejs，写入文件九、修改项目名称十、npm install 下载依赖十一、npm start 运行项目十二
原创
发布博客 2022.04.30 ·
426 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

hexo部署到阿里云ECS遇到的问题

hexo部署到阿里云ECS遇到的问题hexo添加备案号在主题文件footer添加hexo移除algolia在站点文件_config移除，主题文件_config 设为falsehexo-butterfly本地搜索无效？未解决宝塔面板不支持根目录设置在……文件下最后/var/…都换成/www/wwwroot/… 目录/repo和/hexo都要给权限Hexo 部署至云服务器（宝塔面板） - 黑石博客 - Hexo博客 (heson10.com)does not app
原创
发布博客 2022.04.22 ·
1053 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

再次深入git

git命令全揭秘
原创
发布博客 2022.02.07 ·
318 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

element-ui弹出框popover点击外部不消失的解决办法

element-ui弹出框popover点击外部不消失的解决办法设置trigger为manual;用点击方法来控制是否关闭。<el-popover v-model="isShow" placement="right" width="400" trigger="manual"> 234 <el-button slot="reference" @click.native="onShow">click 激活</el-button></e
原创
发布博客 2022.01.25 ·
7161 阅读 ·
2 点赞 ·
12 评论 ·
1 收藏

js中blob转string、string转blob、typeArray转blob、blob转TypeArray

这里写目录标题将String字符串转换成Blob对象将TypeArray 转换成 Blob 对象ArrayBuffer转Blob将Blob对象转换成String字符串将Blob对象转换成ArrayBuffer将String字符串转换成Blob对象//将字符串 转换成 Blob 对象var blob = new Blob(["Hello World!"], { type: 'text/plain'});console.info(blob);console.info(blob.slice(
原创
发布博客 2021.12.31 ·
23914 阅读 ·
11 点赞 ·
0 评论 ·
50 收藏

click-outside <div v-click-outside="hide"> <input type="text" @focus="show"> <div v-if="isShow">显示面板</div> </div> Vue.directive(clickOutside,{ bind(el,bindings,vnode){ el.handler = function (e) { if(!el.contains(e.target)){ let method = bindings.expression; vnode.context[method](); } } document.addEventListener('click',el.handler) }, unbind(el){ document.removeEventListener('click',el.handler) } })

发布动态 2021.11.23

let的变量提升 let 声明会提升到块顶部 从块顶部到该变量的初始化语句，这块区域叫做 TDZ（临时死区） 如果你在 TDZ 内使用该变量，JS 就会报错

发布动态 2021.11.22

手写一个electron本地音乐播放器

myaMusic一个基于 electron-vue 开发的音乐播放器使用：vue+element+electron源码地址： maya1900/myamusic: a simple local music player. (github.com)安装npm i运行npm start打包npm run starting说明1.添加单/多个本地音乐，添加文件目录，删除delete；2.播放歌曲，歌词同步(歌词lrc文件同名，放和歌曲同级目录下)，最小化到托盘；3.
原创
发布博客 2021.11.22 ·
558 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

dagre/dagre-d3绘制流程图

dagre/dagre-d3绘制流程图概念步骤知识点配置项gragh 配置node 配置edge 配置交互拖拽缩放鼠标悬停 tootip参考概念dagre 是专注于有向图布局的 javascript 库，由于 dagre 仅仅专注于图形布局 #F44336，需要使用其他方案根据 dagre 的布局信息来实际渲染图形，而 dagre-d3 就是 dagre 基于 D3 的渲染方案。dagre: https://github.com/dagrejs/dagredagre-d3: https://gith
原创
发布博客 2021.06.05 ·
8877 阅读 ·
4 点赞 ·
7 评论 ·
16 收藏

实现codemirror的自定义提示的功能

实现codemirror的自定义提示的功能效果图前言代码参考效果图前言原本是使用 codemirror 的方法来实现，结果在得到行内容的时候问题不能第一次得到括号/花括号这样的符号，需要打两遍，而且实际项目中还需要做遍历操作，需要的参数过多。于是使用了 vue-codemirror，基于它封装的 vue 插件，而且功能使用上也比较方便，遂使用。代码<template> <div class="main"> <codemirror ref="
原创
发布博客 2021.05.20 ·
4411 阅读 ·
3 点赞 ·
0 评论 ·
12 收藏

vue调试的三种方法

vue调试的三种方法一、console.log二、debugger方法三、vscode里断点调试一、console.log这个开始学就会，不演示了。重要的是需要养成这样的能力，代码出了问题，光看是看不出来问题的。二、debugger方法vscode安装插件，debugger for chrome;在代码需要打断点的位置，写上debugger(如果安装eslint可能报错，这时鼠标移到代码出现小灯泡，点击选第一项忽略即可);npm run serve启动，到了断点位置浏览器会停下来;在浏
原创
发布博客 2021.05.09 ·
31156 阅读 ·
10 点赞 ·
5 评论 ·
50 收藏

js求最大值和最小值的四种方法

js求最大值和最小值的四种方法方法一：sort排序方法二：假设法方法三：apply方法方法四：eval方法方法一：sort排序即使用sort方法先对数组进行排序。 function MaxAndMin (arr) { arr.sort((a, b) => {return a - b}) return [arr[0], arr[arr.length - 1]] } let arr = [8,5,4,7,1,3,3,6] console.log(MaxAndMin(arr)) //
原创
发布博客 2021.04.16 ·
9766 阅读 ·
4 点赞 ·
0 评论 ·
4 收藏

开发依赖vs生产依赖

开发依赖vs生产依赖前言有何区别开发依赖生产依赖前言一直对开发依赖与生产依赖存在一些误区，这里学到了记录一下。有何区别如果是做普通前端项目，package.json里面的依赖包作为开发依赖和生产依赖基本没啥区别；如果项目是做npm包或者node服务的，会有些许差别。开发依赖npm -i xxx --save--dev执行操作后，pakage.json里devdependencies里保存相应依赖包，这些包只在做项目的时候会使用到，在项目打包上线后不依赖于这些包项目依然可以正常运行。比如：gu
原创
发布博客 2021.03.30 ·
1791 阅读 ·
1 点赞 ·
0 评论 ·
4 收藏

从入学到入职. .

发布动态 2021.03.29

uni-app报错之解决二法

初见uni-app报错之解决二法报错一：使用HbuiderX运行到小程序出错报错二：启动成功微信开发者工具，但调试器上白屏，并且报错。报错一：使用HbuiderX运行到小程序出错原因：拉取微信开发者工具失败。解决：打开微信开发者工具–设置–通用设置–安全–打开端口即可。报错二：启动成功微信开发者工具，但调试器上白屏，并且报错。原因：Hbuider上没有配置appid。解决：Hbuider上登录上账号，基础配置上获取到uniapp上的appid(没验证的点它的跳转链接去绑定手机)；在微
原创
发布博客 2021.03.16 ·
2679 阅读 ·
0 点赞 ·
1 评论 ·
0 收藏

slot插槽二三事

slot插槽二三事前言一、slot是什么？二、插槽分类1.匿名插槽(1)当父组件标签内不写内容时：(2)当父组件标签内填写内容时：2.具名插槽(1) 父组件内标签不指定替换内容：(2)父组件内容指定替换内容：3.作用域插槽4.动态插槽参考前言复习了下vue，感觉slot这块有点忘了，又捡起再复习了一下，又学到了一些新知识，在此记录。一、slot是什么？官方的解释是：Vue 实现了一套内容分发的 API，这套 API 的设计灵感源自 Web Components 规范草案，将 slot 元素作
原创
发布博客 2021.03.08 ·
327 阅读 ·
1 点赞 ·
1 评论 ·
1 收藏
加载更多