- 博客(70)
- 收藏
- 关注
RSS订阅原创 迷茫下是自我提升
谁的青春不迷茫，迷茫下只能是顺势而为，不断提升自己。迷茫中不忘初心，坚持心中得所想，不断进步。当然特别迷茫得时候，去吹吹海风，去看看路上得风景，说不定哪一天风告诉了你答案，你一瞬间就明白了自己想要什么样得人生。最近宫崎骏，新出了一部动漫《你想活出怎样得人生》看看别人得人生，说不定也有你想有得答案。每个人想法都是不一样得，想要得人生也不一样。有点鸡汤了哈，言而总之，迷茫下还是要提升自我，不管是前端，还是其它得都好。
2024-04-06 21:05:12
1543
3
原创 H5嵌入小程序适配方案
本文是针对是把h5应用嵌入其它平台得流程。不是单独taro发布一个小程序，单独打包成app得流程，是从一个主平台直接进入一个子系统得嵌入适配方案。
2024-01-21 00:01:18
1835
原创 react hooks 对工作中常用到业务进行hooks再次封装成自己的hook库。
工作中难免很多的重复的业务，或者场景react hooks 无法满足的，那我们可以封装成自己的react hooks 库,学习中遇到的也可以进行一个封装，日积月累，就会多起来了嘛。
2023-07-18 18:04:30
652
原创 打包时未添加livepusher模块
可以看到HBuilderx V3.0.1开始就支持livepusher模块了。但是这时候你肯定会跟我一样的懵逼，我去哪里拿这个SDK去哪里拿？？？？？注意官方介绍的使用这个包是错的！！！！是错的！！！！是错的！！！！应该是media_livepusher-realase.aar文件包出现这次失误的原因是官方的文档没有进行一个实时的更新，其实HTML5+ 还是挺好用的，只是你不熟，官方的没有及时更新，然后导致我们看文档吃力，才会导致我们开发如此吃力。
2023-07-05 19:32:23
723
1
原创 vue项目中的vue.config.js配置文件中的proxy代理post一直在预检
记录一个比较有意思的bug,帮别人调试遇到的，一个哥们一直在群里问了好几次同一个问题了，他配置了代理，请求一直在发送，postman测试没问题，可以成功接收到，但是在项目前端请求，确实一点响应没有，刚开始我以为是content-type数据格式跟后端没对应上，但是他说试了很多，各种数据类型都没有用，后端他自己写，第一次用。如果在 Vue 项目中设置代理时，GET 请求能够正常代理，而 POST 请求无法生效，可能是因为在默认情况下，webpack-dev-server 只对 GET 请求进行代理。
2023-07-04 16:03:39
982
1
原创 使用android studio将网站打包成apk(可以直接使用替换为自己的网站连接即可)
这是一个适用于Android Studio的模板项目，可让你在几分钟内创建一个android webview应用程序。你可以使用它为您的网站创建一个简单的应用程序，或作为基于 HTML5 的 android 应用程序的起点。
2023-07-04 12:52:24
2960
原创 web worker创建多个 JavaScript 线程 (使用GTP写的文章)
最近在优化公司的一个项目，使用的就是web worker去优化，做了那些优化，一个是状态的优化，（通信的状态实时更新，以前的做法是做个定时任务实时获取它的状态，然后让它在页面渲染，这样就会造成了，一个是定时任务，实时获取，一个是一直在不断的渲染，虽然肉眼看不出什么，但是这样会造成一个主进程的负担非常大，然后我就引用了web worker开一个进程给它，定时去获取，然后在做判断是否与前面的状态是否一致，一直不传入主进程，不一直传入，然后这样就可以页面的明显的比较丝滑了
2023-06-11 15:08:45
901
原创 一个基于dumi搭建的react组件库,特别的开源组件项目,主要用于学习
在日常开发中，肯定会积累许许多多的业务组件在项目内，部分可以作为公共组件被抽离到公共组件库，但大部分或许与业务强相关，或许带有接口请求，并不适合抽离为公共组件，但仍需要有一个地方去展示这些组件的效果和用法，dumi 除了单独作为组件库文档外，也是支持和项目集成，展示项目内的业务组件的。
2023-04-05 22:54:20
1464
1
原创 浅浅学习复习一下webpack
对于webpack学习，我个人觉得还是自己手动去从零开始搭建框架，然后进行webpack得学习比较好，然后在用于项目内，因为学习得过程中，跟使用得过程中总会不一样得，实际过程中，会遇到各种问题。
2023-03-21 15:44:08
879
原创 一个使用 react+vite4+ts+react-router-dom6v Hooks Admin搭建的轻量级后台管理模板。
一个使用 react+vite4+ts+react-router-dom6v Hooks Admin搭建的轻量级后台管理模板。
2023-03-03 22:21:52
2132
1
原创 react 使用 mqtt
MQTT 主要应用在物联网等场景，WebSocket 因为有配套的浏览器API，主要应用在 Web 开发领域。但两者均为通用的应用层协议，可以在任何相关的场景使用。 MQTT和WebSocket都是面向报文的二进制传输协议。WebSocket更简单，更灵活；MQTT相对复杂，但功能强大。大家可以根据自己的使用场景按需选择。
2023-03-02 17:15:00
1572
原创 传输指令ssh,sftp,scp
对于传输指令还是需要进行一定的了解，可以帮助我们可以通过指令的方式，与服务器进行文件的传输。当然我还是比较喜欢图形可视化工具。不过指令的传输还是要了解的。
2023-03-01 17:25:33
2083
原创 高质量前端之自动化测试
测试可以让开发者站在**用户的角度**考虑问题，通过测试的手段，确保组件的每个功能都可以正常地运行。在编写单元测试时，很大情况下会对组件代码进行反复的调整，通过不断的打磨，避免了开发时考虑不周到的情况，从而提高组件的质量。对于变动不频繁的业务模块，也是同样的道理。
2023-02-24 14:59:34
987
原创 前端本地存储数据库存储之IndexedDB
IndexedDB数据库没有我们想象的那么复杂，了解了它的几个基本概念，上手还是很快的，无非就是增删改查等等，虽然可能开发中用的少，但是了解一下不至于真正用到的时候两眼抓瞎。
2023-02-24 14:44:10
1672
原创 前端开发规范
作为一名合格的前端开发工程师，良好的代码编写规范是必须具备的。其实对于必要的约束直接采用eslint进行一个约束就好了，代码的统一风格采用 pretter进行一个格式化的统一。主要是命名上的统一，这个要大家共同参与才能维护的。
2022-12-05 09:06:26
704
原创 前端性能优化
前端的性能的优化，可优化的方式有很多，性能优化是把双刃剑，有好的一面也有坏的一面。浏览器会对那些对页面影响较大的元素进行分层操作类似于Ps的图层的概念，这样当我们去操作这个元素，那只会对该图层的元素进行回流，而不影响其他的图层里的元素。img标签的loading=“lazy”属性-----------------------目前浏览器支持程度不佳 缺乏可拓展性。使用高效的css选择器 浏览器会自右向左进行元素的查找-----随着浏览器的优化，这一条已经不在使用。
2022-10-08 16:08:36
924
原创 Mendix与JEECG对比
对于这次的对比分析，首先通过网上查找资料，进行一个分析，资料虽然很丰富，但很多都是重复的，或者不是我们想要的。真正想要了解的相对来说还是比较少的，官网提供了详细了文档可查看，很多也很详细，但是想要快速了解它又太繁琐了，所以我采用的------是表格对比的方法，进行一个对比分析。然后根据，网上的介绍，及官网的讲解，跟我自己的理解进行一个分析对比。目前这两个平台各有各的特色，有优点也有对应的缺点。其实总的来说，最大的区别在于什么呢，在于面向的人群，是给专业的开发人员使用，还是给业务人员使用。这是它们之间一个最大
2022-09-09 15:31:07
1101
原创 微软Power Platform平台低代码
从我目前的了解的情况来看，资料来源于百度，csdn,掘金，简书，知乎等国内的资料相对于比较少或者说power platform 这个平台的系列的产品资料只能从代理商跟微软官网介绍，哪怕是外网GitHub有用的资料都是微软官方的介绍，更详细的只能联系微软内部获取。沟通了四个代理商微软的代理商，其中两个是不代理这个产品的，其中山东一家公司有在代理，但据他们的介绍，这款产品他们卖的也不是很多，对于技术上跟平台上的介绍也是一知半解。...
2022-08-31 10:28:56
2841
原创 yarn : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\yarn.ps1，因为在此系统上禁止运行 脚本。
昨天换了台新电脑，配环境的时候，使用 VSCode 的命令行安装yarn npm install yarn -G,安装成功后，查看版本报错，yarn : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\yarn.ps1，因为在此系统上禁止运行 脚本。。...
2022-08-26 08:58:43
1440
原创 对于低代码技术库的选型
零代码平台在企业数字化转型的过程中不可或缺，这要从零代码的特性讲起。企业想要实现某个业务问题的信息化、数字化：常规的选择一是自主开发软件，不具备软件开发能力的企业；第二个常规选择是购买成品化软件。但这两种方式都存在一定的问题，而零代码开发平台可以作为很好的补充或者替代选择。......
2022-08-25 08:58:00
2757
原创 CSS模块化解决命名冲突---css module
CSS作用域是全局的，项目越来越大，人越来越多，命名慢慢成为了问题,难免会出现命名重复的问题，于是也诞生了相应的模块化解决方案。目前有这几类：BEM即为块级元素修饰字符（Block Element Modifier），以 .block__element–modifier 形式命名，即 .模块名__元素名–修饰符名 三个部分，用双下划线 __ 来明确区分模块名和元素名，用双横线 – 来明确区分元素名和修饰符名。这种命名主要还是人为去遵守命名约束Atomic CSS是原子化的CSS，就是将单一的属性封装一个
2022-06-30 17:08:00
1481
1
原创 如何看待低代码
通过数据采集，基于```Vue```框架上完整的实现的低代码台源码也还行，有些项目配合低代码的dome来讲解低代码原理的实现有很大的帮助。基于```React```框架上大多数与其它框架配合使用的比较多。像阿里的低代码引擎，有一个完整的项目，可以运行，预览，发布，阿里开源的一个低代码引擎源码 starts数量数已经达到6.9K。很多的dome也是模仿这个开源框架来写的，可以说很多的都是有点重复了。还有一个比较流行的就是```amis```前端低代码框架。。。。......
2022-06-29 09:41:49
3021
原创 CSS常用的一些属性
本人从GitHub整理的一些说比较常用重要的CSS属性哈，它写的比较多，我就把一些比较复杂，不怎么用到的删掉了，留下那些相对于我来说比较常用的。
2022-06-16 10:34:52
519
转载 Nginx详细学习介绍
Nginx 是一款面向性能设计的 HTTP 服务器，能反向代理 HTTP，HTTPS 和邮件相关(SMTP，POP3，IMAP)的协议链接。并且提供了负载均衡以及 HTTP 缓存。它的设计充分使用异步事件模型，削减上下文调度的开销，提高服务器并发能力。采用了模块化设计，提供了丰富模块的第三方模块。所以关于 Nginx，有这些标签：「异步」「事件」「模块化」「高性能」「高并发」「反向代理」「负载均衡」Linux系统：Nginx版本：CentOS 6.5 我安装的时候是选择的“基本服务器”，默认这两个包都没
2022-06-15 14:22:16
208
原创 SVG图像使用
SVG 是一种基于 XML 语法的图像格式，全称是可缩放矢量图（Scalable Vector Graphics）。其他图像格式都是基于像素处理的，SVG 则是属于对图像的形状描述，所以它本质上是文本文件，体积较小，且不管放大多少倍都不会失真。...
2022-06-08 15:34:24
2994
转载 SSR 服务端渲染
闲来无事，研究一下SSR，主要原因在于上周一位后端同学在一次组内技术分享的时候说，对前后端分离、服务端渲染特别感兴趣，在他分享了后端微服务之后，专门点名邀请我下周分享服务端渲染，然后我还没同意，领导就内定让我下周分享了（其实就是下周愿意下周分享，我是那个替死鬼）。本人主要从个人角度介绍了对服务端渲染的理解，读完本文后，你将了解到：在讲服务度渲染之前，我们先回顾一下页面的渲染流程：在没有AJAX的时候，也就是web1.0时代，几乎所有应用都是服务端渲染（此时服务器渲染非现在的服务器渲染），那个时候的页面渲染大
2022-06-08 15:08:20
6747
1
原创 js常用数组方法
这是对原生js常用的数组方法进行总结以及对一些方法进行重构，记住一些常用的数组方法，再开发中，可以让我们快速使用，不过我也一般记不住，但还是多看看吧，让自己有个印象，用到的时候可以更好的百度，更有利于面向csdn编程，哈哈哈。...
2022-05-31 14:10:01
316
转载 通过ESLint和Prettier统一团队代码规范
无规则，不成方圆，套在前端来说也适用。在一个前端工程里，每个人的编码习惯，风格，ide等不同，如果不对代码进行有效的规范，那提交的代码就会非常别具特色。因此，我们需要在自动化层面就定义好规范，当其他同事提交代码后，都是统一格式化后的代码。
2022-05-26 17:02:35
1032
原创 前端通过 MediaDevices.getUserMedia()实现调用摄像头拍照保存
MediaDevices.getUserMedia() 会提示用户给予使用媒体输入的许可，媒体输入会产生一个MediaStream，里面包含了请求的媒体类型的轨道。此流可以包含一个视频轨道（来自硬件或者虚拟视频源，比如相机、视频采集设备和屏幕共享服务等等）、一个音频轨道（同样来自硬件或虚拟音频源，比如麦克风、A/D转换器等等），也可能是其它轨道类型。
2022-01-15 23:25:34
2728
原创 create-react-app 使用craco修改webpack编译时输出隐藏日志信息
前言：create-react-app 项目名，创建出一个项目来，使用yarn start的时候发现输出很多的日志信息，这些日志信息开发的时候像我这种只有做项目优化的时候才想看到，但是进行开发的时候我们并不想看到。如图：如何使用 craco修改webpack参考这篇create-react-app craco进行webpack配置(修 改篇)不过不能完全安照他的来，安装的时候要使用yarn add来安装使用npm可能装不上。然后我只说怎么屏蔽这些输出，如果在craco.config.js文件你直接
2022-01-13 15:17:59
1360
2
原创 Package jenkins is not available, but is referred to by another package. This may mean that the pack
这几天想要实现Jenkins自动化部署，我使用的是ubuntu，一执行 apt-get install jenkins都是报下图的错。怎么装都装不上去，换了源，利用其它的还是装不上去。今天终于成功了。一开始安装的时候就应该去检查一下安装环境，谁叫我是小白呢，没这个意识。后来才想起，哭死。1.检查系统环境通过 cat /etc/os-release 命令检查系统环境发现我的环境需要安装python-software-properties(就是这个我找了两天，哭死)sudo apt-get in
2022-01-05 15:26:29
2012
原创 nodemon : 无法将“nodemon”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。
首先：我们使用一个第三方工具，nodemon来帮助解决频繁修改代码重启服务区的问题nodemon是一个基于node.js开发的一个第三方命令行工具，使用时需要独立安装。//执行这条执行进行全局安装npm install --global nodemon在执行你的文件nodemon index.js只要通过nodemon app.js启动服务，则它会监视你文件的变化，当文件发生变化的时候，自动帮助你重启服务器.如果还是不行报以下的错误出现下图解决方案：管理员身份打开powershell
2021-12-25 20:50:59
986
转载 React Hooks: useRef, useImperativeHandle, forwardRef的使用方法
大家都知道React中的ref属性可以帮助我们获取子组件的实例或者Dom对象，进而对子组件进行修改，是一个很方便的特性。在传统类组件中，我们通过使用 React.createRef() 创建的，并通过 ref属性附加到 React 元素来使用。而随着hooks的越来越广泛的使用，我们有必要了解一下在函数式组件中，如何使用Ref.想要在函数式组件中使用Ref，我们必须先了解两个Api,useRef和forwardRef
2021-12-24 15:16:40
849
原创 浅谈XMLHttpRequest
XMLHttpRequest浏览器在XMLHttpRequest类上定义了它们的HTTP API,这个类的每个实例都表示一个独立的请求/响应对，并且这个对象的属性和方法允许指定请求细节和提取响应数据。很多年前Web浏览器就开始支持XMLHttpRequest，并且其API已经到了W3C指定标准的最后阶段。同时W3C正在指定“2级XMLHttpRequest”标准草案。XMLHttpRequest对象是AJAX的基础,XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个
2021-12-21 13:45:30
1465
原创 超简单的React项目打包后部署到服务器上
前言：我们都知道有些react项目打包后生成的不管是dist,还是build的文件，直接打开都无法直接浏览到项目，然后查看控制器，就发现它报错。如图：用脚手架创建的 react / vue 项目，已经集成了webpack，只要运行命令：npm run build 或 yarn run build 项目就会编译成功，生成一个dist文件夹，现在问题来了，如何启动这个编译后项目呢。...
2021-12-21 11:25:29
15224
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人