前端
文章平均质量分 77
不不才
博客:https://www.notbucai.com/
展开
-
设计并实现一个简单自动化部署工具
说之前先放地址 https://cycle.bucai.cc/,开发环境运行的,有点慢请耐心等待加载。GitHub: https://github.com/notbucai/cb-cycle这是我尝试用流程化的思路进行项目开发实现的记录。至于为什么不适用市面上现有且完善的框架,是因为我好久没写完整且有意义的东西了,当然依然会“借鉴”一些成熟的项目。设计需求来源近期间歇性踌躇满志的对博客功能点进行升级、优化,该项目分为后台nestjs项目、前台nuxtjs、管理系统vue.js,目前部署方式采用D原创 2022-04-04 16:35:38 · 1751 阅读 · 0 评论 -
快24岁了,没什么目标(不才的21年年终总结)
第三次打开文档,算第二版了,还是不知道怎么开头,脚本和结构也是改了又改,写着写着又成了流水帐,眼看着从21年到22年了再不写就成了年“中”总结了。今天熬个夜,这次用的Apple的备忘录,在写的时候觉得行距太挤了,还找不到怎么调整。别问为什么用Apple备忘录。啊 你没问啊,那没事了。写完回头,突然发现原来年后写总结最难的是今年/去年是那年啊。Ps:今年表示21年,去年表示20年。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YJS5f90A-1646239350原创 2022-03-03 00:43:44 · 175 阅读 · 0 评论 -
md-loader
# md-loader## 组件文档是如何渲染出来文档用于描述系统功能,而组件文档描述组件的功能,对于前端组件为了直观体现一般会有一个预览模块,而一般组件文档都是采用markdown编写,而md是文本内容且并没有渲染组件代码的能力,那么这是如何做的呢?简单的说就是“**自定义结构**”,像element-ui中对代码的描述为`<!--element-demo: YOU_CODE :element-demo—->`,中间的`YOU_CODE`可以放简单的vue组件代码。这种结构通常原创 2021-11-16 10:55:44 · 906 阅读 · 0 评论 -
利用虚拟列表改造索引列表(IndexList)
引言在一个倡导“快速开发”的团队中,交付日期往往是衡量工作的第一标准。而遇到问题的解决方式也会偏暴力,暴力的方式往往大脑都会厌恶和失声,尤其是在面试官问开发过程中的难点的时候更是无法回答,只能无底气的回一句“感觉开发过程很顺利,并没有碰到什么难以解决的问题。”。以下便是我想到的非暴力方式来改造原有问题。问题需求与问题描述关键词: 小程序、index list、卡顿、白屏、500条、1M在进行小程序项目开发过程中,遇到索引列表的需求,于是采用vant的IndexBar作为进行开发,完成并发布线原创 2021-10-18 17:24:58 · 894 阅读 · 0 评论 -
从输入URL到页面渲染完成
从输入URL到页面渲染完成涉及网络、浏览器工作原理等知识。前序知识浏览器进程结构Browser进程 负责协调、主控,包括地址栏、书签、历史栈。GPU进程 负责整个浏览器界面的渲染网络进程 负责发起接收网络请求插件进程 控制网页中使用到的插件 如flash 渲染器进程 默认使用(Process-per-site-instance)模式 四种进程模式: Process-per-site-instance: 访问不同站点和同一站点的不同页面都会创建新的进程原创 2021-06-06 12:10:28 · 159 阅读 · 1 评论 -
WebRTC 简单入门
WebRTC DEMO花了两天时间简单了解了一下WEB RTC,并由此写入三个DEMO。p2p 点对点o2m 一对多live 直播目前主要都是按p2p进行的简单扩展。WebRTC 简单了解目前资料不算少,不过确实也不多,而且理论偏多,新手入门其实还是有点压力的。这边推荐几个资料和视频。MDN 文档 记得出问题看看文档先WebRTC samples 没有思路的时候记得看看哔哩哔哩 - 一只斌 这个b站up,大概算是由浅入深讲了这个东西,但是有些基础概念被带过了(应该主要是我基础较薄弱原创 2021-04-12 19:45:17 · 1006 阅读 · 2 评论 -
目前最全的第三方平台 授权(OAuth2.0)登录接入指南
目前最全的第三方平台 授权(OAuth2.0)登录接入指南目前博客已经接入大部分平台不才的博客第三方授权登录一般作用于简化用户的登录/注册或用于数据同步以下平台都基于 OAuth2.0,但存在一些平台限制和区别????QQ互联需要审核、个人可用、回调修改后需要时间生效https://connect.qq.com/index.html接入遇到问题可联系腾讯QQ客服800013811 催审后审核很快1. 回调修改后需要等待时间生效 (时间有长有短)审核拒绝状态 修改不生效全路径原创 2021-04-02 10:29:51 · 2665 阅读 · 0 评论 -
迟到的2020总结
2020总结PS: 以下今年均代表2020还是和去年一样不知道怎么开头,然而2021已经过了二十多天,现在才准备拿起键盘开始2020的回忆。晚点写的好处就是别人都写完了,可以借鉴(抄)了,而后果断看了几个大佬写的,最后总结出了一个模版:1. 写在前面:简单总结一下这一年成就,然后最后一句提一下 (这一年也有不少不好的事情)2. 大事回顾:时间线回忆3. 拆分回顾:工作、学习、生活、情感。(其中说一下得失)4. 立个目标:展望一下明年,顺便立个flag5. 最后总结:可以用一个slogan原创 2021-01-21 11:44:50 · 159 阅读 · 3 评论 -
大文件分块(切片)断点上传
之前看过相关文章但是一直没有动手实现,这个东西就是为了实现这个而产生的。前端流程图主要技术点切片利用 Blob.prototype.slice 切片获取切片md5 作为唯一标识具体代码// 计算切片数量const page = Math.ceil(file.size / size);// 初始位置let start = 0;// 等待的异步任务队列const promiseList = [];for (let i = 0; i < page; i++) { // 计原创 2020-08-28 21:14:37 · 819 阅读 · 0 评论 -
[占山为王]我是如何四步将一个微信小程序请求库改成Taro的
本项目中的第三方库作者不再维护,fork后自己进行的维护,如有侵权立刻删除!憨憨本憨,快速开源项目,占山为王。如何做一个优秀的开源贡献者,只需要四步。第一步 clone 一个 微信小程序请求库wechat-request$ git clone git@github.com:notbucai/wechat-request.git第二步 改变主要代码将wx.request改成Taro.request;dispatchRequest.js -> 34行左右第.原创 2020-07-17 16:42:40 · 197 阅读 · 1 评论 -
mysql 基础学习笔记
安装MacOSWindows 10Centos 7SQL规范不区分大小写,但是建议大写关键词,小写表名、列名每条SQL建议分号结尾每条SQL根据需要进行换行缩进注释:单行:# --多行:/* */类型数值: 整型: 小数: 定点数 浮点数字符: 短字符: char varcahr 长文本: text blob日期: date 2020-02-03 datetime 2020-原创 2020-07-09 16:55:45 · 100 阅读 · 0 评论 -
我的博客关于第三个版本的介绍
这已经是博客的第三个版本了,哈哈哈哈。是我太闲了吗 嘤嘤嘤。????技术栈博客有点为了堆技术栈而堆技术栈的感觉。本人表示已经实锤了!!!原本是打算直接3n框架直接撸的,还是太懒了。。大体: nest/nuxt/vueUI: Element/Vuetify数据储存: mongo/redis/cookie/localStoreage通知:腾讯sms、email部分配置文件没有上传到github,之后进行简化后上传[GitHub] [线上地址]????版本介绍前台主题样式根据 YEV原创 2020-06-21 21:02:33 · 150 阅读 · 0 评论 -
create-react-app 在不暴露配置情况下 配置 scss/sass 全局变量
create-react-app 在不暴露配置情况下 配置 scss/sass 全局变量create-react-app 利用 react-app-rewired 在不暴露配置,不破坏环境的 情况下 配置 scss/sass 全局变量。由于项目中需要定义全局主题的样式变量,也就是利用sass-resources-loader这个loader将scss变量打包到每个文件中,但是由于 create-react-app(以下简称cra)暴露配置会破坏 "guarantees" 的优点。所以当时就打算用上原创 2020-06-04 22:52:23 · 1380 阅读 · 0 评论 -
Quill富文本编辑器入坑指北
公司项目需要支持简单表格、图片上传、样式不丑的富文本编辑器。当时选择Quill这个富文本编辑器了也是看了一些附带的插件的Demo(quill-better-table、quill-image-resize-module),还有自定义的toolbar。中间碰到很多坑查了很多资料,也做了很多妥协。个人而言觉得这个还不够完善,生态也不够大,版本也有点乱Quill 的使用开局一张图快速开始我是直接在Vue项目中使用的 Quillindex.html 引入(可以直接引入cdn) 也可以使用vue原创 2020-06-04 22:51:37 · 2582 阅读 · 0 评论 -
由Vant Field组件得到解决IOS输入框 键盘上推问题
前言前几天公司让写一个客户数据入录页面(就是个带了logo的表单页面),就直接选择用原生的直接上,原以为也就个把小时的事情(确实个把小时就写完了),但是测试发现ios(没有测试多个,至少qq浏览器会)会输入的时候导致页面上推严重影响用户体验。可直接转第三部分由开源库找到方案Vant Field组件通过看源码发现Field在blur事件时候会执行一个滚动事件贴代码:reset-scroll.ts// reset-scroll.tsimport { isIOS as checkIsI原创 2020-06-04 22:50:18 · 4361 阅读 · 0 评论 -
Linux从安装Nginx到部署前端项目
自己写项目总归是要给人看的,对于测试或者上线最终都是要部署到服务器的,本文就是记录前端项目如何部署到nginx服务器Linux安装Nginx (傻瓜式)CentOS7 中使用yum安装Nginx的方法参照:CentOS7中使用yum安装Nginx的方法配置静态服务器ps: 如果可以的话推荐分离配置 include /etc/nginx/conf.d/*.conf;Vue等相关工程话项目可直接将build后的文件上传即可创建静态资源目录(用户存放项目)mkdir /wwwFTP上传原创 2020-06-04 22:48:34 · 1177 阅读 · 0 评论 -
Vue3 + Vuex4 构建点餐页面
前言前进!前进!不择手段地前进!!距离Vue3.0 beta 发布已经过了半个多月了。本来这个东西上个月就应该写了,由于公司上个月赶项目一直没时间。趁着劳动节把这个东西写了一下,也顺便把一些坑过了一下。介绍页面比较简单,算是把 Composition API 过了一下了基于Vue3.0 beta 这种页面也比较老套了涉及了 Vue3.0 beta and Vuex4 beta and axios安装vue3环境题外话: 听说vite不错,这几天得了解下????安装(升级)原创 2020-06-04 22:47:40 · 2049 阅读 · 1 评论 -
jest 入门笔记
jest 入门笔记Jest is a delightful JavaScript Testing Framework with a focus on simplicity.It works with projects using: Babel, TypeScript, Node, React, Angular, Vue and more!失去人性,失去很多;失去兽性,失去一切。 –三体使用新建项目$ mkdir jestTest && cd ./jestTest$ np原创 2020-06-04 22:46:52 · 211 阅读 · 0 评论 -
JavaScript sourceMap 笔记
js source map建议打开一个真实的项目的sourceMap对照食用由于前端项目在网络中访问导致为了减少体积进行一系列优化操作,最后导致生产环境出问题无法定位到项目代码中的指定位置,使得调试变成一件很难得事。由此产生了Source Map。它是个什么东西简单说,sourceMap就是一个文件,里面储存着位置信息。仔细点说,这个文件里保存的,是转换后代码的位置,和对应的转换前的位置。有了它,出错的时候,通过断点工具可以直接显示原始代码,而不是转换后的代码。为什么有它前端原创 2020-06-04 22:45:47 · 148 阅读 · 0 评论