草庐IT

纯前端

全部标签

一名前端 Leader 的转正述职记录

背景一转眼,已经是2022年了。为了我爱的人,我决定离开北上广,去海口或者三亚过两年隐居的日子。最近翻了翻语雀,发现有一篇写于去年刚来公司转正的记录性文章。于是整理了一下,决定发出来,可能会给大家的成长带来一些帮助。以下是正文部分:转眼之间来公司已经三个多月了。虽然因表现突出,两个月前已经被提前转正,但是具体的转正流程都没有走。在HR的组织之下,我开始准备述职报告,这是公司的传统。转正述职会的参会人员共有5位:我。我的直属领导,也就是研发经理。技术中心负责人,也就是技术老大。HR。以及HRM,也就是人事的老大。我的述职共分为5块内容:试用期期间完成的成绩对岗位职责认知工作中问题的分析与改进下一

唯一客服系统源码独立部署版+前端VUE开源+客服uniapp源码+ChatGPT知识库安装配置详细教程...

唯一客服系统是一款基于GolangGin框架开发的在线客服系统,可以提供独立部署版,程序数据全部私有安装在自己服务器。访客咨询界面自适应响应式设计,完全可以适配于PC网站、移动端、APP内嵌等场景下。客服端提供PC后台管理,实时收到访客消息,实时与访客用户进行聊天交流。为了方便在手机上回复访客消息,专门使用uniapp开发客服端的助手程序,可以打包为h5和APP。客服端打包为H5后,可以与企业微信,微信公众号进行对接,非常方便的利用微信来收取消息提醒,并且随时进行回复。机器人服务,可以使用关键词自动回复,以及智能AI回复。对接ChatGPT并且可以提供专属私有知识上传功能,上传自己的知识让Ch

vue前端el-input输入 限制输入位数以及输入规则

vue前端el-input输入限制输入位数以及输入规则逻辑梳理代码前端兼容el-input输入时,仅允许输入负号、数字以及小数点,且限制整数位数以及小数位数,且不允许输入除第一个负号以外的其他符号逻辑梳理1、使用element-ui插件的el-input组件作为页面元素,为其绑定input事件(我这里是在表格里使用slot插入的inpu元素,所以传入参数使用scope传入)2、绑定输入事件,传参给工具函数,等待返回值返回3、传入参数从左到右依次为:输入框正在输入的值e整数部分最大输入位数限制intMax(number类型):控制最大输入几位,超过此值不可继续输入小数部分最大输入位数限制dotM

前端如何发布npm包以及开发vue插件教程

第一步注册npm账号,附上官网链接npm官网第二步初始化项目,执行如下指令:npminit根据命令行提示填写对应信息,不需要则直接回车,最后会根据你填写的信息生成对应的package.json文件。第三步在package.json同级目录下新建index.js文件。代码如下:exportdefault{install:(Vue,options)=>{//1.添加全局资源(自定义指令)Vue.directive('my-directive',{bind(el,binding,vnode,oldVnode){//逻辑...}})//2.注入组件选项Vue.mixin({})//3.添加实例方法或者

前端实现文件预览(pdf、excel、word、图片)

前端实现文件预览功能需求:实现一个在线预览pdf、excel、word、图片等文件的功能。介绍:支持pdf、xlsx、docx、jpg、png、jpeg。以下使用Vue3代码实现所有功能,建议以下的预览文件标签可以在外层包裹一层弹窗。图片预览 sandbox这个属性如果是单纯预览图片可以不使用,该属性对呈现在iframe框架中的内容启用一些额外的限制条件。属性值可以为空字符串(这种情况下会启用所有限制),也可以是用空格分隔的一系列指定的字符串。allow-scripts:允许嵌入的浏览上下文运行脚本(但不能创建弹窗)。如果没有使用该关键字,就无法运行脚本。allow-top-navigatio

【熬夜送书 | 第二期】清华社赞助 | 《前端系列丛书》

前端是什么?前端(Front-End),又称浏览器端、客户端等,是指Web应用程序中负责用户交互、界面展示和数据展示的部分。前端技术体系主要包括HTML、CSS和JavaScript等内容。其中,HTML(HypertextMarkupLanguage)是一种标记语言,用来描述网页的结构和内容;CSS(CascadingStyleSheets)是一种样式表语言,用来定义网页的外观和布局;而JavaScript是一种脚本语言,用来实现网页的交互和动态效果。作为用户与Web应用程序之间的接口,前端开发需要关注用户体验,并将设计师提供的视觉效果转化为网页的实际展示。前端开发近年来也发生了巨大的变化,

前端vue2、vue3去掉url路由“ # ”号——nginx配置

文章目录⭐前言⭐vue2中router默认出现#号💖在vue2项目中去掉💖在vue3项目中去掉⭐vue打包assetsPublicPathbase为绝对路径/💖vue2配置assetsPublicPath💖vue3配置base💖验证⭐nginx配置💖使用默认的nginx静态资源文件夹💖自定义静态资源文件夹⭐结束⭐前言大家好,我是yma16,本文分享关于vue2、vue3去掉url路由#号——nginx配置。html的hash模式HTML的hash模式指的是URL中的锚点部分(#后面的内容)被用于在单个页面中显示不同的内容,而不是导航到不同的页面。例如:https://example.com/#

【中兴】web训练营~一文带你走进前端 | 百图制作

📢作者简介:物联网领域创作者,🏅阿里云专家博主🏅🏅华为云享专家🏅✒️个人主页:Choice~🌐格言:可正因为难,才有价值!🔶🏫系列专栏:1️⃣C/C++2️⃣C和指针3️⃣Linux4️⃣数据结构与算法5️⃣JavaScript从入门到精通6️⃣101算法JavaScript描述💰文章目录1.介绍1.1开发语言1.2为什么选择这些?1.3为什么学?1.4是什么?2.HTML2.1.创建项目文件2.2.我的第一个网页3.HTML3.1.语法开始和结束闭合标签注释框架3.2.文字标题段落3.3.图片路径3.4.音频3.5.视频3.6.链接外链内链锚点我的网页设计1.介绍实训的项目为博雅互动企业网站

性能优化 - 前端性能监控和性能指标计算方式

性能优化-前端性能监控和性能指标计算方式前言一.性能指标介绍1.1单一指标介绍1.2指标计算①Redirect(重定向耗时)②AppCache(应用程序缓存的DNS解析)③DNS(DNS解析耗时)④TCP(TCP连接耗时)⑤TTFB(请求响应耗时)⑥Trans(内容传输耗时)⑦DOM(DOM解析耗时)1.3FP(first-paint)和FCP(first-contentful-paint)1.4LCP(LargestContentfulPaint)1.5LongTask长任务统计二.性能指标计算测试2.1衡量网络请求响应时间的指标2.2衡量页面加载速度的指标2.3TTI(TimetoInte

全栈工程师必须要掌握的前端CSS技能

作为一名全栈工程师,在日常的工作中,可能更侧重于后端开发,如:C#,Java,SQL,Python等,对前端的知识则不太精通。在一些比较完善的公司或者项目中,一般会搭配前端工程师,UI工程师等,来弥补后端开发的一些前端经验技能上的不足。但并非所有的项目都会有专职前端工程师,在一些小型项目或者初创公司中,职能划分并不明确,往往要一个人前后端全都会做,所以作为一名全栈工程师或者后端工程师,掌握必备的前端知识,也是必不可少的一项技能。今天就着重讲解一下,作为一名全栈工程师,前端CSS方面的必须要掌握的相关知识。 什么是CSS? CSS 指的是层叠样式表(CascadingStyleSheets),描