楠竹
js基础篇之“深入浅出” js基础篇之“深入浅出”
一、原型链 🎯 每个实例都有私有的_proto_属性指向它的原型对象。而每个原型对象也有自己的_proto_属性指向更高层的原型对象,直到指向的原型对象为null。这样一个过程所构成的链路就被称为原型链。(原型与原型层层相连接的过程就叫做
2021-12-07
一定要懂的js基础,你会了吗? 一定要懂的js基础,你会了吗?
一、EventLoop事件循环 🎯 js是一个单线程脚本语言。在执行比较耗时的任务时很容易导致线程阻塞,导致页面卡顿的情况。为了解决这个问题就有了 eventLoop 事件循环。eventLoop 将js线程中的任务分为:宏任务、微任务。
2021-12-07
卑微小前端每日一个“离职”小技巧 卑微小前端每日一个“离职”小技巧
一、引题 🎯 “不积跬步无以至千里,不积小流无以成江海”每天收集一个小技巧,或许在很久的将来你也可以是大神。本文主要收录一些面试的基础题,还有平时常用的一些小方法,如有描述错误请各位大佬指正! 二、步入正题CSS篇 首先,简单了解一下浏
前端系统添加水印 前端系统添加水印
一、需求 🎯 系统中重要数据的导出文件都有水印,而页面截图,是一个漏洞。为了防止截图泄漏数据,前端添加水印,一旦,截图的数据泄漏,可以根据图片上的水印,追究到人。本文使用的是前端方案:显性水印 + Canvas(前端方案可以减少服务器
Vue使用eventBus总线,实现非父子组件间的通信 Vue使用eventBus总线,实现非父子组件间的通信
一、前提vue提供的数据间通讯方式有很多种,比较常用的有:1.父子组件使用props传值或者provide/inject 父组件中通过 this.$refs.子组件ref值.子组件方法;子组件中通过 this.$emit(‘父组件方法’)
Element 自定义表单验证 Element 自定义表单验证
一、需求 使用官网提供的表单验证,实现表单数据的自定义校验除了非空校验,可能还有一些业务相关的数据校验,需要用到自定义表单验证自定义正则校验、调用接口校验数据等等 二、处理方式 在form表单中绑定 rules 属性在表单数据项中用 pr
前端之正则校验(一) 前端之正则校验(一)
一、正则表达式 🎯 归纳最近用到的一些正则表达式 // 正则表达式 // 不包含特殊符号(长度0-50) export const regSpecialSymbol = /^((?!\\|\/|:|\*|test|null|?|:|;|
前端页面优化之防抖节流 前端页面优化之防抖节流
一、引题 🎯 最近同事在做项目过程中遇到一个问题:一个单页面的数据保存,在用户疯狂点击保存按钮时,数据库会保存多条数据。对于这个问题除了防抖其实有很多解决办法,网上也有不少已经处理好的架构,但是我认为这个还是可以收录在博客里的哈哈哈方便自
2021-11-19
Element table组件上移下移数据实现自定义排序 Element table组件上移下移数据实现自定义排序
一、需求 在页面操作上移下移按钮,对表格行数据进行移动实现表格自定义排序 二、处理方式 思路:1.监听 table 数据行的选中事件(获取当前选中行的数据)假设当前行 currentData2.上移、下移按钮点击事件:handleSo
Element自定义button图标 Element自定义button图标
一、前提 🎯 ElementUI中icon图标有限,无法满足所有项目的需求。API文档中的 Button 都是设置icon属性或者直接用标签来定义按钮的图标,这是使用element提供的icon常规操作。那么,如果需要引用其他图标该怎么处
antd在IE浏览器中组件不渲染 antd在IE浏览器中组件不渲染
一、兼容性 🎯 Ant Design Vue 支持所有的现代浏览器和 IE9+对于 IE 系列浏览器,需要提供 es5-shim 和 es6-shim 等 Polyfills 的支持如果你使用了 babel,强烈推荐使用 babel-po
2021-11-06
2 / 2