- 博客(40)
- 收藏
- 关注
RSS订阅
原创 uniapp+vue+ts开发中使用signalR实现客户端和服务器通讯
WebSocket本质上是一个基于TCP的持久化协议，相对于HTTP这种非持久的协议来说，它能够更好的节省服务器资源和带宽，并且真正实现实时通信。最大的缺点就是对旧版本浏览器不支持。至此SignalR的出现，完美的解决了种浏览器的问题，SignalR不仅可以实现WebSocket的所有功能，还对旧版本浏览器做了支持。提供多个受支持的平台，其中每个平台都有各自的客户端 SDK。监听返回的数据目标是不是针对当前客户端，是的话将返回的数据做处理。对返回的数据类型做判断，展示对应的电视机界面，并在界面中可以通过。
2024-09-03 22:44:17
743
原创 vue3+ts封装一个uniapp的自动滚动列表，实现看板效果
自行配置滚动时间，滚动的高度默认为一行数据的高度，当数据更新的时候，会对新旧数据进行比较，在旧数据的基础上删除解除异常了的数据，将新增异常数据加到数据的最顶部，重新开始从顶部滚动，实现数据在电视机上的实时刷新和展示
2024-08-31 09:06:54
1368
原创 随手笔记【六】
针对于el-select的下拉选框移位，可以通过属性解决，默认为true，设置为false的时候定位不会出现问题。（大多数是因为响应式的设置，导致定位不准确）隐藏实际输入值，并以指定符号替代.post()接受三个参数，可以在config传递对应request的参数，比如，此时headers可以在中查看到。适合实现电子签名携带信息。获取远程所有分支模拟部署到服务器上watch的。
2024-12-27 14:51:59
451
原创 跨域问题和前端攻击
通过该服务器转发请求至目标服务器，得到结果再转发给前端，但是最终发布上线时如果web应用和接口服务器不在一起仍会跨域。将请求分为简单请求（Simple Requests）和需预检请求（Preflighted requests）简单请求：不会触发预检请求的称为简单请求。：当一个请求不满足以上简单请求的条件时，浏览器会自动向服务端发送一个。头，告知浏览器端通过此请求。为我们起一个本地服务器作为请求的代理对象。脚手架工具搭建项目，我们可以通过。发送请求中，配置请求的根路径。请求，通过服务端返回的。
2024-10-15 17:30:25
790
原创 高频CSS总结
盒模型、BFC、选择器权重计算方式、清除浮动、垂直居中、CSS3新特性、隐藏页面元素、em/px/rem/vh/vw区别、flex布局、CSS提高性能、画一个三角形、两栏布局：左边定宽，右边自适应方案
2024-10-10 16:54:25
1498
原创 枚举值实现下拉和tag展示的组件封装（vue2+js+elementUI）
使用vue2+js+elementui实现枚举值组件的封装，用户可以根据传值来控制枚举值是下拉选择还是使用tag样式展示，或者是直接呈现label
2024-09-30 16:37:20
994
原创 随手笔记【五】
无法将“pnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。 uniapp+vue3+ts中组件@change、click、focus、blur等方法的传值。 对象不为空，但是push进对象数组的时候为空 git提交之后，所有文件变成更改状态，但是实际没有任何改动
2024-08-31 09:25:15
413
原创 随手笔记【一】
只会在组件渲染完成之后生效，并且它们不是响应式的。这仅作为一个用于直接操作子组件的“逃生舱”——你应该避免在模板或计算属性中访问。它将应用程序中的组件与它们当前的组织方式耦合起来，使重构变得更加困难。因为在解析一个像这样的复杂表达式的时候，有很多边缘情况需要考虑。(如 title) 都作为一个独立的。传进去，然后各自添加用于更新的。当我们用一个对象同时设置多个。的时候，也可以将这个。
2024-08-02 11:43:54
407
原创 苏州某小公司面试题(一面
数组循环方式(包括迭代方法，foreach能不能被终止，讲一下map的使用，map会改变原有数组嘛，foreach循环会不会改变数组排序方式。介绍一下promiseprmise.all是怎么看结果的，race呢，除此还有什么promise函数。学过什么前端技术轮播图js实现原理(怎么实现最后一张图到第一张图的舒适切换。vshow和vif的区别修改组件的默认样式(不是改源码，可以直接修改吗。组件间通讯方式props传递的属性是响应式的吗，怎么让它变成响应式。怎么进行bug的定位(会不会断点debug。
2023-04-07 10:54:32
188
原创 SPA简单总结
单页应用与多页应用的区别组成 一个主页面和多个页面片段 多个主页面刷新方式 局部刷新 整页刷新url模式 哈希模式 历史模式SEO搜索引擎优化 难实现，可使用SSR方式改善 容易实现数据传递 容易 通过url、cookie、localStorage等传递页面切换 速度快，用户体验良好 切换加载资源 速度慢，用户体验差维护成本 相对容易 相对复杂优点：具有桌面应用的即
2023-02-23 23:56:56
186
原创 js面试题
如何解决跨域严格模式的限制es6新增JavaScript 深浅拷贝什么是 Generator 函数在Javascript中，一个函数一旦开始执行，就会运行到最后或遇到return时结束，运行期间不会有其它代码能够打断它，也不能从外部再传入值到函数体内而Generator函数（生成器）的出现使得打破函数的完整运行成为了可能，其语法行为与传统函数完全不同Generator函数是ES6提供的一种异步编程解决方案，形式上也是一个普通函数，但有几个显著的特征：说说负载均衡？单台服务器共同协作，不让其中某一台
2022-12-06 13:18:37
207
原创 vue3+typescript【10】
在tslint中并不推荐使用var来声明变量：主要原因和ES6升级后let和var的区别是一样的，var是没块级作用域的，会引起很多的问题。：unknown类型只能赋值给any和unknown类型，any类型可以赋值给任意类型。，配置本地的TypeScript编译环境和开启一个本地服务，可以直接运行在浏览器上；编译ts代码为js代码时，如果出现同名变量会报错，可以通过以下代码解决。默认情况下进行赋值时，会将赋值的值的类型，作为前面标识符的类型。是JavaScript的字符串包装类的类型。......
2022-08-05 21:41:25
659
原创 vue3＋typescript【9】
mapState返回的是一个对象，加’…'表示将函数内容变成computed格式，即此时返回的是一个个函数，computed返回的是ref对象。此时setup和methods的使用方法一致，可以帮助我们快速映射到对应的方法中。对于模块内部的 mutation 和 getter，接收的第一个参数是模块的。分发使用的是 store 上的dispatch函数。，在Promise的then中来处理完成后的操作。前面封装的hook是不能对模块使用的。useGetters的修改。useState的修改。......
2022-08-04 22:45:50
316
原创 vue3+typescript【8】
如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就会更加高效；hash的优势就是兼容性更好，在老版IE中都可以运行，但是缺陷是有一个#，显得不像一个真实的路径。比如NotFound的错误页面中，这个时候我们可编写一个动态路由用于匹配所有的页面。实现路由的嵌套,使用router-view来占位之后需要渲染的组件。那么在上面动态路由中（User）如何获取到对应的值呢？对于没有匹配到的路由，我们通常会匹配到固定的某个页面。需要将给定匹配模式的路由映射到同一个组件。...
2022-07-31 22:56:03
735
原创 vue3+typescript【7】
compositionAPI、setup函数、setup的特性（两个参数）、reactiveAPI、refAPI：toRefs,toRef,customRef、readonly、computed、侦听数据变化、watchEffect、watch、teleport、vue插件、h()渲染函数、自定义指令
2022-07-20 10:08:17
732
原创 vue3+typescript【6】
插槽：具名插槽、动态插槽名、作用域插槽动态组件实现、webpack分包、异步组件实现、suspense$refs、$parent、$rootmixin生命周期和v-model双向数据绑定
2022-07-14 14:48:23
569
原创 vue3+typescript【5】
组件中的父子通信、props、emit父子通信经典tab切换实例非父子组件通信、provide/inject、mitt库
2022-07-12 11:15:47
473
原创 常见前端实现
圆形图片图像截取文本和文字单词内换行单行溢出隐藏多行溢出隐藏行内元素overflow让其它元素向下偏移保留空格并自动换行调整字体间距🐳 默认值为 normal，相当于 0更改placeholder的样式表单标签的两端对齐定位设置层级不生效固定视口导航栏的相对定位布局固定容器高实现垂直居中利用行高垂直居中利用行高垂直居中多个行内元素利用行高垂直居中行内元素与图片调整元素的行高块级元素中的（块级）内容置...
2022-06-19 19:48:09
407
原创 python大作业：简单的通讯录
import sysclass TelephoneBook(object): def __init__(self): self.data=[] with open("通讯录.txt", 'r', encoding='utf-8') as f: for line in f.readlines(): line = line.strip('\n') self.data.append(
2022-05-17 19:23:54
800
1
原创 微信小程序开发笔记
项目结构项目基本组成结构pages：用来存放所有小程序的页面utils：用来存放工具性质的模块（例如：格式化时间的自定义模块）app.js：小程序项目的入口文件app.json：小程序项目的全局配置文件app.wsxx：小程序项目的全局样式文件project.config.json：项目的配置文件sitemap.json：用来配置小程序及其页面是否允许被微信索引每个页面由4个基本文件组成：.js文件 .json文件 .wxml文件 .wxss文件JSON配置文件JSON是一种数据格
2022-04-19 00:31:45
1495
原创 尚品汇相关bug修改
尚品汇 bug解决就已发现的一些可能不太美观的内容进行修改，但是大部分都改不出来，如果有大佬也发现知道咋改的欢迎留言www加入购物车按钮点击商品图片才跳转，空图点击不成功购物车的全选按钮延时严重购物车商品显示不齐全是因为账号共享,私人账户不受他人操作影响解决当用户没登陆时在首页获取不到用户信息的报错交易页面的配送时间根据实时时间而定dataAdd(){undefined var dateTime = new Date(); dateTime=
2022-04-10 23:35:21
690
原创 JavaWeb学习笔记
##JDBC###JDBC简介JDBC 指 Java 数据库连接，是一种标准Java应用编程接口（ JAVA API），用来连接 Java 编程语言和广泛的数据库####JDBC快速入门public class JDBCDemo { private static final String DRIVER ="com.mysql.cj.jdbc.Driver"; private static final String URL = "jdbc:mysql://127.0.0.1:3306/
2022-03-31 22:29:09
2535
原创 vue-element-admin前期准备
整体技术概括目录结构├── build // 构建相关 ├── config // 配置相关├── src // 源代码│ ├── api // 所有请求│ ├── assets // 主题 字体等静态资源│  
2022-03-27 13:29:38
1268
转载 指令Vue.directive使用教程
【vue开发】vue指令Vue.directive使用教程1.指令的注册指令跟组件一样需要注册才能使用，同样有两种方式，一种是全局注册:Vue.directive('dirName',function(){ //定义指令});另外一种是局部注册：new Vue({ directives:{ dirName:{ //定义指令 } }});2.指令的定义指令定义，官方提供了五个钩子函数来供我们使用，分别代表了一个组件的各个生命周期bind: 只调用
2022-03-23 23:11:16
1671
原创 尚品汇前端每日跟练笔记
尚硅谷商品笔记Day1（每日跟练笔记，day是为了和视频一样区分，不是真实学习的天数）1.vue-cli脚手架初始化项目node + webpack + 淘宝镜像cnpmnode_modules文件夹： 项目依赖文件夹public文件夹： 一般放置一些静态资源（图片），需要注意，放在public问价夹中的静态资源，webpack进行打包的时候，会原封不动打包到dist文件夹中。src文件夹（程序源代码文件夹）：*assets文件夹：* 一般也是放置静态资源（一般放置多个组件共用的静态资源），
2022-02-27 22:33:18
4074
1
空空如也
prettier报错
2022-08-16
TA创建的收藏夹 TA关注的收藏夹
TA关注的人