- 博客(60)
- 资源 (13)
- 收藏
- 关注
RSS订阅原创 关于本地调试不携带cookie
最近做公司vue老项目，登录成功后又调取其他接口来获取个人信息，发现在线上运行正常，到了本地调试接口报401，跳转登录页面，登录页面判断已登录又去调个人信息的接口，接口报401又跳转登录页面，无限循环下去了…… 通过比较发现，这个获取个人信息的接口在本地调试时没有携带cookie，而在线上却携带了。问了其他同事，说换火狐浏览器，还要是低版本的。之前就听说过这样的情况是浏览器机制的问题，谷歌和edge不行，只有火狐好使，我在想到底是什么机制 ，没听说过呢？这次遇到，是时候要清楚了。说要低版本火狐是吧，首先
2022-10-02 18:07:10
2390
2
原创 hexo博客使用docker自动化部署阿里云
起因接上一篇hexo博客docker部署阿里云的一点心得 之后，第二次上传文章的时候发现，从dockerhub仓库拉取自己的镜像非常慢，而且基本都是timeout拉不下来，尝试改镜像源什么的没啥效果。在修改镜像源的过程中发现了阿里云容器镜像服务，发现它个人版还是免费的，经测试，拉取镜像速度很快，于是就用上了它。又想到，每次发文章都要push代码，然后登陆ecs再用docker pull下来，然后再run起来.......是不是太麻烦了，是不是可以一步到位，只要push完代码就行了，其他的交给git .
2022-08-05 22:46:22
781
1
原创 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 15:49:41
2553
原创 从浏览器到堆栈
从浏览器到堆栈浏览器的理解浏览器内核的理解内核组成：常见内核：浏览器的工作原理浏览器渲染原理js 引擎为什么需要 js 引擎？常见的 js 引擎V8 引擎V8 引擎架构V8 的解析过程js 代码的执行过程js 变量到底存在栈上还是堆上？栈和堆**V8 引擎**中 js 变量存在堆上后记：参考：浏览器的理解浏览器的功能是将用户选择的 web 资源呈现出来，需要从服务器请求资源，并将其显示到浏览器窗口中，资源的格式通常是 HTML，也包括 PDF、image 及其他格式。用户用 URI（Uniform Re
2022-05-22 22:21:17
488
原创 写一个自己的cli前后端脚手架
写一个自己的cli前后端脚手架功能：使用：效果：技术点：一、创建项目二、工作流程三、commander 解析命令行参数四、inquirer 命令行交互五、创建工程化项目模板动态导入路由：动态导入 vuex：六、dowload-git-repo 下载项目模板七、ora/chalk 美化输出ora 增加 loading 效果chalk 美化输出语句八、创建组件/路由/vuex 模板创建命令编写模板文件编译 ejs，写入文件九、修改项目名称十、npm install 下载依赖十一、npm start 运行项目十二
2022-04-30 18:48:36
411
原创 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 08:24:38
993
原创 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 16:08:24
6954
12
原创 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 15:46:04
23237
原创 手写一个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 22:15:58
524
原创 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 00:46:55
8747
7
原创 实现codemirror的自定义提示的功能
实现codemirror的自定义提示的功能效果图前言代码参考效果图前言原本是使用 codemirror 的方法来实现，结果在得到行内容的时候问题不能第一次得到括号/花括号这样的符号，需要打两遍，而且实际项目中还需要做遍历操作，需要的参数过多。于是使用了 vue-codemirror，基于它封装的 vue 插件，而且功能使用上也比较方便，遂使用。代码<template> <div class="main"> <codemirror ref="
2021-05-20 00:07:14
4262
原创 vue调试的三种方法
vue调试的三种方法一、console.log二、debugger方法三、vscode里断点调试一、console.log这个开始学就会，不演示了。重要的是需要养成这样的能力，代码出了问题，光看是看不出来问题的。二、debugger方法vscode安装插件，debugger for chrome;在代码需要打断点的位置，写上debugger(如果安装eslint可能报错，这时鼠标移到代码出现小灯泡，点击选第一项忽略即可);npm run serve启动，到了断点位置浏览器会停下来;在浏
2021-05-09 21:08:10
30582
5
原创 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 23:38:32
9613
原创 开发依赖vs生产依赖
开发依赖vs生产依赖前言有何区别开发依赖生产依赖前言一直对开发依赖与生产依赖存在一些误区，这里学到了记录一下。有何区别如果是做普通前端项目，package.json里面的依赖包作为开发依赖和生产依赖基本没啥区别；如果项目是做npm包或者node服务的，会有些许差别。开发依赖npm -i xxx --save--dev执行操作后，pakage.json里devdependencies里保存相应依赖包，这些包只在做项目的时候会使用到，在项目打包上线后不依赖于这些包项目依然可以正常运行。比如：gu
2021-03-30 10:53:29
1760
原创 uni-app报错之解决二法
初见uni-app报错之解决二法报错一：使用HbuiderX运行到小程序出错报错二：启动成功微信开发者工具，但调试器上白屏，并且报错。报错一：使用HbuiderX运行到小程序出错原因：拉取微信开发者工具失败。解决：打开微信开发者工具–设置–通用设置–安全–打开端口即可。报错二：启动成功微信开发者工具，但调试器上白屏，并且报错。原因：Hbuider上没有配置appid。解决：Hbuider上登录上账号，基础配置上获取到uniapp上的appid(没验证的点它的跳转链接去绑定手机)；在微
2021-03-16 23:41:54
2638
1
原创 slot插槽二三事
slot插槽二三事前言一、slot是什么？二、插槽分类1.匿名插槽(1)当父组件标签内不写内容时：(2)当父组件标签内填写内容时：2.具名插槽(1) 父组件内标签不指定替换内容：(2)父组件内容指定替换内容：3.作用域插槽4.动态插槽参考前言复习了下vue，感觉slot这块有点忘了，又捡起再复习了一下，又学到了一些新知识，在此记录。一、slot是什么？官方的解释是：Vue 实现了一套内容分发的 API，这套 API 的设计灵感源自 Web Components 规范草案，将 slot 元素作
2021-03-08 11:40:28
307
1
原创 实操redux
实操redux一、引子二、redux版三、react-redux版四、两个组件之间数据共享五、可优化的地方六、完整代码一、引子今天利用一个小案例完成对redux的知识回顾。首先看效果（完整代码见文末）：完成功能：1.利用redux完成加1、减1、加任意值、异步加12.实现两个组件间的数据共享3.一些代码优化二、redux版首先建立src文件夹如下结构（示例）：创建store：//store/index.js// 1.引入createStore//applyMiddleware在异
2021-03-04 22:56:55
252
2
原创 js高阶函数
js高阶函数前言一、什么是函数式编程？1.函数是“一等公民”2.纯函数二、高阶函数1.概念2.map3.filter4.reduce5.sort三、函数柯里化前言学习react，本来只想复习下数组的map、filter、reduce方法，结果又找出了函数式编程、高阶函数、函数柯里化…这里单纯记录一下。一、什么是函数式编程？函数式编程不是用函数来编程，也不是传统的面向过程编程。主旨在于将复杂的函数符合成简单的函数（计算理论，或者递归论，或者拉姆达演算）。运算过程尽量写成一系列嵌套的函数调用。
2021-02-23 21:17:38
882
2
原创 js复习：几个例子弄懂解构赋值
js复习：几个例子弄懂解构赋值前言一、概念二、例子1.声明时解构2.剩余参数解构3. 默认值4.解构对象5.解构时的重命名6.嵌套解构7.遍历对象值时的解构8.函数参数解构9.变量交换10.使用正则时的解构11.es6计算属性的解构参考前言复习啊复习，js的基础都快忘完了，时不时捡起来再看看。一、概念解构赋值语法是一种 Javascript 表达式。通过解构赋值, 可以将属性/值从对象/数组中取出,赋值给其他变量。二、例子1.声明时解构 const arr = ['haha','xix
2021-02-16 22:13:20
699
7
原创 从“心”认识Vue（六）：vue-cli相关
从“心”认识Vue（六）：vue-cli相关前言一、vue-cli安装二、vue-cli初始化项目三、vue项目目录四、vue的启动流程五、其它补充参考前言学习vue的时候学完模板语法，上来就开始了脚手架，虽然上手快了点，但是感觉还是少了一点衔接，知识遇到了断层，于是自己就再补了一点，理解起来比较顺畅一些。上一篇文章：从“心”认识Vue（五）：父组件与子组件一、vue-cli安装在终端下运行：npm install -g @vue/cli检查版本：vue --version
2021-02-12 18:04:27
367
5
原创 从“心”认识Vue（五）：父组件与子组件
从“心”认识Vue（四）：父组件与子组件前言一、父组件与子组件的关系二、注册组件语法糖三、模板与组件的分离写法四、组件可以访问vue实例数据吗？五、为什么组件的data必须是一个函数？六、父子之间通信1.父传子2.子传父七、父访问子/子访问父1.父访问子一、ref方法二、children方法2.子访问父：八、非父子通信（以后再讲）1.中央事件总线2.vuex状态管理总结前言学习vue的时候学完模板语法，上来就开始了脚手架，虽然上手快了点，但是感觉还是少了一点衔接，知识遇到了断层，于是自己就再补了一点，
2021-01-29 01:00:38
363
原创 从“心”认识Vue（四）：组件的基本使用
从“心”认识Vue（四）：组件的基本使用前言一、组件化是什么？二、注册组件1.使用步骤2.步骤分析三、全局组件与局部组件1.全局组件2.局部组件总结创建组件的步骤：全局组件与局部组件前言学习vue的时候学完模板语法，上来就开始了脚手架，虽然上手快了点，但是感觉还是少了一点衔接，知识遇到了断层，于是自己就再补了一点，理解起来比较顺畅一些。一、组件化是什么？vue的核心思想就是数据驱动和组件化，组件化作为vue的重要思想，就是将页面分为多个组件，每个组件实现一个功能块，可以让我们的项目更方便的维护和
2021-01-24 17:52:16
141
1
原创 从“心”认识Vue（三）：再谈v-model
从“心”认识Vue（三）：再谈v-model前言一、v-model的基本使用1.v-model绑定text输入框2.v-model绑定原理二、v-model与radio三、v-model与checkbox1.单选框2.多选框四、v-model与select下拉菜单1.单选时2.多选时五、v-model的值绑定六、v-model的修饰符1.lazy2.number3.trim总结前言开始学习vue了，但是编程的思想还是不容易转变过来，一两周过去了，只知道个大概，知其然而不知其所以然，打算开一个系列帖，重
2021-01-22 11:55:15
264
1
原创 从“心”认识Vue（二）: 计算属性和methods方法的区别
从“心”认识Vue（二）: 计算属性和methods方法的区别前言一、methods方法二、computed计算属性三、计算属性补充总结前言开始学习vue了，但是编程的思想还是不容易转变过来，一两周过去了，只知道个大概，知其然而不知其所以然，打算开一个系列帖，重新认识下vue。上篇文章：从“心”认识vue（一）：我的第一个vue一、methods方法vue中调用函数方法通常在methods中添加：先看下面小例子：<!DOCTYPE html><html lang="
2021-01-20 10:34:48
167
1
原创 从“心”认识vue（一）：我的第一个vue
重新认识vue（一）：我的第一个vue前言一、vue是什么？二、编程范式1.命令式编程2.声明式编程三、第一个vue1.vue都做了什么？2.vue的响应式总结创建vue实例的步骤：前言开始学习vue了，但是编程的思想还是不容易转变过来，一两周过去了，只知道个大概，知其然而不知其所以然，打算开一个系列帖，重新认识下vue。一、vue是什么？vue是一套构建用户界面的渐进式的自底向上增量开发MVVM框架.渐进式 : 不做职责以外的事情，可以局部使用也可以全局使用自底向上增量开发：从基础到复杂
2021-01-19 11:01:48
138
原创 npm、nvm、nrm、yarn小结
npmnpm是nodejs中的软件包管理工具。命令：#初始化，项目目录下生成一个package.json文件，这个文件中会记录一些关于项目的信息npm init#安装模块,但不写入package.jsonnpm install 包名#安装指定版本的模块npm install 包名 0.0.1#安装模块,写入package.json，并把模块的版本信息保存到dependencies（生产环境依赖）中npm install --save 包名#安装模块，写入package.json,并
2021-01-17 17:37:05
238
1
原创 async、await、generator
async、await、generator前言一、async与await1.async2.await3.综合应用二、generator函数1.基本语法2.可以使用for..of遍历yield后的返回值3.next()传入值4.generator异步操作参考前言最近在整理一些面试题，提到一些知识，在此作一梳理。提示：以下是本篇文章正文内容，下面案例可供参考一、async与await它们是es7的新语法，用来解决异步操作的问题。很多人认为它是异步操作的终极解决方案。1.asyncasync
2021-01-13 22:37:13
576
1
原创 todolist待办事项的编写
功能实现:1.在顶部输入内容,添加到正在进行列表;2.点击前面复选框正在进行的项目添加到已经完成里面,同时数量增加减少3.点击右边删除按钮可以删除项目;4.关闭窗口,下次进入页面载入之前的项目列表.用到的知识:1.html+css样式2.jQuery及cookie效果图:代码示例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta
2021-01-08 19:59:33
420
3
原创 电商项目-图文Mysql一对多查询,多对多查询
文章目录前言一、创建表二、添加数据三、查询语句1.单项查询2.一对多查询3.多对多查询前言项目中遇到了关于数据库的问题,学习了一下,在此分享.可能表的设计也不够好,仅供参考一、创建表//创建主表手机create table phone(id int primary key auto_increment,pname varchar(20),ptype varchar(20))//创建主表用户create table user (id int primary key auto_i
2021-01-07 23:54:45
415
2
原创 图解git及vscode中的git/gitlens插件的使用
vscode中git的简单使用前言一、git1.git是什么2.git可以做什么二、工作流程三、操作步骤1.安装git2.vscode安装gitlens插件3.初始化git1）新建git2）配置git3）添加项目到暂存目录，提交项目到本地仓库4）推送到远程仓库5）从远程仓库拉取6）回退版本三、分支与合并前言开始做项目了,整理一下关于git的一些知识.一、git1.git是什么Git是目前世界上最先进的分布式版本控制系统（没有之一）.简单来说,它是控制项目版本的一个工具2.git可以做什么
2020-12-30 10:12:13
34286
5
原创 jQuery实现瀑布流
效果图:代码示例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>
2020-12-26 19:52:53
126
原创 jQuery轮播图
效果图:代码示例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>
2020-12-26 14:28:59
107
原创 jQuery常用API
jQuery常用API前言一、代码示例前言有前面的基础,敲就完事了.一、代码示例 //常用选择器 $("#div1") $("span") $("p span")//后代节点 $("p>span")//子代节点 $(".red") $("*") $("div,span,p.cls")//选择所有div,span及class为p的一级元素 //基本选择器 $("span:first") $("span:last") $("td:even")//
2020-12-24 20:31:39
137
2
原创 js懒加载[改进版]
这里写目录标题前言总结前言看到有人分享了懒加载图片,自己也尝试了一下,还是发现有一些不完美,在此完善了一下,还请批评指正.目前懒加载存在的一些问题:1.图片虽然都没赋地址,但也全都显示了出来,滚动条一次性变得特别长,占了网页空间,图片加载失败时还出来失败的显示,不美观;2.每次滑动滚轮,每张图片都会重复一次赋图片地址,感觉没必要;3.为什么不采用js新增图片的方法,因为图片的地址可能不是有规律的,这样就导致js赋图片地址的时候有点麻烦,我们追求简单.4.考虑是否存在父级元素.# 一、
2020-12-23 19:02:28
134
原创 理解js继承
文章目录前言一、继承1.原型继承二、几种继承方式1.原型链继承2.构造函数继承3.组合继承4.原型式继承5.寄生式继承6.寄生组合继承三、ES6继承参考前言就学习的js继承作一学习记录,备查.一、继承1.原型继承子对象自动拥有父对象的属性和方法， 继承可以提高代码的复用性;原型对象（每一个构造函数都有一个原型对象）的值等于另一个类型的实例二、几种继承方式1.原型链继承让子对象的原型指向父对象的实例，父对象的原型指向爷爷对象的实例，依次类推，就形成了原型链 function Pe
2020-12-21 22:20:06
97
原创 prototype与__proto__
prototype与__proto__一、各种概念1.构造函数2.实例(对象)3.prototype属性4.原型对象5.__proto__二、prototype与__proto__的联系三、prototype与__proto__的区别四、代码示例一、各种概念1.构造函数创建新对象初始化的函数叫做构造函数.2.实例(对象)用new调用构造函数创建出来的对象叫做实例,或是实例对象.3.prototype属性也叫原型属性,它是函数独有的,每个函数都有一个prototype属性,它是一个指
2020-12-19 20:33:19
7381
3
原创 理解json、json字符串、json对象、js对象
理解json、json字符串、json对象、js对象前言一、Ajax的返回值1.什么是Ajax2.Ajax与json二、json、json字符串、json对象、js对象1.json2.json字符串3.json对象4.js对象三、代码示例前言最近学习ajax交互，返回数据为json字符串，需要转换为json对象才能使用，这回想起json来，json、json字符串、json对象、js对象傻傻分不清楚，这里作一记录，方便理解。一、Ajax的返回值1.什么是AjaxAJAX = Asynchro
2020-12-19 00:03:08
168
1
原创 简单实现自动聊天
用到的知识:1.简单css布局;2.ajax交互3.跨域访问jsonp4.element.scrollTop = element.scrollHeight;//滚动条自动跳到最底部<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="font/iconfont.js"></s..
2020-12-18 20:02:23
597
2
原创 简单理解Promise
简单理解Promise1.回调地狱3.异步调用4.Promise解决了什么问题?5.正式介绍Promise1.Promise的概念2.Promise 构造函数3.Promise.then的链式操作4.Promise.prototype.catch捕捉错误5.Promise.prototype.finally6.Promise.all7.Promise.race8.Promise.resolve([value])9.Promise.reject([value])6.Promise与Ajax1.回调地狱完成
2020-12-17 21:18:31
296
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人