- 博客(61)
- 收藏
- 关注
RSS订阅原创 牛客网编程题调试问题(华为研发工程师编程题&JavaScript Node调试)
结果得了0分 哈哈哈哈 我自认为写的还可以(8道题做出来了6到)然后总结原因 就是牛客网这个编译器不当人啊。不是我是来做题的 你的编译器还要我理解下嘛。然后console.log(a + b);我参加了一个华为笔试题(牛客网链接)当切换js的时候都不知道代码写在哪里。如下我就是当时想都没想直接写在下面。代码是写在while里面。它就是你算法需要的参数。
2025-03-20 17:41:43
472
原创 总结Solidity 的数据类型
引用类型的数据存储在内存（Memory）或存储（Storage）中，传递时是「引用传递」，改变值会影响原数据。此外，还有一些特殊类型和全局变量。在 Solidity 中，类型系统非常丰富，主要分为。函数向可支付地址发送以太币（以 wei 为单位）自定义数据结构，用于封装多种类型的变量。可以定义合约类型，支持合约之间的交互。（Value Types）和。属性查询地址的余额，并使用。可以是任何基本类型，但。
2025-03-18 21:36:41
333
原创 React-state响应式内部数据(类组件&Hook两种方式整理)
修改函数的函数名字可以自己定义,但是一般约定熟成的规范使用set开发,驼峰命令的方式来进行修改。建议大家在React中使用内部state数据的时候，使用解构的方式将内容解构出来。这个函数是父组件提供的一个函数，用于React组件强制更新。setState这个函数在修改数据的时候，默认是异步函数。提供一个回调函数，可以在回调函数里面获取到修改过后的值。使用total属性的时候，不要把他当成函数来用。你在修改数据的时候，不想影响代码的执行。立即获取到修改过后的值，无法实现。修改数据的时候还可以使用函数的方式。
2025-03-17 23:53:38
413
原创 Node.js快速总结
● 模块系统: 使用 require() 引入模块，module.exports 导出模块。✅ 模板引擎: 支持 EJS、Pug、Handlebars 等模板引擎。● 事件循环 (Event Loop): Node.js 的异步机制。✅ 跨平台: 与各种数据库（MongoDB、MySQL 等）无缝集成。✅ 静态文件: 可以轻松托管 CSS、JS、图片等静态资源。✅ 中间件机制: 通过中间件实现请求和响应的处理流程。✅ 路由系统: 提供灵活的 URL 路由处理。● HTTP 模块: 构建 Web 服务器。
2025-02-25 12:35:19
348
原创 web3对象如何连接以太网络节点
我们要和以太网进行交互，所以我们要将’ws://localhost:5173’的本地地址换成以太网节点地址，那么这个地址从哪里找呢！当我们实例化web3对象，我们一般开始用本地址，如下。
2024-10-25 23:31:25
523
原创 TypeScript系列之--有趣理解函数类型&泛型
软件工程的一个重要部分就是构建组件，组件不仅需要有定义良好和一致的 API，也需要是可复用的（reusable）。利用泛型，我们可以创建一个支持众多类型的组件，这让用户可以使用自己的类型消费（consume）这些组件。本质上，泛型可以理解为一个类型层面的函数，当我们指定具体的输入类型时，得到的结果是经过处理后的输出 类型 ，平时我们都是对值进行编程，泛型是对类型进行编程。这里的T就好似一个变量，他是什么类型由用户使用的时候传入， 通过泛型我们就能做到了输入和输出的类型统一，且可以输入输出任何类型。
2024-08-18 18:11:01
1108
原创 TypeScript系列之-- 带你深层次理解联合&交叉类型(类型收窄)
比如 Person 有 name 和 age 的属性，而 Student 在 name 和 age 的基础上还有 grade 属性，就可以这么写。如果有一个 getLength 函数，入参是联合类型 number | string，返回入参的 length。交叉类型和 interface 的 extends 非常类似，都是为了实现对象形状的组合和扩展。联合类型 | 是指可以取几种类型中的任意一种，而交叉类型 & 是指把几种类型合并起来。如果要对对象形状进行扩展，可以使用交叉类型 &。
2024-07-17 17:24:33
476
原创 深层次理解JavaScript中的super关键字
let obj1 = { name: '张三', getName() { return this.name; }} let obj2 = { name: '李四', getName() { return super.getName(); }} Object.setPrototypeOf(obj2, obj1);console.log(obj2.getName());
2024-07-16 16:32:07
465
原创 uni-app上传失败超出文件限制解决方法-分包处理-预加载
Error: 系统错误，错误码：80051,source size 2089KB exceed max limit 2MB [20240703 10:53:06][wxbf93dfb6cb3eb8af] [1.06.2405010][win32-x64]分包的页面会出现，第一次进入加载过长，可设置分包页面预加载，只需在pages页面这只即可。如果上述还无法解决，你就只能分包了，下面是整理的保姆教程。如果你是主包要跳转分包的页面，那么你的路径应该是。‘’/主包名/路径’’
2024-07-03 11:30:25
1308
原创 TypeScript系列之-- 带你深层次理解对象类型回归本质探究原理
有的时候，你不能提前知道一个类型里的所有属性的名字，但是你知道这些值的特征。这种情况，你就可以用一个索引类型 (index signature) 来描述可能的值的类型b: 'lin',type可以定义对象类型name: Name实现继承(交叉类型。
2024-06-03 17:54:56
698
原创 判断浏览器是否支持MathML，提供一种浏览器标签渲染兼容的的思路
浏览器兼容 搜狗 猎豹 当我们使用MathML做公式展示，可能最大的问题就是浏览器兼容，当前主流版本都兼容了，可以支持无痕渲染MathML但总有刁民搞事情，比如低版本猎豹，搜狗浏览器。
2024-05-30 18:32:45
458
原创 TypeScript系列之-- 数组和元组类型
第一种，可以在元素类型后面接上[]第二种方式是使用数组泛型，Array如果数组想每一项放入不同数据怎么办？用元组类型。
2024-05-28 14:56:55
275
原创 整理前端新出的操作工具&好用又好玩（Custom Formatter，Oxlint，Nuxt DevTools，component-party）
2.前往proferences中的Console，勾选'Enable custom formatters'选项。Oxlint 是一个 JavaScript linter，旨在捕获错误或无用的代码，默认情况下不需要任何配置。通过各种任务的简单代码片段比较 React、Vue、Svelte、Angular、Ember 等框架语法区别。使vue3中的reactive object 在Chrome在console中更易理解的方式展现。当 ESLint 的完全缓慢成为工作流程中的瓶颈时，它可以作为增强功能。
2024-05-27 14:58:27
510
原创 响应式页面布局处理-一篇打尽
最后，你可以通过给子元素设置 flex 属性来控制它们的大小和扩展方式，flex 属性是 flex-grow, flex-shrink 和 flex-basis。布局即网格布局，是一个二维的布局方式，由纵横相交的两组网格线形成的框架性布局结构，能够同时处理行与列。引入javascript脚本来实现font-size很屏幕之间的计算 ，就是拿到视口的。pc端平常用到的响应式布局 大致就如下三种，当然也会有其他方法，欢迎评论区补充。宽度 根据比例设置相应的根元素字体 从而设置相对参数的基准。
2024-05-24 18:35:52
432
原创 TypeScript系列之-深度理解基本类型&画图讲解
（含 Array, Function,Date.....）以上所有，加上再加上自定义类型。
2024-04-10 18:11:55
658
原创 在VsCode中写vue的css,代码提示一直不出现或提示错误
在我们vue项目正常写css样式，便会出现一下提示，如：但有时无提示，那么这种情况有以下几种解决方案。
2024-04-10 16:34:37
4741
原创 HTTP 常见的状态码以及其适用场景
（客户端继续发送请求，这是临时响应）：这个临时响应是用来通知客户端它的部分请求已经被服务器接收，且仍未被拒绝。：客户端在发送POST数据给服务器前，征询服务器情况，看服务器是否处理POST的数据，如果不处理，客户端则不上传POST数据，如果处理，则POST上传数据。（使用代理）： 请求者只能使用代理访问请求的网页。（临时重定向）： 服务器目前从不同位置的网页响应请求，但请求者应继续使用原有位置来进行以后的请求。：协商缓存，告诉客户端有缓存，直接使用缓存中的数据，返回页面的只有头部信息，是没有内容部分。
2024-04-07 18:31:24
848
原创 git系列之--- git pull 和 git fetch理解与区别
git pull是相当于从远程仓库获取最新版本，然后再与本地分支merge，即git pull = git fetch + git merge。相比起来，git fetch 更安全也更符合实际要求，在 merge 前，我们可以查看更新情况，根据实际情况再决定是否合并。同样如果上述没有冒号，则表示将远程origin仓库的master分支拉取下来与本地当前分支合并。如果上述没有冒号，则表示将远程origin仓库的master分支拉取下来到本地当前分支。在作用上他们的功能是大致相同的，都是起到了更新代码的作用。
2024-04-07 10:30:21
716
原创 设计模式系列之--观察者模式-画图讲解
观察者模式已经是比较常见的设计模式了，并且使用的频率也比较高,那么我们什么时候用，简而言之就是，当我们一个主体改变，它所有下级要跟着改变的时候就需要用了，比如：换肤，全局数据修改，有点类似于全局状态机，只不过它可以监听改变的过程。
2024-03-28 18:52:06
539
原创 面试题系列一之-css画三角形(原理解析)
用html写一个三角形的图标算是一个比较简单的,但是工作中用的还是比较多的，面试也可能会问，但了解背后的原理才能熟练使用。4.如果我们像得到下面的三角形，我们把上面左右隐藏就行，效果如下。然后这样会占用矩形的面积，大小不是三角形，完美的做法如下。
2024-03-14 18:50:34
309
原创 设计模式系列之-策略模式(优化过多代码if…else)
想象有一个开关按钮，每次按下去都可以切换不同的灯光模式（例如：强光、柔光、闪烁），这里的每种灯光模式就是一个策略，而开关按钮就像是上下文，它决定了使用哪种灯光模式。这就是策略模式的核心思想。函数内部包含过多if…else时候就可以用策略模式来优化。简而言之：算法的使用与算法的实现分离开来。1.首先写出需要使用的策略算法。2.然后判断使用的场景。
2024-03-13 16:54:16
503
原创 二次封装 element-plus的Table 表格组件，减少代码臃肿
为什么要二次封装element-plus的Table 表格组件，言简意赅：以后难免会在表格里面加一些统一的逻辑，可以在表格里面书写重复的方法或样式。
2024-03-11 18:25:51
734
原创 解决数学计算公式在前端项目里的展示，涉及换肤适配各个框架
但是我们项目里面用到公式可能就一个页面，引一个第三方库进来会显得十分臃肿，而且配置起来也十分的麻烦，除非涉及公式编辑或者书写的需求。有时候我们项目里面会嵌套一些数学公式说明。3.放到项目里面给相应的样式。
2024-02-21 10:33:23
592
原创 轻松在uni-app中去掉编译后微信小程序的滚动条-告别无用属性&最终解决方案
首先如果你使用的是页面级滚动，即使uni-app中的pages.json中有相关配置，在编译到小程序中也是没有效果的，因为小程序原生不支持，如下：那么在uni-app页面滚动是不是scroll-view，答案是的，但是我们没办法在顶层设置，因为官方没有暴露相关api，那么要想去掉滚动条，我们就只能在自己的页面使用scroll-view视图组件，取代全局的滚动视图。下面上简易代码效果图：如果你的组件不是占满全屏，比如有头部导航。
2024-02-02 14:16:25
3114
4
原创 循环渐进的玩转拖拽vue-draggable-plus
我们在做分组拖拽的时候，会用到VueDraggable，它是基于, 但我们想实现一些功能，可能很难在它的文档上找到相应的api，所以下面使用几个需求(双组拖拽，大小限制，头部尾部默认项，)，深度理解这个VueDraggable组件库的用法。
2024-01-30 15:44:07
1804
原创 扒一扒2023谷歌调试工具Chrome DevTools 的新功能，说不定用的上
有时，您只想运行代码一次，无论加载页面多少次，且如果代码在服务器上运行，您不想在客户端上再次运行它。支持对象语法的 Nuxt 插件，以便更好地控制插件顺序和更容易的挂钩注册。为此,有一个新的工具：callOnce。可以直接在文件中自定义内置选项。，在第一次使用它们时自动安装。Nuxt3.7版本中默认打开。该版本支持 Vue 3.4。您可以设置以下配置，关闭。该版本支持Vue3.3。
2024-01-28 13:25:42
371
原创 2024年了，Nuxt3新特性，总结一波
有时，您只想运行代码一次，无论加载页面多少次，且如果代码在服务器上运行，您不想在客户端上再次运行它。支持对象语法的 Nuxt 插件，以便更好地控制插件顺序和更容易的挂钩注册。为此,有一个新的工具：callOnce。可以直接在文件中自定义内置选项。，在第一次使用它们时自动安装。Nuxt3.7版本中默认打开。该版本支持 Vue 3.4。您可以设置以下配置，关闭。该版本支持Vue3.3。
2024-01-26 15:36:58
910
原创 2024年了，vue3.0过去一年的变化&新特性你必须要了解，一篇文章带你搞定
在 3.2 及以下版本中，defineProps() 的泛型类型参数只能使用类型字面量或者本地接口的引用。此限制现已被 Vue 3.3 解决。
2024-01-26 14:38:11
719
原创 2023css新特性总结
若要创建简单的弹出式窗口，您可以向弹出的元素添加 popover 属性和 id，然后使用 popovertarget=“my-popover” 将其 id 属性与调用按钮相关联。Chrome 111 中将这些函数联接起来就是三角函数 sin()、cos()、tan()、asin()、acos()、atan() 和 atan2()设置非直接父级元素的样式，则需要为该元素提供 container-name，并在样式查询中引用它。标记），从而在视觉上拆分您的内容。，并将其与滚动条的滚动偏移量相结合。
2024-01-26 11:34:45
768
原创 uni-app&小i程序富文本样式错乱
我们在uni-aap项目中可能会用到富文本，使用内置组件rich-text但是渲染效果并不好原因：后端抓取的富文本单位不是相对单位，等原因，渲染效果不是很理想。这时候解决方法，抛弃原生的rich-text内置组件，改用第三方mp-html库。
2024-01-25 18:30:25
627
1
原创 export * from ‘./lib/export/core.js‘&SyntaxError: Unexpected token ‘export‘的报错
当下载运行的时候就会一直报一个错误。
2023-08-18 17:50:13
1142
原创 在数组遍历中使用Object.assign()对象合并，结果、值总是为最后一个值
当我在数组遍历循环中用Object.assign()进行合并对象，但是数组里合并的对象默认都为最后一个值了。
2023-03-06 20:13:29
525
原创 异步跳转火狐拦截 请求后跳转火狐拦截 Fiefix拦截了此网站的1个弹窗
当我们从和后端请求数据后，然后根据请求来的数据判断是否跳转页面，或请求到数据再跳转，火狐、EDG浏览器就会拦截
2022-10-23 21:49:11
613
原创 无限下拉滚动条设置，滚动监听上拉滚动条设置置底
当我们使用滚动监听，并由无限滚动上下滑动，同时兼顾发送请求那么这是就会出现一个问题如何在请求到数据，并渲染完dom操作，将滚动条设置到我们想要的地方核心技术：watch 监听 + $nextTick（）下面上代码监听 mounted() { this.box = this.$refs.container // 监听这个dom的scroll事件 this.box.onscroll = cardList => { this
2022-04-01 15:29:30
537
原创 在vue中引入less文件样式乱了,当用@import url(‘..‘)； 引入时发现没有效果的情况
在vue中引入less文件样式乱了，这时候…当用@import url(’…’); 引入时发现没有效果的情况将上图scoped去掉就好了，当加上scoped会在标签中加一个唯一标识，造成的结果就是只有在该组件中的css样式时有效的...
2022-04-01 15:05:57
3112
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人