vue知识分享 - 随笔分类(第4页) - 林恒

记录--Vue 网页全屏

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 在后台系统中有一种常见的功能，点击按钮将整个网页全屏，再点击退出全屏。浏览器提供了2种全屏方式，一种通过API在js中实现，另一种是按F11键进入全屏模式。但F11进入的全屏模式优先级更高，无法通过API退出。基本知识元素全屏检查可用阅读全文

posted @ 2024-06-13 19:09 林恒阅读(465) 评论(0) 推荐(0)

记录--前端实现文件预览(word、excel、pdf、ppt、xmind、音视频、图片、文本) 国际化

摘要：🧑‍💻 写在开头点赞 + 收藏学会🤣🤣🤣 前言在这之前公司项目的文档预览的方式都是通过微软在线预览服务，但是微软的在线服务有文件大小限制，想完整使用得花钱，一些图片文件就通过组件库antd实现，因为我们项目存在多种类型的文件，所以为了改善用户的体验，决定把文件预览单独弄一个拆出一个项阅读全文

posted @ 2024-06-12 19:04 林恒阅读(3539) 评论(1) 推荐(0)

记录：瀑布流最佳实现方案

摘要：传统实现方式当前文章的gif文件较大，加载的时长可能较久这里我拿小红书的首页作为分析演示可以看到他们的实现方式是传统做法，把每个元素通过获取尺寸，然后算出left、top的排版位置，最后在每个元素上设置偏移值，思路没什么好说的，就是算元素坐标。那么这种做法有什么缺点？请看下面这张图的操作容器阅读全文

posted @ 2024-06-03 19:24 林恒阅读(274) 评论(0) 推荐(1)

说说 Javascript 数字精度丢失的问题，如何解决？

摘要：一、场景复现一个经典的面试题 0.1 + 0.2 0.3 // false 为什么是false呢? 先看下面这个比喻比如一个数 1÷3=0.33333333...... 3会一直无限循环，数学可以表示，但是计算机要存储，方便下次取出来再使用，但0.333333...... 这个数无限循环，再大的阅读全文

posted @ 2024-05-30 18:16 林恒阅读(934) 评论(0) 推荐(0)

说说webpack proxy工作原理？为什么能解决跨域?

摘要：一、是什么 webpack proxy，即webpack提供的代理服务基本行为就是接收客户端发送的请求后转发给其他服务器其目的是为了便于开发者在开发模式下解决跨域问题（浏览器安全策略限制）想要实现代理首先需要一个中间服务器，webpack中提供服务器的工具为webpack-dev-server 阅读全文

posted @ 2024-05-15 18:03 林恒阅读(172) 评论(0) 推荐(0)

你是怎么处理vue项目中的错误的？

摘要：一、错误类型任何一个框架，对于错误的处理都是一种必备的能力在Vue 中，则是定义了一套对应的错误处理规则给到使用者，且在源代码级别，对部分必要的过程做了一定的错误处理。主要的错误来源包括：后端接口错误代码中本身逻辑错误二、如何处理后端接口错误通过axios的interceptor实现阅读全文

posted @ 2024-05-14 19:23 林恒阅读(161) 评论(0) 推荐(0)

vue要做权限管理该怎么做？如果控制到按钮级别的权限怎么做？

摘要：一、是什么权限是对特定资源的访问许可，所谓权限控制，也就是确保用户只能访问到被分配的资源而前端权限归根结底是请求的发起权，请求的发起可能有下面两种形式触发页面加载触发页面上的按钮点击触发总的来说，所有的请求发起都触发自前端路由或视图所以我们可以从这两方面入手，对触发权限的源头进行控制，最阅读全文

posted @ 2024-05-13 18:27 林恒阅读(272) 评论(0) 推荐(0)

Vue项目中有封装过axios吗？主要是封装哪方面的？

摘要：一、axios是什么 axios 是一个轻量的 HTTP客户端基于 XMLHttpRequest 服务来执行 HTTP 请求，支持丰富的配置，支持 Promise，支持浏览器端和 Node.js 端。自Vue2.0起，尤大宣布取消对 vue-resource 的官方推荐，转而推荐 axios。现在阅读全文

posted @ 2024-05-11 18:24 林恒阅读(205) 评论(0) 推荐(0)

如何判断一个js对象是否存在循环引用

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助一、背景在前端JSON.stringfy是我们常用的一个方法，可以将一个对象序列化。例如将如下对象序列化 const person = { name: 'kalory', age:18} JSON.stringfy(person) / 阅读全文

posted @ 2024-05-07 18:10 林恒阅读(274) 评论(0) 推荐(0)

你是怎么理解ES6中 Promise的？使用场景？

