正则
什么是正则表达式 正则表达式，又称规则表达式,（Regular Expression，在代码中常简写为 regex、regexp 或 RE），是一种文本模式，包括普通字符（例如，a 到 z 之间的字母）和特殊字符（称为"元字符"），是计算机科学的一个概念。正则表达式使用单个字符串来描述、匹配一系列匹 ...
element-ui tree 异步树实现勾选自动展开、指定展开、指定勾选
背景 项目中用到了vue的element-ui框架，用到了el-tree组件。由于数据量很大，使用了数据懒加载模式，即异步树。异步树采用复选框进行结点选择的时候，没法自动展开，官方文档找了半天也没有找到好的办法！ 找不到相关的配置，或者方法可以使用。 经过调试与阅读elment-ui源码才发现有现成 ...
如何从0开发一个Vue组件库并发布到npm
1、新建文件夹在终端打开执行 npm init -y 生成package.json如下,注意如果要发布到npm,name不能有下划线,大写字母等 { "name": "vuecomponentdi", "version": "1.0.0", "description": "", "main": "i ...
vue大型电商项目尚品汇（后台篇）day02
这几天更新有点小慢，逐渐开始回归状态了。尽快把这个后台做完，要开始vue3了 3.添加修改品牌 用到组件 Dialog 对话框，其中visible.sync这个配置是修改他的显示隐藏的，label-width是这个标题的宽度 然后上传头像的按钮，upload组件，他有自己的一些样式记得复制在styl ...
有意思的鼠标指针交互探究
今天，来实现这样一个有意思的交互效果： 将原本的鼠标指针样式，修改成自己想要的效果，并且添加上一些特殊的交互效果。 修改鼠标样式 首先，第一个问题，我们可以看到，上图中，鼠标指针的样式被修改成了一个圆点： 正常而言应该是这样： 当然，这里比较简单，在 CSS 中，我们可以通过 cursor 样式，对 ...
Vue 项目实践指南
Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue 项目性能方面的优化，使 ...
前端 Git-Hooks 工程化实践
前言 前段时间，部门的前端项目迁移到 monorepo 架构，笔者在其中负责跟 git 工作流相关的事情，其中就包括 git hooks 相关的工程化的实践。用到了一些常用的相关工具如 husky、lint-staged、commitizen、commit-lint 等，以此文记录一下整个的实践过程 ...
获取元素的宽高的三种办法
本案例代码背景如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewpo ...
vue2,vue指令和选项
vue特点 mvvm框架 响应式(声明式) 组件化(支持自定义组件) 丰富的指令(Dom功能的抽象) 基于选项(template，data，computed，watch，methods) vue文档集中ue Vue生态丰富且简单 渐进式() Veu和Dom开发思想 Dom开发思想：当我们需要在交互事 ...
web 前端 基础HTML知识点
web系统架构体系 B/S（Browser/Server）：浏览器实现 优点： 规范、使用方便、本身实现成本低 容易升级、便于维护 缺点： 没有网络，无法使用 保存数据量有限，和服务器交互频率高、耗费流量 安全性差一点 C/S（Client/Server）：客户端实现 优点： 可以在无网络环境下使用 ...
DOM：元素的增删改查发、克隆
对文档树中的节点们 可以用js进行增删改查： 增： 1、创建元素:这个元素是不会渲染到页面上的,它不在DOM中 传入字符串（标签的名字） var box=document.createElement("div") 2、添加到文档树中,x.appendChild(y) 把y节点对象添加到x节点中 bo ...
Vue面试题总结(持续更新中)
Vue面试题总结(持续更新中) 题目参考链接 https://blog.csdn.net/weixin_45257157/article/details/106215158 由于已经有很多前辈深造VUE的某一块知识，所以我也是大树下好乘凉，进行总结与积累。 就有这篇博客，希望对各位面试求职的同学有所 ...