05 2023 档案
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1.使用js，在页面中打印以下图案 提示： document.write可以在页面中打印内容<br>在html中代表换行, 在html中代码空格 for(var i=0;i<7;i++){ // 空格部分 for(var j=7;j>i;
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 核心 使用CSS变量, 准备两套CSS颜色, 一套是在 light模式下的颜色,一套是在dark模式下的颜色 dark模式下的 CSS 权重要比 light 模式下的权重高, 不然当我们给html添加自定义属性[data-theme='d
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 最近项目中遇到calc()方法不生效问题，本着究其所以然的想法，彻底查了一下calc的方法及使用，还有为什么项目中使用不生效的问题，最后总结出此文，解决方法放在结尾了 cale()是什么 calc是英文单词calculate的缩写，
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、小票打印 目前市面上的小票打印机大多采用的打印指令集为ESC/POS指令，它可以使用ASCII码、十进制、十六进制来控制打印，我们可以使用它来控制字体大小、打印排版、字体加粗、下划线、走纸、切纸、控制钱箱等，下面以初始化打印机为例：
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 在业务中，有这么一种场景，表格下的某一列 ID 值，文本超长了，正常而言会是这样： 通常，这种情况都需要超长省略溢出打点，那么，就会变成这样： 但是，这种展示有个缺点，3 个 ID 看上去就完全一致了，因此，PM 希望能够实现头部省略打点
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 最近的面试中有一个面试官问我按钮级别的权限怎么控制，我说直接v-if啊，他说不够好，我说我们项目中按钮级别的权限控制情况不多，所以v-if就够了，他说不够通用，最后他对我的评价是做过很多东西，但是都不够深入，好吧，那今天我们就来深入深入。
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 avaScript中有些API可能使用率比较低，下面我们逐一介绍它们的用法和使用场景。 至于标题，主要是想让你进来看看，兄弟们别打我！ Blob API Blob API 用于处理二进制数据，可以方便地将数据转换为Blob对象或从Blob
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 在实际的开发工作过程中，积累了一些常见又超级好用的 Javascript 技巧和代码片段，包括整理的其他大神的 JS 使用技巧，今天筛选了 9 个，以供大家参考。 1、动态加载 JS 文件 在一些特殊的场景下，特别是一些库和框架的开
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、导出静态数据 1、安装 vue-json-excel npm i vue-json-excel 注意，此插件对node有版本要求，安装失败检查一下报错是否由于node版本造成！ 2、引入并注册组件（以全局为例） import Vue
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 loading的展示和取消可以说是每个前端对接口的时候都要关心的一个问题。这篇文章将要帮你解决的就是如何结合axios更加简洁的处理loading展示与取消的逻辑。 首先在我们平时处理业务的时候loading一般分为三种：按钮loadin
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 产品说，我需要灯泡发光效果，实现这个需求有点难，发光效果挑战难度有点大，但还是可以实现。 在开始本文之前主要会会涉及以下知识 css3的动画侦 写一个动画，模拟一个发光效果 正文开始... keyframes 关键帧 在开始动画之前，我们
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 如何优雅的基于 element-plus,封装一个梦中情 dialog 优点 摆脱繁琐的 visible 的命名，以及反复的重复 dom。 想法 将 dialog 封装成一个函数就能唤起的组件。如下： addDialog({ title:
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 Set是一种类似于数组的数据结构，但是它的值是唯一的，即Set中的每个值只会出现一次。Set对象的实例可以用于存储任何类型的唯一值，从而使它们非常适用于去重。 Map是一种键值对集合，其中每个键都是唯一的，可以是任何类型，而值则可以是任何
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 今天我们来分享一款非常有趣的登录界面，它使用HTML和CSS制作，具有动态的水波纹效果，让用户在登录时感受到了一股清凉之感。 基本html框架 <!DOCTYPE html> <html lang="en"> <head> <met
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 组件是前端框架的基本构建块。把它们设计得更好会使我们的应用程序更容易改变和理解。在这节课中，分享一下在过去几年中工作中学到的 9 个技巧。 1. 你可能不需要创建一个组件 在创建一个组件之前，看看它是为了可重用性和为某些UI添加一个状态，
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 Vue3+TS(uniapp)手撸一个聊天页面 前言 最近在自己的小程序中做了一个智能客服，API使用的是云厂商的API，然后聊天页面...嗯，找了一下关于UniApp(vite/ts)版本的好像不多，有一个官方的但其中的其他代码太多了，
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 先上效果 前言 最近在学Three.js.,对着文档看了一周多，正好赶上码上掘金的活动，就顺便写了一个小demo，手搓一个罗盘特效。 太极 先来看一下太极的实现方式，这里我们使用CircleGeometry，将其分解开来可以看出是由圆形和
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 今天有一个需求，点击选中某个英文单词，然后对这个单词做一些处理，例如高亮背景、查看一些详细信息等等，今天简单实现了一下，效果如下：（支持移动端，chrome和sarafi浏览器均能正常使用。语言🚀 vue3 + typescript)
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 为了让页面保活更加稳定，你们是怎么做的？ 我用一行配置实现了 Vue页面保活是指在用户离开当前页面后，可以在返回时恢复上一次浏览页面的状态。这种技术可以让用户享受更加流畅自然的浏览体验，而不会被繁琐的操作打扰。 为什么需要页面保活？ 页面
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. provide/inject provide/inject 是 Vue.js 中用于跨组件传递数据的一种高级技术，它可以将数据注入到一个组件中，然后让它的所有子孙组件都可以访问到这个数据。通常情况下，我们在父组件中使用 provid
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 Symbol是JavaScript中的原始数据类型之一，它表示一个唯一的、不可变的值，通常用作对象属性的键值。由于Symbol值是唯一的，因此可以防止对象属性被意外地覆盖或修改。以下是Symbol的方法和属性整理： 属性 Symbol.l
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. 原型链 温故而知新： 构造函数、原型和实例的关系： 每个构造函数都有一个原型对象，原型有一个属性指回构造函数，实例有一个内部指针指向原型。 思考：如果原型是另一个类型的实例呢？ 那就意味着这个原型本身有一个内部指针指向另一个原型，相
阅读全文