scelmx的博客

在现代软件开发中，随着的流行，许多开发者纷纷将其应用于他们的项目中，以获得更好的类型安全和更清晰的代码结构。然而，对于那些已经有了一套传统的代码库，想要迁移到TypeScript并不总是一件容易的事情。在这篇文章中，我们将探讨如何使用 TS 爆改祖传代码，重点介绍利用YAPI生成TypeScript类型文件的方法。

低代码与D2C之间的联系与，具体流程和实现的分析

打包工具&转译器王位之争，新王esbuild&SWC联手挑战就王webpack&Babel

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、monaco-editor是什么？二、使用步骤1.安装依赖2.编写组件总结前言最近接手了一个新项目，这个项目中有一个需求点就是需要展示json，并且可能还要编辑展示代码，然后我就去调研了关于代码编辑器的有关技术，经过对比决定使用monaco-editor。提示：以下是本篇文章正文内容，下面案例可供参考一、monaco-editor是什么？monaco-editor一款代码编辑器，是微软开源的一个web编辑器，v

前言事情是这样——小组内部组织一次脑暴，我见组内有vue3项目但是没有使用vue3官方推荐的vite，表示疑问，然后就引入了接下来的事情，指派我来试水。啊~这感觉真不错。受命既然要做我们肯定要先考察考察，诶~功夫不负有心人啊，翻到了一个名叫wp2vite的玩意（这玩意是真坑啊），看了下与之相关博客，诶！又让我找到一个关于webpack-to-vite的仓库，心想那就整吧，这不都齐活了么。折磨开始安装wp2vitenpm install -g wp2vite使用cd yourwork/you

背景前两天突然接到任务，说：‘玉玺啊，你加入到xxx的开发中区，先完成一个打包发布并配合xx老师联调一下’，我说好的，但是~问题来了，此前我的代码并没有写过类似的打包的配置，当天下午就是两眼一抹黑，看了一下午，尝试了许多种解决方案，但是都没能解决。最后到了晚上，我突然想起公司的其他项目也有需要打包发布的，我立马去查看，欸！！经过不断的尝试，还是写出来了。方案一使用typescript的原生打包命令tsc，当然使用这个命令的前提是执行npm install typescript [-g]这条命令下去下载

超全自适应布局解决方案，涵盖媒体查询（Media Query）、百分比布局（%）、Flex布局、Rem、vw/vh。

