随笔分类 -  前端开发

摘要:后端 .NET 使用 nuget 包 TouchSocket 搭建 **websocket** 服务;前端使用`WebSocket`实例发送、接收数据。前端收到后端发的数据后报如下错误: >WebSocket connection to failed: One or more reserved bi 阅读全文
posted @ 2023-07-03 14:33 sq800 阅读(271) 评论(0) 推荐(0) 编辑
摘要:版本信息: "ant-design-vue": "^3.2.20", ## 背景 Ant Design Vue 使用 Vite 插件 unplugin-vue-components 按需导入,组件上写的 UnoCSS 样式会被覆盖,无法生效。 圆角 10px 不生效: ![image](https: 阅读全文
posted @ 2023-06-16 02:04 sq800 阅读(1142) 评论(0) 推荐(0) 编辑
摘要:## 背景 最近在尝试使用 **ESLint** 取代 **Prettier** 来格式化代码,主要受Antfu博客:https://antfu.me/posts/why-not-prettier-zh 的启发,其中提到的痛点,也确实有遇到。于是决定使用Antfu大佬提供的[eslint-confi 阅读全文
posted @ 2023-06-15 23:30 sq800 阅读(1502) 评论(0) 推荐(0) 编辑
摘要:虽然许多地方 json 替代了 xml,但是仍然有部分领域使用 xml 来描述数据。 可以使用浏览器环境下 js 中 dom 的 API,来快速构建 xml 文本,避免手动拼接字符串。 ```js // 创建 XML 文档对象 let xmlDoc = document.implementation 阅读全文
posted @ 2023-06-05 22:27 sq800 阅读(296) 评论(0) 推荐(0) 编辑
摘要:## 背景 有时候,我们需要在一个网站上重复地执行某些操作,例如:输入>查询>输入>查询······这时候,我们可以写一个 js 自动化脚本执行这些操作。 对于大多数网站来说,使用web框架如vue进行开发,这些框架使用内部的响应式系统来管理数据,针对input元素,vue的做法是监听它的chang 阅读全文
posted @ 2023-04-13 22:25 sq800 阅读(1041) 评论(0) 推荐(0) 编辑
摘要:针对mxp-prettier格式化插件的个人习惯的配置。 推荐设置代码末尾加分号,在某些debug的场景下,添加分号便于调试器准确定位代码。 配置文件路径: >工具-->设置-->插件配置-->mxp-prettier-->打开文件.prettierrc.js进行配置 ```js //.pretti 阅读全文
posted @ 2023-03-29 11:02 sq800 阅读(2446) 评论(0) 推荐(0) 编辑
摘要:目录webview2 简介搭建开发环境创建WPF项目创建前端项目项目打包前后台通信js调用C#对象通信测试社区共建 本文适合对 web 前端和 WPF 有一定了解的人。 webview2 简介 Microsoft Edge WebView2 简介 搭建开发环境 webview2 支持 win32 C 阅读全文
posted @ 2023-02-09 16:12 sq800 阅读(8585) 评论(5) 推荐(2) 编辑
摘要:先记录一下 阅读全文
posted @ 2022-11-28 16:35 sq800 阅读(17) 评论(0) 推荐(0) 编辑
摘要:## 背景介绍 在JS的世界中,需要逐字节处理甚至逐位地处理数据的场景不多。但是在物联网领域,通常使用自定义的**通信协议**,通信使用包含N个字节的`数据帧`来传输数据。一条简单的数据帧用16进制表示,就像下面的示例一样: ``` 6810106878ACEFFF1232432168 ``` 通常 阅读全文
posted @ 2022-11-13 23:11 sq800 阅读(3807) 评论(0) 推荐(0) 编辑
摘要:[toc] >买了把红轴键盘,但是令我意外的是,红轴比青轴省力很多,打字很丝滑,而且白色真的是很经典的配色。 一个丝滑的伸缩导航栏效果,文章最下面有预览地址 ## html结构 ```html align-left anchor angle aperture apple arrow-spin ``` 阅读全文
posted @ 2022-07-29 01:31 sq800 阅读(362) 评论(0) 推荐(0) 编辑
摘要:使用element-plus时,遇到icon图标与文字不对齐的情况,可以使用flex布局使其对齐,设置相同字体尺寸使其美观。 为方便使用,封装一下: ## 新建一个vue文件`IconText.vue` ```html {{ text }} ``` ## 使用 导入 ```js import Ico 阅读全文
posted @ 2022-07-27 09:48 sq800 阅读(701) 评论(0) 推荐(0) 编辑
摘要:v-for是vue提供的一个很方便的遍历渲染的api,可以遍历渲染数组、对象,但是遇到dom对象,行为就变得很怪,只渲染出了第一个属性,暂不清楚跟迭代器有没有关系。虽然遍历渲染dom对象属性没什么意义,但是遍历渲染不出来,还是挺奇怪的。待日后研究一下vue源码,再搞清楚,先记录一下,以待日后解决。 阅读全文
posted @ 2022-07-26 14:17 sq800 阅读(880) 评论(0) 推荐(0) 编辑
摘要:使用 computed被推荐用来描述依赖响应式状态的复杂逻辑。 简单点来说,就是当依赖的状态发生变化,计算属性就会自动更新,并把更新传递出去. 看一个例子: <script setup> import { reactive, computed } from 'vue' const author = 阅读全文
posted @ 2022-07-25 17:34 sq800 阅读(645) 评论(0) 推荐(0) 编辑
摘要:vue2和vue3中,选项式api的写法中data里面声明的变量都是响应式的,无需绑定。组合式api的写法中,需要手动指定响应式。 reactive() 使用reactive()绑定一个响应式对象。 <script setup> // vue3特点,需要先导入要使用的api import {reac 阅读全文
posted @ 2022-07-25 15:05 sq800 阅读(178) 评论(0) 推荐(0) 编辑
摘要:vue3的风格分为选项式api与组合式api,两种写法风格区别较大,但是都能完成任务。其中组合式api可以省去很多代码模板,可以代替选项式api,但是有一些代码,目前阶段只能用选项式api去写。 选项式api 在以前的vue中,就是这种写法。一个vue组件,里面包含一个好几个对象的成员,如data, 阅读全文
posted @ 2022-07-25 10:35 sq800 阅读(77) 评论(0) 推荐(0) 编辑
摘要:前一段时间自己的笔记本硬盘坏了,换了块sn570,重装了系统,所以这一段时间下班后一直在家搭建开发环境,期间遇到了N次报错,搞得心态爆炸(房间的网络太差,加上npm源的问题,双重debuff了属于是)。最终还是靠着Bing搜索一个个解决了,连夜写个博客方便以后查阅。 之前听老程序员讲,现在的程序员遇 阅读全文
posted @ 2022-06-30 23:28 sq800 阅读(964) 评论(0) 推荐(0) 编辑
摘要:本文是对阮一峰教程的学习整理: [grid网格布局]: http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html 1. 称采用网格布局的区域为容器,鄙人认为disply属性为block的元素(如div)应该都可以做容器。 ``` 阅读全文
posted @ 2022-05-19 16:30 sq800 阅读(122) 评论(0) 推荐(0) 编辑
摘要:**预览** [视频地址](https://www.bilibili.com/video/BV1GL4y1v79M?p=5&spm_id_from=pageDriver) ```html ``` ```js var obj={}; var box=document.querySelector("#a 阅读全文
posted @ 2022-03-10 17:41 sq800 阅读(323) 评论(0) 推荐(0) 编辑
摘要:## 题目 用两个栈实现一个队列。队列的声明如下,请实现它的两个函数 appendTail 和 deleteHead ,分别完成在队列尾部插入整数和在队列头部删除整数的功能。(若队列中没有元素,deleteHead 操作返回 -1 ) >来源:力扣(LeetCode) >链接:https://lee 阅读全文
posted @ 2022-02-08 10:25 sq800 阅读(55) 评论(0) 推荐(0) 编辑
摘要:# Rest语法,传入多个参数 js调用函数时可以传入任意数量的参数,而不报错。如果传入的参数没有用到,那么传入多余的参数没有任何用处。为了充分利用传入的每一个参数,我们可以采用Rest语法。 ## Rest语法 在声明函数时,参数可以使用`...args`代替其余的参数,rest就有其余的意思。a 阅读全文
posted @ 2020-11-21 11:14 sq800 阅读(611) 评论(0) 推荐(0) 编辑

more_horiz
keyboard_arrow_up light_mode palette
选择主题
点击右上角即可分享
微信分享提示