bug天选之子_社区达人页

2023年07月

• 07.27 17:26:14
  发表了文章 2023-07-27 17:26:14

  vue2项目中常用的两种数据懒加载方式

  前端项目优化分为懒加载和预加载
• 07.27 17:21:51
  发表了文章 2023-07-27 17:21:51

  ts+vue3系统学习笔记day01（二）

  类型注解是指我们在使用类型时可以放置在任何位置的注解。在TypeScript中，使用类型注解并非强制性要求。它有助于编译器检查变量的类型，并避免处理数据类型时出现错误。
• 07.27 17:14:26
  发表了文章 2023-07-27 17:14:26

  ts+vue3系统学习笔记day01（一）

  ts全称TypeScript,他是一门跨平台的编程语言,官网说ts是js的超集合，我觉得就是js的一个加强版，他融合了js的一些优点并加了自己特有的东西，比如接口、泛型等。
• 07.27 17:07:19
  发表了文章 2023-07-27 17:07:19

  常用的数组(字符串)方法有哪些？（三）

  some:判断数组中有没有符合条件的元素，一个符合的都没有返回false,有一个就是true。
• 07.27 16:58:00
  发表了文章 2023-07-27 16:58:00

  常用的数组(字符串)方法有哪些？（二）

  concat:合并数组或者字符串，concat在项目中用的还是比较多的，最经典的就是一个表格数据是有两个或者三个数组组成的时候会用到，watch监听数组和concat结合使用。下期做一个例子。
• 07.27 16:52:44
  发表了文章 2023-07-27 16:52:44

  常用的数组(字符串)方法有哪些？（一）

  1.pop:末位删除，即删除数组的最后一项，返回值是被删除项。 2.shift:首位删除，即删除数组的第一项，返回值是被删除项。 3.splice:指定下标删除元素，返回被删除的元素。第一个参数是从下标几开始删除，第二个参数是删除几个，第三个参数是要插入的元素。splice方法是会改变原数组的。删除功能用的比较多，我个人更喜欢用filter来变相实现删除，splice是会改变原数组的，而filter不会
• 07.27 16:45:02
  发表了文章 2023-07-27 16:45:02

  flv拉流在项目中如何使用（二）

  这里主要是我们不能使用video容器自带的暂停和播放按钮了，我们要隐藏原来的自己实现暂停和播放。暂停和播放说白了就是断流和重新拉流
• 07.27 16:42:12
  发表了文章 2023-07-27 16:42:12

  flv拉流在项目中如何使用（一）

  最近做的项目里面用到通过前端flv.js拉流播放直播视频(实时视频);这里给大家介绍一下流程，首先是前端发送请求后端给返回一个直播流指定地址，然后前端把这个地址通过flv处理放到video容器中进行播放；
• 07.27 16:35:54
  发表了文章 2023-07-27 16:35:54

  WebSocket全部内容及项目经验（二）

  Socket.readyState： 只读属性 readyState 表示连接状态。 Socket.bufferedAmount: 只读属性 bufferedAmount 已被 send() 放入正在队列中等待传输，但是还没有发出的 UTF-8 文本字节数。 下面的代码展示一个使用bufferedAmount 特性每秒发送更新的例子。如果网络无法承受这一速率，它会相应作出调整。
• 07.27 16:31:39
  发表了文章 2023-07-27 16:31:39

  WebSocket全部内容及项目经验（一）

  在websocket未出来之前，实现实时数据更新都是采用轮询http请求实现的，很明显这种方式有很大的缺陷，一条数据就需要发一次http请求。HTTP请求可能包含较长的头部，其中真正有效的数据可能只是很小的一部分，显然这样会浪费很多的带宽等资源。而比较新的技术去做轮询的效果是Comet。这种技术虽然可以双向通信，但依然需要反复发出请求。而且在Comet中，普遍采用的长链接，也会消耗服务器资源。在这种情况下，HTML5定义了WebSocket协议，能更好的节省服务器资源和带宽，并且能够更实时地进行通讯。
• 07.27 16:22:27
  发表了文章 2023-07-27 16:22:27

  【项目需求】：两个下拉框之间选项关联

  一.利用Option Group Attributes中的disabled属性实现 二.利用下拉框的@change事件
