logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

前端基础知识操作系统系列 - 03(linux系统下 文件操作常用的命令有哪些)

Linux是一个开源操作系统,由内核、shell、文件系统和应用程序组成。文件系统采用树状结构,从根目录开始组织。常用文件操作命令包括:ls(列出文件)、cd(切换目录)、pwd(显示当前目录)、mkdir(创建目录)、rmdir(删除空目录)、cp(复制)、rm(删除)、mv(移动/重命名)。Linux支持硬链接(共享inode)和软链接(快捷方式)。查看文件内容可用cat(从头显示)、less

文章图片
#前端#linux#运维
前端基础知识Webpack系列 - 02(webpack的构建流程)

webpack 的运行流程是一个串行的过程,它的工作流程就是将各个插件串联起来

文章图片
#前端#webpack#node.js
前端基础知识Vue系列 - 14(vue的mixin的理解)

Mixin是Vue.js中用于代码复用的重要特性,可将组件选项(如data、methods等)封装为可复用模块。它支持局部和全局混入,局部混入通过mixins选项引入,全局混入则影响所有组件。当组件与mixin存在相同选项时,Vue采用特定合并策略:数据对象递归合并、生命周期钩子合并为队列执行、其他选项通常被组件选项覆盖。源码分析显示,Vue通过mergeOptions方法实现选项合并,根据不同选

文章图片
#vue.js#前端#javascript
前端基础知识Vue系列 - 18(keep-alive的理解)

摘要:Vue的keep-alive组件能够缓存不活跃的组件实例,避免重复渲染。它支持include/exclude匹配组件名称,以及max限制缓存数量。使用时会新增activated和deactivated生命周期钩子。典型应用场景是页面导航时的状态保持,如电商列表页的返回操作。实现原理是通过render函数管理缓存对象,根据组件key进行存储和匹配。当缓存达到上限时采用LRU策略淘汰。获取缓存数

文章图片
#前端#vue.js#javascript
vue3项目+element树形tree组件实现拖拽功能

摘要:本文介绍了使用HTML5原生拖拽事件实现树形组件内容拖拽到功能区的方案。通过在树形组件中为二级节点添加draggable属性并绑定dragstart事件,将节点id、type和label数据存入dataTransfer对象。功能区通过dragover.prevent允许放置,并在drop事件中获取被拖拽元素数据,确定放置位置后执行相应业务逻辑。该方法解决了使用tree自带拖拽功能产生的问题,

文章图片
#vue.js#elementui#前端
前端生成二维码

this.newTitle = `【${this.$route.query.name}】打包(${row.order})二维码`el-table-column align="center" label="二维码" width="80">text: row.url, // 需要转换为二维码的内容。text: code // 设置二维码内容或跳转地址。height: 60, // 设置高度,单位像素。

文章图片
#前端#vue.js#elementui
前端CSS垂直居中的几种种方法

摘要:本文介绍了7种CSS实现垂直居中的方法:1)使用vertical-align:middle(需配合inline-block);2)采用flex布局(父元素display:flex,子元素align-self:center);3)通过伪元素:before;4)利用table-cell属性;5)创建隐藏节点计算剩余高度;6)已知父元素高度时使用transform;7)用line-height匹配

文章图片
#前端#css#html5
前端埋点全解及埋点SDK实现方式

本文介绍了交互埋点的分类与应用,主要包括展现埋点、曝光埋点和交互埋点三种类型。展现埋点记录服务端下发内容,曝光埋点追踪用户实际看到的内容,交互埋点则记录用户点击行为。文章还阐述了埋点记录所需的两类信息:点位信息和点位映射。最后探讨了前端监控的两大方向:数据监控(包括PV/UV、用户停留时间等行为数据)和性能监控(涵盖首屏加载时间、页面渲染时间等性能指标),这些监控数据有助于优化产品体验和提升性能。

文章图片
#前端
前端绘制道路鱼骨图

项目背景:需要实现道路情况鱼骨图,根据上下行道路分别显示对应的道路情况和沿路设施状况,箭头根据所示方向平滑移动。

文章图片
#前端#javascript#开发语言 +3
cursor使用引导文档

摘要:Cursor是一款智能编程助手软件,用户需从官网下载并注册。主要功能包括:1)通过Composer模式分析项目源码,使用@符号定位特定文件夹;2)提供三组核心快捷键:Ctrl/Cmd+L(智能问答)、Ctrl/Cmd+K(代码生成/修改)、Ctrl/Cmd+I(多文件批量操作);3)Tab键快速接受代码建议,Ctrl+Enter增强AI上下文理解。使用时需注意:对注释不清的代码要先定位文件再

文章图片
#html5
    共 13 条
  • 1
  • 2
  • 请选择