- 博客(304)
- 收藏
- 关注
RSS订阅原创 SSE代替轮询？
SSE（Server-Sent Events，服务器发送事件），为特定目的而扩展的 HTTP 协议，用于实现服务器向客户端推送实时数据的单向通信。如果连接断开，浏览器会自动重连，传输的数据基于文本格式。SSE 的传输属于流式传输，流式传输的定义就是允许数据在发送方和接收方在建立连接之后，以连续的流的形式传输，不需要频繁的断开和建立连接。单向通信，服务端向客户端推送数据，客户端无法发送数据给客户端基于 HTTP 协议如果连接断开，浏览器会自动重新连接SSE 仅支持文本数据传输。
2024-07-01 13:33:39
340
原创 分析一下你的项目代码，给项目瘦瘦身
最近新起了一个项目，自己对一些结构有自己的坚持（或许说是习惯），于是要求另一个开发最好也做一些全局方面的代码结构和代码使用。个人觉得，如果对这块有一点洁癖或者是执着的，可以用这两个工具给自己的项目瘦瘦身。而我，既然改变不了别人，那就让自己随波逐流，融入这个项目，能跑就行。看了一下结果，有一些重复检测的有点不太合适，比如一些标签，居然检测出来是重复的。有些是代码风格不一样，需要理解，一些理念不一样，也需要理解。最后就是能跑就行，管他呢，大家一起堆。鄙视屎山代码，理解屎山代码，写出屎山代码。
2024-06-14 15:34:35
664
原创 分析一下你的项目代码，给项目瘦瘦身
最近新起了一个项目，自己对一些结构有自己的坚持（或许说是习惯），于是要求另一个开发最好也做一些全局方面的代码结构和代码使用。个人觉得，如果对这块有一点洁癖或者是执着的，可以用这两个工具给自己的项目瘦瘦身。而我，既然改变不了别人，那就让自己随波逐流，融入这个项目，能跑就行。不是想抱怨什么，有些是代码风格不一样能理解，一些理念不一样也能理解。最后就是能跑就行，管他呢，大家一起堆。看了一下结果，有一些重复检测的有点不太合适，比如一些标签，居然检测出来是重复的。鄙视屎山代码，理解屎山代码，写出屎山代码。
2024-06-11 16:28:40
469
原创 记录 unplugin-vue-components不生效
我还特地去提了个 issue，结果别人用这个 repo 可以，我就让两三个同事试试，结果惊呆了我，都可以，node 版本一模一样，有一个把整个项目打包给我（包括 node_modules），我的电脑还是不行。之前用 vite + VUE3 + TS 开发了几个项目，最近因为一个新项目，想着升级这些版本，就重新起了一个项目，结果遇到了然自己爆炸的问题。最终结果是我降了版本，v0.26.0 可以，我顺便也去提了 issue，描述了一下跟电脑有关系，结果不知道什么时候可以回复。
2024-06-11 16:26:22
398
原创 前端需不需要控制并发请求？浏览器自带并发控制？
不知道为什么，最近大数据给我推荐了几篇前端做控制并发的文章，技术实现是没任何问题，使用到的技术核心也不错，就是应用的地方就有点问题了。
2024-05-31 15:04:55
376
原创 文字可以有多优美 文字可以多震撼人心
2、酒入豪肠，七分酿成了月光。余下三分啸成剑气，绣口一吐，就半个盛唐。1、矮人看戏何曾见，都是随人说短长。3、人生如逆旅，我亦是行人。
2024-04-22 14:27:18
341
原创 WebAssembly 基本了解
现代浏览器朝着第二操作系统一路狂奔，网页在线 PS、3D 地图、音视频编解码、游戏引擎等等应用，都在浏览器实现了，这都是基于 WebAssembly。WebAssem应不应该卷起来？
2024-04-18 14:44:35
363
原创 认识一下npx
npx 的好处肯定就显而易见了，不用全局安装，节省了空间，每次使用的包都是远程最新的，对于那些只需要偶尔使用某些命令或工具的情况非常有用，如果是想要用不同的版本，npx 的优势也是很明显，根本不会版本冲突。缺点就是每次都得下载一下，网络不好的情况，需要一定的时间，如果不是常用的，用 npx 会很方便快捷，如果是常用的，还是建议全局安装一下。如果想看 npx 的缓存位置可以用 npm config get cache，里面_npx 就有，但是时效和什么时候清除，怎么样的机制清除，没找到对应的官方文档。
2024-01-22 10:52:29
511
原创 免费部署静态网页，国内外访问套餐 GitHub Pages、Vercel、CLOUDFLARE
部署自己的博客或者前端静态页面，要嘛找一些免费托管平台，要嘛自己买服务器和域名。买了服务器，还得自己配置 nginx 和域名解析等。如果希望国内外都能访问，服务器最好是香港的，域名也可以不用备案。如果只是博客，有一些免费的托管平台，可以很容易的实现。
2023-12-26 15:38:29
1452
原创 不用框架，本地启动接口代理
当在一些很古早的项目，或者非常临时的，想要在项目里请求一下服务器的接口，这时候，很少有那么好的后端临时开启所有可跨域，需要前端自己解决。使用框架，无非就是本地启动了一个服务，转发了本地发起的请求，在没有使用框架的情况下，我们也可以使用 node，自己启动一个服务做代理。一些不用框架，或者临时使用的话，还是蛮好用的，当作一个项目放着，用的时候就启动，甚至可以放到自己所在的项目里面，当作工具用。欢迎关注订阅号 coding个人笔记。
2023-12-21 17:08:20
452
原创 mongodb 安装
作为一个前端开发，操作数据库太过困难了，而 mongo 的操作语法就是 json，对前端非常友好，对于我这种技术水平，肯定是非常合适的。
2023-12-13 16:59:41
402
原创 GitHub Copilot 替代品？
应该没人不知道代码补全这个东西了吧，第一次使用 GitHub Copilot 之后，只觉得真香，现在居然还有一点离不了了。后面因为收费原因，就没再用了，找了一个 tabnine 替代，用了几天，体验是真的比不上 GitHub Copilot。现在市面上 AI 代码提示补全的插件蛮多的，好用不好用就得另说了，今天推荐几个。功能、支持的 IDE、支持的语言，大同小异。
2023-11-24 16:53:49
1858
原创 Web Component
MDN 上面的解释是 Web Component 是一套不同的技术，允许你创建可重用的定制元素（它们的功能封装在你的代码之外）并且在你的 web 应用中使用它们。其实挺语义化的，就是组件的意思。相对于 react 和 vue 可以很容易的创建一些组件，原生的最早之前对组件的概念非常弱。Web Component 的一个愿景就是可以使用原生的创建组件，跨越不同团队不同项目不同框架共用组件。
2023-11-14 13:56:54
159
原创 tailwindcss 与 daisyUI
说句实话，开发过的大部分项目，UI 都是参考了 element、antd 等流行的 UI 组件库，而且一些组件是真的开箱即用，如果只是 input、button、select 等，很容易就封装了，但是一些 swiper、transfer、tree、dialog 等，涉及交互的，要自己封装一遍，是真的有难度，时间成本也真的挺高的。其实代码是否优雅，取决于写代码的人，不在于插件、框架，所以使用tailwindcss存在的那些问题，肯定也是有很好的解决方式，只是还没get到。，确实是非常精美的 UI 库。
2023-11-09 16:39:31
283
原创 内网穿透 cpolar
为什么需要内网穿透，因为公网 IP 是有数量限制的，IPV4（由 32 位二进制数组成）只有 2^32 个，IPV6（由 128 位二进制数组成）理论有 2^128 个，所以没法满足公网 IP 人手一个。然后就是下载，windows 直接双击安装，一直 next 就行，然后链接账号，打开 cmd，输入第三步给的命令，不需要./，生成之后就可以直接用了。用 vite 新建项目进行穿透映射，发现，本地开发的时候，可以实时的更新，外部访问就跟本地开发一样，挺有意思的。，注册一下，选择免费的套餐。
2023-11-02 14:40:12
272
原创 有人真的会去分析代码吗
不分析不知道，其中一个也没这么大，也是怪自己，当时为了扫码，用了好几个插件，代码没删除，所以这么大。而 lodash，最开始的时候没去查一下，lodash 提供了 esmodule 版本，可以按需引入，因为使用的也没有点多，改不改还在思考中（大概率是不改了，怕麻烦）。挺好用的，如果每个项目都大概分析一些，一些比较大的文件，进行优化，应该对越来越大的项目有挺大的帮助，只是，有人真的会去这样分析项目吗。所以，真的有人会去分析代码吗，还是，所做的项目，所在的团队，所在的公司，真的有在做这件事？
2023-08-11 15:03:09
122
原创 程序员也有资源可以互换？
好像每一个到了 30 的程序员都会发出一些不是很正能量的感慨。各种中年危机、离职 X 个月、被裁、转行等的分享文章在不同平台都能搜索到。
2023-07-24 14:45:43
82
原创 本地调试 https
前端开发，正常情况是不需要用到 https，免不了一些比较特殊的功能需要 https 才能调试，之前做的拍照扫码之类的，要用到摄像头，电脑 localhost 可以直接用，想用手机去测试就得 https。如果都是用 webpack、vite 等搭建的项目，自带提供了 https 的启动。除了自带的会很方便调试，其他就得自己本地安装证书了，用 OpenSSL 之类的，按照文档一步一步下来应该也能实现，只不够对于小模块功能调试，最理想的还是能快速启动，而不是还需要生成配置之类的。
2023-07-12 15:50:03
199
原创 vite新建vue3项目及安装插件笔记
有时候安装了依赖，typescript 会报错，修改编辑器和项目的 typescript 版本，ctrl+shift+p，然后输入 typescript，选择版本，使用 work space 的版本。tips:后面安装了一些其他东西，不知道为什么主题色不生效了，被覆盖了，在 main.ts 用 import()定时器引入才有用，没找到是因为配置哪个导致的。不知道是不是先入为主的观念，vue 就是使用 element，antd 用过一次，感觉是比 element 好，安装 antd 就不试了。
2023-06-13 17:17:48
2466
原创 了解一下ES module 和 Commonjs
最近测试了几个 ES module 和 Commonjs 的例子，理解了之前不太理解的概念，记录一下。当然，不会系统的从模块化 xxx 开始，要是想多了解的可以去看看阮老师的 Module 那部分。会贴一小部分的代码，不会贴所有验证的代码。
2023-05-26 14:10:46
1122
原创 WEBRTC 实现浏览器拍照
另外视频可以设置前置和后置摄像头，分辨率，video 是对象，user 是前置，environment 是后置，width/height 是分辨率，移动端可能还反着来，就是这个分辨率一直不知道是怎么可以设置全，因为拍照的框是固定的，所以很难设置的刚好，如果只是播放视频还好，通过判断分辨率然后用 css 控制 object-fit，是 cover 还是 contain，如果是 fill 就有肯能变形。欢迎关注订阅号 coding 个人笔记。
2023-04-18 15:13:04
213
1
原创 了解了解设计原则
设计模式都是为了让代码迎合其中一个或多个设计原则而出现的，所以面向对象的设计原则可以说是设计模式的基础思想。也有一些人用 SOLID 表示设计原则，首字母组合，最后一个合成复用原则被认为不够经典也不容易违背。
2023-03-23 09:59:16
204
原创 canvas 实现签名小 demo
现在使用网页进行签名的业务场景非常多，自己用到的就有银行和移动办理业务的时候使用电子签名。网页实现电子签名其实也挺容易的，canvas 标签非常容易实现，再加上可以导出签名图片，几十行代码就实现了。
2023-03-20 16:09:01
114
原创 WebRTC实现一个网页在线录制视频
电脑录制视频几乎不会用到，当有需要的时候就各种找软件找工具，并且都会找免费的。现在市场上肯定有很多符合需求，只是那么偶尔的情况下，而且使用场景不是那么多要求的情况下，一个网页在线直接录屏，nice
2022-11-22 11:23:19
1175
原创 你不知道的cookie
提起cookie最基础的几个属性肯定是可以请求自动携带、大小、本地缓存、后端自动注入、携带cookie会引起跨域。而有几个不常用的却很少提及。
2022-11-17 17:06:31
329
原创 flex的几个属性
flex弹性布局已经是本人开发css布局的第一首选了，各种布局都能够非常轻松的实现，只是一直只使用两个属性justify-content、align-items。当我深入学习了一下各种属性之后，发现之前的用法有点没眼看。
2022-09-23 16:57:03
594
原创 Pinia不就是Vuex5？
刚开始使用vue3的时候，全局状态管理器都是使用pinia。还没去了解的时候并不明白为什么要换掉vuex，毕竟是用了好几年的状态管理器，能达到的效果和语法跟vuex几乎一模一样，所以为什么要换？当时创建模板项目的也没说清楚，就说是vue3团队推荐使用的，大家都在用，那就用吧。其实并不喜欢这样的答案，大家都用那就用。去官网看看，去Vuex GitHub看看，这不就是vuex5吗，只是换了个名字。
2022-09-05 14:36:07
313
原创 了解一下pnpm
pnpm早在五年前就发布了第一个正式的版本，一直到现在使用的还是不多。抛开速度和安全性（并不觉得这两点是抛开npm或者yarn的重点），高效利用磁盘空间和支持monorepo是最大的特性
2022-08-12 13:43:07
1088
原创 了解一下Monorepo
Monorepo和pnpm很早之前听说过，只是一直觉得暂时用不上，就没有去了解。而越来越多的知名开源项目开始使用Monorepo策略，vue3、vite在去年九月十月就迁移使用pnpm。
2022-08-10 15:40:02
318
原创 node版本管理器nvm安装及切换
这两年，只要是安装最新的稳定版本的node，一般都不会出现版本过低的情形。然而，自己碰上了版本过高，依赖安装失败、依赖版本语法不兼容。能怎么办，只能更换版本。第一次安装node，npm版本是跟node版本绑定一起的，之后重新覆盖node，npm并不会跟着更新，需要手动更新npm到最新：npm install -g npm也可以更新到指定版本：npm -g install npm@6.8.0安装node到指定版本方法就多了，最简单就是安装覆盖，没试过使用第三方卸载node再去安装会怎么样，直接覆盖是可以的
2022-06-30 15:40:56
1128
原创 CSS命名法BEM与scoped、module
CSS命名法之BEM与scoped、module。CSS命名其实挺随意的，使用驼峰、-、_都可以，并不影响使用，常用的应该是-和下划线
2022-06-14 15:21:58
255
原创 IntersectionObserver 是否进入了“视口“（viewport）
是否进入视口的使用场景还是很多的，一般第一时间想到的就是监听滚动，关键是scroll很密集，计算量很大，如果做个防抖节流性能还能优化一些，否则性能问题就很有可能发生。IntersectionObserver这个API已经存在很多年了，从来没用过，兼容性几乎也不用考虑：使用API：var io = new IntersectionObserver(callback, option);// 开始观察io.observe(element);// 停止观察io.unobserve(element);
2022-05-27 14:46:10
202
原创 vue使用对象进行父子组件双向绑定
vue父子组件传值，子组件不难直接修改父组件的值，所以都是用emit去修改。vue也提供了.sync和v-model组件传值的语法糖，可以更快的修改，但总归是要使用emit。这次做项目，发现了一个可以直接双向绑定到input的方法，那就是直接传递对象，用深浅拷贝的原理，直接双向绑定。直接引入vue2.x试了一下：<div id="app"> <children :obj="obj"></children></div><script src
2022-05-17 15:14:11
693
原创 npm安装PYTHON env
最近拉了几个GitHub的项目，好多个安装依赖的时候就报错了，其中一个node-sass的我是真没想到。先说说npm、cnpm、yarn install的时候，同一个项目会有不同的结果，在同一个项目下： npm:npm ERR! Found: swiper@6.8.4npm ERR! node_modules/swipernpm ERR! swiper@"^6.3.5" from the root projectnpm ERR!npm ERR! Could not resolve depe
2022-05-11 15:00:35
2468
原创 CSI.JS前端日志系统
做了那么多项目，后端的日志系统是必须的，前端的日志系统倒是从来没做过。 如果有机会，倒是很想试试，今天分享一个前端的报错插件CSI.JS，标题就是重建犯罪现场。 CSI.JS GitHub地址 CSI
2022-05-06 14:15:03
277
原创 vite-plugin-mock使用
开发流程很多，不同公司都有自己的一套流程，甚至一套公司里面不同的组都有自己单独的开放流程。对前端来说，很多情况静态页面写好了，接口给了字段，要是有模拟的数据，页面开发完成，对接的时候只需要稍微调整。所以mock的存在可以节省很多的时间，只不过以前都没用过，因为后端也有很多工具，从来没有前端自己mock过。这次业务需要自己mock数据，所以就使用了一下，发现还挺好用的。今天分享的是vite-plugin-mock，记录一下使用流程及一些用到的配置。安装：npm i mockjs vite-plu
2022-04-15 14:10:02
14640
7
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人