• 07.27 16:18:58
  发表了文章 2023-07-27 16:18:58

  [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent .（二）

  1.在data中声明一个变量接收props的值,然后再去改变data里的这个值 2. 用computed属性 3.用data保存数据，watch监听
• 07.27 16:16:18
  发表了文章 2023-07-27 16:16:18

  [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent .（一）

  大致意思就是props接收到的从父组件传过来的tableData不能直接修改。
• 07.27 16:12:00
  发表了文章 2023-07-27 16:12:00

  A complete log of this run can be found in:npm ERR! C:AppData\Roaming\npm-cache\_logs

  路径错误，检查一下是否选对路径
• 07.27 16:10:00
  发表了文章 2023-07-27 16:10:00

  项目中遇到的bug:elementui走马灯

  大家应该都知道当走马灯轮播前两张图片和后两张图片的轮播方向和后面图片的方向不一致，就很尴尬。在网上查阅了好多博客基本都是手动添加两张图片，比如：[1,2]改成[2,1,2,1]。在项目中我们显然不可能把数据写死，这是不现实的。
• 07.27 16:03:47
  发表了文章 2023-07-27 16:03:47

  需求：组件A可以直接调用组件B的方法

  1.封装的方法： ZJeventCenter.js
• 07.27 15:59:42
  发表了文章 2023-07-27 15:59:42

  原生js时间格式化函数

  在项目中我们很多时候会用到时间控件，这些时间控件都自带时间格式，一些默认值就得通过过滤器和原生函数来处理了。
• 07.27 15:55:01
  发表了文章 2023-07-27 15:55:01

  vue2 Elementui 树形组件怎么实现多选并获取选中节点的node对象

  树形组件是我们经常用到的组件，主要场景就是：公司后台管理的部门管理，做文章目录等。
• 07.27 15:48:56
  发表了文章 2023-07-27 15:48:56

  面试常问：深拷贝和浅拷贝

  在了解深拷贝和浅拷贝之前我们先简单了解一下堆和栈的概念。 堆的概念：在javaScript中，堆是用来存储地址的。比如引用数据类型的地址就是存储在堆中。 栈的概念：栈在javascript中用于存储值的。比如基本数据类型都是直接存在栈内存中的。
• 07.27 15:44:06
  发表了文章 2023-07-27 15:44:06

  面试常问：数组遍历forEach和map的区别

  一.forEach的用法： 二.map的用法：
• 07.27 15:31:14
  发表了文章 2023-07-27 15:31:14

  Unknown custom element: ＜add-employee＞ - did you register the component correctly? For red cursive c

  原因： 1.组件名没写对(导入和注册不对应) 2.components少写了个s 3.组件命名最好是驼峰命名 4.导入时语法错误 5.代码中有两个components，后一个的值把前一个覆盖了 6.组件直接循环套用了
• 07.27 15:28:04
  发表了文章 2023-07-27 15:28:04

  在canvas上通过鼠标左键点击获取几个点（直角坐标），鼠标右键结束点击事件

  代码
• 07.27 15:25:08
  发表了文章 2023-07-27 15:25:08

  如何简单快速的创建vue项目

  作为前端开发职业人一定要自己创建vue项目，很多时候我们都需要自己创建，今天我记录一下这个方法
• 07.27 15:17:31
  发表了文章 2023-07-27 15:17:31

  vue2项目中elementui表格格式化内容的方法

  一.最常用的表格格式化内容的方法是通过vue的作用域插槽结合template v-if实现 示例如下
• 07.27 15:11:09
  发表了文章 2023-07-27 15:11:09

  http协议和websocket协议的区别

  websocket是html5新增的全双工通讯协议，基于Tcp协议，属于应用层协议 浏览器和服务器只需要一次握手就可以创建持久性的连接，并进行双向数据传输，也是解决了半双工通讯协议的弊端。简单来说就是客户端可以向服务器主动推送信息，服务器也可以主动向客户端主动推送协议。
• 07.27 15:04:05
  发表了文章 2023-07-27 15:04:05

  Cannot read properties of undefined (reading ‘push‘)“ 报错 解决方法

  一.首先这个报错的大致意思就是不能读取这个push方法，顾名思义就是使用这个方法的变量不是一个数组
• 07.27 14:59:26
  发表了文章 2023-07-27 14:59:26

  用canvas实现同心圆带坐标的雷达图

  1.在项目中我们经常使用echarts来实现图表功能，但是最近项目中遇到一个同心圆加坐标的图表，大家都知道echarts中雷达图不能设置坐标轴，所以采用了canvas来绘画
• 07.27 14:51:24
  发表了文章 2023-07-27 14:51:24

  如何在vue项目中实现tab切换

  一般像这种简单的dom操作我们是直接可以获取dom的，还有一些项目中要在mounted和created里获取dom,我要说的是这两个生命周期在页面刷新过程中只执行一次
• 07.27 14:44:16
  发表了文章 2023-07-27 14:44:16

  Visual Studio（管理代码工具）如何使用

  1.连接到远程仓库 2.找到对应的代码库克隆到本地 3.选分支
• 07.27 14:18:34
  发表了文章 2023-07-27 14:18:34

  微前端----qiankun

  qiankun 是一个基于 single-spa 的微前端实现库，换句话说就是对single-spa进行了封装得到qiankun。 qiankun就是将一个大应用拆分成好多小项目，qiankun解决了我们协同开发的一些问题，其次更方便于我们进行更新代码 。
• 07.27 13:56:58
  发表了文章 2023-07-27 13:56:58

  原生ajax

  ajax的概念:Ajax即Asynchronous Javascript And XML（异步JavaScript和XML),实际上就是前端js语言与后端交互的手段