前言：最近在公司做项目遇到了一个看起来很简单，但是就是改了很久都无法改掉的小bug，双滚动条。我试过很多种方式，但是每一种都没办法解决我的问题。方式一平常用的最多的方式。html,body { overflow: hidden; // 都隐藏 overflow-x: hidden; // 隐藏横向 overflow-y: hidden; // 隐藏纵向}方式二这种方式将滚动事件锁定在content类上，滚动事件不会冒泡到任何可能具有滚动属性的父元素，然后再将父元素滚动条隐藏。（就这都没

前言自从在简历上写了使用过nodejs的koa框架起，我被面试官问起node和koa的次数呈指数上涨，为了防止一问三不知的情况再次发生决心去阅读源码。主要文件application.js koa框架的入口文件context.js 创建网络请求的上下文对象request.js 用于包装koa的request对象response.js 用于包装koa的response对象源码分析首先我们看下不使用koa和使用的区别const http = require("http");const ser

前言近两天在公司写登录的时候发现我居然快忘记fetch请求和原生实现请求的方式了，估计是太久没看了荒废了，在此记录一下发起http请求的方式，方便后续自己查看。一、原生请求let xhr = new XMLHttpRequest();xhr.open('GET','url',true)；xhr.onReadyState(()=>{})二、ajax请求// getajax.get( url:url, success:(data)=>{ console.log(dat

前言一开始是不打算更新这篇blog的，因为觉得比较简单没有什么记录的必要，好家伙然后`Git`就给我当头喝棒，把我敲懵了。好接下来我们看下我们平常常用的一些Git的操作。Git 命令1、git status [文件名] 查看工作区、暂存区状态（就是看你自己改了哪些文件），每次提交之前最好是先执行一下，查看改动。2、git pull3、git pull --rebase upstream/new_ui 拉取远程仓库代码4、git add 文件名|. 将改动提交到暂存区（. 是全部提交到暂存区）

前言更新这篇blog的目的是为了帮助想学习前端却不知从什么地方学起，不知道该学什么的同学快速进军前端的基本路线。一、入门首先我们学习任何东西都一样要打下坚实的基础，所以入门必学三件套。HTML5(H5),CSS3,ES5（js）（必学）H5：学习经常会使用到如HTML5表单、音频和视频、离线和本地存储、盒子模型、Canvas即可。CSS3：学习基本写法和特性如(可继承属性)，flex布局JS:学习基本语法，原型链，DOM，BOM，异步函数二、起步学习完了基本使用，我们开始逐渐追求学习得更深入

这些vue知识你真的掌握了吗？1、计算属性和侦听器可能很多对vue已经比较熟悉了，但是你真的了解这两个属性吗2、混入混入在我们自己开发的时候写着很方便，但是别在看到我们的代码后可能就不方便了，所以现在感觉这种写法不是很推崇。但是万一你就是那个看别代码的人呢？？????????3、自定义指令vue除了默认的指令(v-model 和 v-show)外，你还可以自己拓展指令。这听起来就很好玩4、插槽...

1、Vue是什么可能很多小伙伴都已经知道了，但是我还是啰嗦一下， Vue是一套用于构建用户界面的渐进式框架，是前端三大框架中最简单易学的框架。2、为什么要学Vue我上面也说了，这是前端最简单的框架，对新手比较友好，建议新手玩家都先从Vue上手.，最简单意味着学习成本比较低，而且Vue大小比起其他两个框架要小，Vue压缩后20kb，React压缩后34kb左右,Angular压缩后大概是60Kb左右。Vue核心响应式更新机制，就是说当我们的数据更新之后，视图会自动的刷新。3、如何创建Vue项目3.1

es6新特性 模板字符串，spread/rest操作符，Reflect对象基本用法及可用方法，新特性间结合出来的新玩法，大家可以自己去试试

es6能够让我们按照一定的模式，从数组或对象中提取值并赋值其他变量，这被称之为结构赋值，接下来让我们看看一个简单的例子。var [a,b,c] = [1,2,3];console.log(a); // 1这段

原型链在讲解原型链之前我们先来看看在你创建对象时发生了什么，接下来我们试着分析一下，下面的这段代码到底做了什么事。new Date();这段代码干的事情如下1、创建了一个新的对象2、将这个对象接入原型链3、绑定this4、返回这个对象ok，我们开始解释原型链。。。那么什么是原型链呢。我们都知道每个对象都有自己的 [[proto]]属性，这个proto指向该对象的构造函数的原型对象例如 var date = new Date() console.log(date.__pro

DOM是Document Object Model(文档对象模型)的缩写，DOM 定义了所有 HTML 元素的对象和属性，以及访问它们的方法。如何获取DOM?原生获取方式如下：// 方式一 根据id获取dom节点document.getElementById("id");// 方式二 获取标签名称为参数的dom节点，返回一个数组document.getElementByTagName("ul");//方式三 获取class="hh"的dom节点，返回一个数组document.getEle

这次我们来缕一缕Js的数据结构。1、首先登场的是大家都比较熟悉的数组接下来让我们先看看如何定义数组吧。// 方式一let arr1 = [];// 空数组// 方式二let arr2 = new Array(5);//创建长度为5的空数组,不写参数即 为没有长度的空数组// 以上都是常见的写法,接下来是不太常见的写法// 方式三let arr3 = Array.of(1,2);//创建了一个长度为2数组并填充为1，2// 方式四let arr4 = Array(5).fill(3

函数是Js里比较重要的知识，本篇博客讲解了比较常见的定义函数的方式及特殊的函数形式和函数的this指向。看完这篇博客相信你对函数及作用域会有一个相对清晰的认识，在es5中的"类"也是一个函数，不过在本篇中不做讲解。

记录一下JS变量js变量类型有如下几种:number,string,boolean,null,undefined,symbol,object：{Array,Object,Function,Date...} //这一系列是引用类型其中Object为引用类型存放在堆内存中，其余的为值类型存放在栈内存中定义变量的方式及区别：// 方式一var a = 111; //不会劫持作用域，如果不赋值会默认初始化为 undefinedvar a = 222; // 再次定义会覆盖//方式

KMP模式匹配算法思想：目标串 a 下标为 i 与模式串 b 下标为 j 自第一个字符开始比较，相等则，i、j 同时自增，如果不等则 b[j] = next[j] 数组的下标。next数组是根据模式串 b 得出的，可以大致理解为，b[j]当前下标之前有多个前缀等于后缀。话不多说，上代码// An highlighted block (function speedOrder...

nodejs踩坑，今天小菜鸡的我又中坑了。今天在查询数据的时候发现的问题，我从MySQL中查询数据返回的结果[ { shop_id: 1,shop_name: ‘111111’,shop_password: ‘111111’,gender: null,realname: ‘6666’,phone: ‘6666’, pic_id: 12,authentication: ‘1’,audit_sta...

今天使用node.js远程连接MySQL出现了一些问题。希望此篇文章能帮助到那些和我一样的代码新手。以下是连接远程数据库的代码。代码是对的，然鹅我并不能连接上，通过百度看到需要新建一个用户对它进行权限设置通过 GRANT ALL privileges on . to “root”@"%" IDENTIFIED BY ‘密码’;到此就对用户赋权完毕。如果还不行，就设置你的服务器安全组。...

首先javaScript是弱类型变量的语言其定义变量和函数的方式分别为:var 变量名；函数先静后动以此来确定参数函数功能尽量简化function 函数名([参数1,参数2]){语句;}每个函数都自带了一个arguments的参数对象,arguments这个参数类似数组具体如下arguments[0]//第一个参数arguments[1]//第二个参数arguments.l...