Vue
16篇文章 · 0订阅
  • 实现可高亮的输入框 — HighlightTextarea
    demo链接github地址基本功能描述实现思路需要注意的点：input、textarea需要把文字跟背景设置成透明的；上层负责显示的div，通过pointer-events: none;将鼠标事件设
    Vue.js
  • 高亮显示文本内容的Textarea（用可编辑的div来实现textarea文本高亮的效果）
    最近在做一个项目，有一个功能是为了发送短信。要求是用户可以在文本输入框内自定义短信模板，其中短信模板的 变量以【】包括起来。于是循序渐进，产生了三种想法
    前端
    高亮显示文本内容的Textarea（用可编辑的div来实现textarea文本高亮的效果）
  • 保存页面滚动位置
    1.给路由对象上增加额外信息 2.设置组件内守卫 3.在全局后置钩子设置页面滚动条 关于Tabs切换,保存当前位置 1.明确数据结构,在Home/index.vue中定义变量,设为对象格式{组件名:3
    前端
  • Element Plus 组件库相关技术揭秘：11. 深入理解组件库中SCSS和CSS变量的架构应用和实践
    Element Plus 的 CSS 架构思想主要还是 OOCSS，也就是还是面向对象的思想，即：封装、继承、多态，并且 CSS 变量的加入使用，使得多态这一特性的实现更加丝滑。
    JavaScript 前端 Vue.js
  • vue3+ts+vite项目中使用eslint+prettier+stylelint+husky指南
    本文为手把手指南，在vue3 + ts + vite项目中使用eslint + prettier + stylelint +husky，旨在通过这些工具提高项目代码质量和统一格式、风格。
    前端 代码规范
  • 从零到一配置vite+vue3+ts项目
    上次发表了一篇写了8个晚上2-3小时，用vite重构了vuecli的模版项目，当时初始化项目使用的是createVue脚手架创建的基础项目结构，如果我们不使用它，如何做呢？
    前端 Vite
    从零到一配置vite+vue3+ts项目
  • 我修复了一个 Vite Bug，让我的项目首屏性能提高了 25%
    项目升级 Vite3.x 后，首次进入页面，页面的首屏时间非常的长，且一定会刷新整个页面。修复前的页面首屏时间为 1m06s，修复后为 45s，性能提升了 25%
    前端 Vite 掘金·金石计划
    我修复了一个 Vite Bug，让我的项目首屏性能提高了 25%
  • 在Vue中使用JSX，很easy的
    摘要：JSX 是一种 Javascript 的语法扩展，JSX = Javascript + XML，即在 Javascript 里面写 XML，因为 JSX 的这个特性，所以他即具备了 Javasc
    Vue.js 前端
  • 手把手教你学习vue ssr 服务端渲染教程，看完去看文档更清晰
    本文主要是手把手教你如何自己实现vue ssr服务端渲染，加深对该技术的理解和掌握，旨在为像我这样的小白加福利
    前端 Vue.js
  • 「建议收藏」小程序canvas绘制海报全流程
    接下来，我会把纯前端实现生成海报全流程给大家讲个明明白白，把我自己遇到的坑，给大家详细分享并讲解，防止大家遇到相似问题，即使遇到问题，也会有一个明确的方向，并且吐血建议大家收藏一波，以备不时之需。(你不能保证以后的需求，没有类似的吧，有的话，记得翻出来看看) 长路漫漫，总得有人…
    微信小程序
    「建议收藏」小程序canvas绘制海报全流程