摘要：一、介绍 Promise，译为承诺，是异步编程的一种解决方案，比传统的解决方案（回调函数）更加合理和更加强大在以往我们如果处理多层异步操作，我们往往会像下面那样编写我们的代码 doSomething(function(result) { doSomethingElse(result, functi 阅读全文

posted @ 2024-04-30 17:29 林恒阅读(184) 评论(0) 推荐(1)

在vue2中，什么是双向绑定，为什么vue3要进行优化？

摘要：一、什么是双向绑定我们先从单向绑定切入单向绑定非常简单，就是把Model绑定到View，当我们用JavaScript代码更新Model时，View就会自动更新双向绑定就很容易联想到了，在单向绑定的基础上，用户更新了View，Model的数据也自动被更新了，这种情况就是双向绑定举个栗子当用户填写表阅读全文

posted @ 2024-04-29 18:03 林恒阅读(299) 评论(0) 推荐(1)

为什么说HTTPS比HTTP安全? HTTPS是如何保证安全的？

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助一、安全特性在上篇文章中，我们了解到HTTP在通信过程中，存在以下问题：通信使用明文（不加密），内容可能被窃听不验证通信方的身份，因此有可能遭遇伪装而HTTPS的出现正是解决这些问题，HTTPS是建立在SSL之上，其安全性由SSL 阅读全文

posted @ 2024-03-19 18:26 林恒阅读(208) 评论(0) 推荐(0)

什么是HTTP? HTTP 和 HTTPS 的区别?

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助一、HTTP HTTP (HyperText Transfer Protocol)，即超文本运输协议，是实现网络通信的一种规范在计算机和网络世界有，存在不同的协议，如广播协议、寻址协议、路由协议等等...... 而HTTP是一个传输协议阅读全文

posted @ 2024-03-18 18:42 林恒阅读(115) 评论(0) 推荐(0)

你是怎么理解ES6中 Promise的？使用场景？

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助一、介绍 Promise，译为承诺，是异步编程的一种解决方案，比传统的解决方案（回调函数）更加合理和更加强大在以往我们如果处理多层异步操作，我们往往会像下面那样编写我们的代码 doSomething(function(result) { 阅读全文

posted @ 2024-03-15 18:32 林恒阅读(97) 评论(0) 推荐(0)

你是怎么理解ES6中 Generator的？使用场景？

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助一、介绍 Generator 函数是 ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同回顾下上文提到的解决异步的手段：回调函数 promise 那么，上文我们提到promsie已经是一种比较流行的解决异步方案，那么为什么阅读全文

posted @ 2024-03-14 18:06 林恒阅读(259) 评论(0) 推荐(0)

你是怎么理解ES6中Proxy的？使用场景?

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助一、介绍定义：用于定义基本操作的自定义行为本质：修改的是程序默认形为，就形同于在编程语言层面上做修改，属于元编程(meta programming) 元编程（Metaprogramming，又译超编程，是指某类计算机程序的编写，这阅读全文

posted @ 2024-03-13 18:45 林恒阅读(174) 评论(0) 推荐(0)

你是怎么理解ES6中Module的？使用场景？

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助一、介绍模块，（Module），是能够单独命名并独立地完成一定功能的程序语句的集合（即程序代码和数据结构的集合体）。两个基本的特征：外部特征和内部特征外部特征是指模块跟外部环境联系的接口（即其他模块或程序调用该模块的方式，包括有输入阅读全文

posted @ 2024-03-12 17:53 林恒阅读(120) 评论(0) 推荐(0)

你是怎么理解ES6中 Decorator 的？使用场景？

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助一、介绍 Decorator，即装饰器，从名字上很容易让我们联想到装饰者模式简单来讲，装饰者模式就是一种在不改变原类和使用继承的情况下，动态地扩展对象功能的设计理论。 ES6中Decorator功能亦如此，其本质也不是什么高大上的结构，阅读全文

posted @ 2024-03-11 18:37 林恒阅读(212) 评论(0) 推荐(0)

用Vue3.0 写过组件吗？如果想实现一个 Modal你会怎么设计？

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助一、组件设计组件就是把图形、非图形的各种逻辑均抽象为一个统一的概念（组件）来实现开发的模式现在有一个场景，点击新增与编辑都弹框出来进行填写，功能上大同小异，可能只是标题内容或者是显示的主体内容稍微不同这时候就没必要写两个组件，只需要阅读全文

posted @ 2024-03-08 17:21 林恒阅读(117) 评论(0) 推荐(0)

说说Vue 3.0中Treeshaking特性？举例说明一下？

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助一、是什么 Tree shaking 是一种通过清除多余代码方式来优化项目打包体积的技术，专业术语叫 Dead code elimination 简单来讲，就是在保持代码运行结果不变的前提下，去除无用的代码如果把代码打包比作制作蛋糕，传阅读全文

posted @ 2024-03-07 18:00 林恒阅读(111) 评论(0) 推荐(0)

林恒

随笔分类 - vue知识分享

公告