前端开发 - 第11页 - 网站分类 - 博客园

十分钟，带你了解 Vue3 的新写法

a56爆大奖在线娱乐的目的，是为了让已经有 Vue2 开发经验的人，快速掌握 Vue3 的写法。因此，本篇假定你已经掌握 Vue 的核心内容，只为你介绍编写 Vue3 代码，需要了解的内容。一、Vue3 里 script 的三种写法首先，Vue3 新增了一个叫做组合式 api 的东西，英文名叫 Com ...

Vue3 除了 keep-alive，还有哪些页面缓存的实现方案

引言有这么一个需求：列表页进入详情页后，切换回列表页，需要对列表页进行缓存，如果从首页进入列表页，就要重新加载列表页。对于这个需求，a56爆大奖在线娱乐的第一个想法就是使用keep-alive来缓存列表页，列表和详情页切换时，列表页会被缓存；从首页进入列表页时，就重置列表页数据并重新获取新数据来达到列表页重新加载 ...

【动画进阶】巧用 CSS/SVG 实现复杂线条光效动画

最近，群里在讨论一个很有意思的线条动画效果，效果大致如下：简单而言，就是线条沿着不规则路径的行进动画，其中的线条动画可以理解为是特殊的光效。 a56爆大奖在线娱乐，a56爆大奖在线娱乐们将一起探索，看看在不使用 JavaScript/Canvas 的基础上，使用纯 CSS/SVG 的方式，a56爆大奖在线娱乐们可以如何大致的还原上述的线条动画效果。 ...

vue3早已具备抛弃虚拟DOM的能力了

前言 jquery时代更新视图是直接对DOM进行操作，缺点是频繁操作真实 DOM，性能差。react和vue时代引入了虚拟DOM，更新视图是对新旧虚拟DOM树进行一层层的遍历比较，然后找出需要更新的DOM节点进行更新。这样做的缺点就是如果DOM树很复杂，在进行新旧DOM树比较的时候性能就比较差了。那 ...

HTML页面关于高分屏的设置

记录一个HTML页面关于高分屏的踩到的坑。所谓高分屏，就是在同样大小的屏幕面积上显示更多的像素点，这样可以呈现更好的可视效果的屏幕。例如，a56爆大奖在线娱乐的笔记本是15.6寸，理论上它的屏幕分辨率应该是1920 x 1080像素，但实际上a56爆大奖在线娱乐的笔记本屏幕分辨率确实2560 x 1440像素，也就是俗称的2K屏。这 ...

主题捣鼓日记（周记）

主题捣鼓日记 sakura版本（YYDS）主要框架都没怎么动，功能挺完整的。但是如果要DIY，a56爆大奖在线娱乐建议还是得自己把代码捋一遍，不然从哪改起都不知道，注释有点用但不全。捣鼓了两天两夜，还是有很多细节没改好，main.js翻了四五遍，看评论区发现诸多细节还要改CSS文件，太难了。。前端都忘得差不多了， ...

Vue列表过滤与排序

概述下面a56爆大奖在线娱乐将通过两个例子讲解列表过滤和排序，总的来说主要使用了数组的filter 和 sort 方法测试数据定义 persons:[ {name:'雷小军',age:44,sex:'男'}, {name:'李连杰',age:55,sex:'男'}, {name:'李彦宏',age:23,sex: ...

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

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

Radash库使用说明——数组方法篇（全）

写在前面 tips：点赞 + 收藏 = 学会！ a56爆大奖在线娱乐包含radash中数组相关的所有方法说明 + 使用示例 + 思维导图查看这边会整理出一份数组相关方法的使用大纲（不含源码解析），方便大家查阅使用；作者会按照大类进行整理分享，本�a56爆大奖在线娱乐不嵬礁鯝rray所有方法的思维导图；所有方法整理完毕后，作 ...

微信读书助手迎来史诗级增强

大家好,a56爆大奖在线娱乐前夕.最近,a56爆大奖在线娱乐分享了个人开发的微信读书网页插件,这个小项目意外收获了众多用户的喜爱. 这让a56爆大奖在线娱乐意识到技术作品能跨越专业界限,帮助到有需要的人.受此激励,a56爆大奖在线娱乐决定对插件进行全面重构与优化 ...

一款极简的聊天应用

大家好，a56爆大奖在线娱乐是 Java陈序员。今天，给大家介绍一个开源的聊天应用程序，支持PC端和移动端。关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。项目介绍 HasChat —— 一个基于 Vue3 + Socket.io 的聊天应用，同时支持PC端和 ...

Vue3+Ts i18n实现国际化

1、下载依赖 npm install vue-i18n@nex 2、在src目录下创建文件夹创建文件 index.ts 、 zh/index.ts 、en/index.ts // index.tsimport { createI18n } from 'vue-i18n'import zh fro ...

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

一、什么是双向绑定 a56爆大奖在线娱乐们先从单向绑定切入单向绑定非常简单，就是把Model绑定到View，当a56爆大奖在线娱乐们用JavaScript代码更新Model时，View就会自动更新双向绑定就很容易联想到了，在单向绑定的基础上，用户更新了View，Model的数据也自动被更新了，这种情况就是双向绑定举个栗子当用户填写表 ...

uniapp+vue3聊天室|uni-app+vite4+uv-ui跨端仿微信app聊天语音/朋友圈

原创研发uniapp+vue3+pinia2跨三端仿微信app聊天模板Uniapp-Wechat。 uni-vue3-wchat基于uni-app+vue3+pinia2+uni-ui+uv-ui等技术跨端仿制微信App界面聊天项目，支持编译到H5+小程序端+App端。实现编辑框多行消息/emoj混 ...

为什么vue打印的对象在浏览器中显示...

1.现象当在vue中打印对象的时候会发现有一些属性或者全部属性都是显示的...,点击展开后才能看到真正的值是什么. 2.原因因为在vue中对象都是用了代理重写了get,由于get重写也就导致了浏览器不能直接获取到具体的值,因此才会在打印的时候为...,手动点击展开才显示具体的值 3.想看具体的值 ...

google浏览器插件开发

项目结构在开发Chrome插件时，以下几个文件的作用如下： manifest.json：这是Chrome插件的清单文件，用于配置插件的基本信息、权限、页面跳转等。其中包括插件的名称、版本号、图标、后台脚本、浏览器动作等信息。 background.js：这是Chrome插件的后台脚a56爆大奖在线娱乐件，用于处理 ...

浏览器开发者工具DevTools中提升效率的小技巧

DevTools 非常强大除了常用的查看元素，进行断点调试或许还有些你不知道的小技巧，小功能。如可以快速的重新发送请求，快速选择元素，在控制台中使用npm库等，让你能够更加高效的进行开发。不定时更新~ ...

厉害了！这个工具帮助你生成朋友圈转发截图

大家好，a56爆大奖在线娱乐是 Java陈序员。在日常的工作生活中，a56爆大奖在线娱乐们经常会遇到应付各类强制要求转发朋友圈的行为，或者是朋友圈集赞的行为。今天，给大家介绍一个工具，可以帮助你生成朋友圈转发截图。关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。项目介绍 We ...

一文搞懂drag&drop浏览器拖放功能的实现

拖放功能，即将一个元素从一个区域，通过拖拽，放置到另一个区域。常见的应用是将文件或图片从一个区域，拖放到另一个区域。中文常常把这表述成拖拽，实际上拖拽的描述并不准确，应该叫拖放，因为drag事件和drop事件是成对使用的，即拖拽和放置。 drag在拖拽动作发生时触发，携带被拖拽元素的信息，drop在 ...

VUE知识体系、VUE面试题

1. computed（计算属性）和方法有什么区别？计算属性本质上是包含 getter 和 setter 的方法当获取计算属性时，实际上是在调用计算属性的 getter 方法。vue 会收集计算属性的依赖，并缓存计算属性的返回结果。只有当依赖变化后才会重新进行计算。方法没有缓存，每次调用方法都 ...