前端杂学第27页

vue3：codepen上生成的动效代码/ 前端生成统计图（echarts包）

codepen上生成的动态效果怎么放到自己的代码里（vue3组合式api）设计给了个动态效果，说源码在codepen上面，打开一看，好家伙没有html，css也只有图里展示的这么点，那就是纯靠js实现。但是js里面这种的代码放到vue里肯定直接报错，那就需要我们处理一下。思路：首先看codepen里面都用了什么包，可以看到是https://cdnjs.cloudflare.com/ajax/lib

小王今天也要加油鸭~！·2024-02-20 02:30

2024前端面试准备之Vue3篇

全文链接！！！！！！1.Vue3相比Vue2有哪些改进？CompositionAPI:Vue3引入了CompositionAPI，使得组件的逻辑更加清晰和灵活。开发者可以根据功能逻辑将代码按照功能进行组织，而不是按照选项的方式。更快的渲染性能：Vue3使用了Proxy代理对象来实现数据的响应式，相比Vue2的Object.defineProperty，性能更高效。Tree-shaking支持：Vu

前端fighter·2024-02-20 01:08

2024前端面试准备之TypeScript篇（二）

全文链接1.TypeScript中的装饰器是什么以及如何使用装饰器是一种特殊的函数，用于修改或增强其他函数的功能。在TypeScript中，装饰器可以用于类、方法、属性和参数上。装饰器使用特殊的语法符号@，后跟一个装饰器函数。装饰器函数可以接收不同的参数，具体取决于装饰器的类型。以下是一些常见的装饰器用法：类装饰器：用于修改或增强类的行为。可以在类定义之前使用@符号，后跟一个装饰器函数。装饰器函数

前端fighter·2024-02-20 01:38

2024前端面试准备之TypeScript篇（一）

全文链接1.什么是TypeScriptTypeScript是一种开源的编程语言，是JavaScript的一个超集。它添加了静态类型、类、接口和模块等特性，使得开发者能够更好地组织和维护大型应用程序。TypeScript代码可以被编译成JavaScript，从而可以在任何支持JavaScript的环境中运行。2.如何在项目中使用TypeScript安装TypeScript：首先，在项目的根目录中安装

前端fighter·2024-02-20 01:05

Vue3快速入门

赵健zj·2024-02-20 01:00

快速创建react项目.

react简介说起react，我相信大家都对它有一定的了解，react目前是前端界非常流行的一个框架了，react它产生了很多相关的技术，比如：我们常说的react.js，我们可以用react语法来编写一些网页版应用

River_tong·2024-02-20 01:38

SpringBoot+Vue应急物资管理系统医疗物资管理系统物资库管理系统Java

作者主页：计算机毕业设计老哥有问题可以主页问我一、开发介绍1.1开发环境开发语言：Java数据库：MySQL系统架构：B/S后端：SpringBoot(Spring+SpringMVC+Mybatis)前端

计算机程序老哥·2024-02-20 01:03

使用vite创建项目

latestYarnyarncreatevitePNPMpnpmcreateviteBunbunxcreate-vite安装sassnpmadd-Dsass安装lessnpmadd-Dlessvite官方中文文档：Vite|下一代的前端工具链

HWL5679·2024-02-20 01:34

使用Vue后怎么针对搜索引擎做SEO优化

而对于使用Vue.js来构建网站的前端开发者来说，了解如何进行针对搜索引擎的SEO优化就显得尤为重要。

JJCTO·2024-02-20 00:49

在vue事件中传入$event，使用e.target和e.currentTarget有什么区别

在Vue中，事件处理是前端开发中非常重要的一部分。当我们在Vue中处理事件时，经常会用到事件对象event，而在事件对象中，有两个常用的属性：e.target和e.currentTarget。

JJCTO·2024-02-20 00:49

Vue中$route 和$router 的区别

在Vue的前端开发中，经常会涉及到路由的使用。Vue提供了两个重要的对象来处理路由相关的操作，即route和route和route和router。

JJCTO·2024-02-20 00:48

前端遮罩层实现_css遮罩层怎么做？

现在大部分的网站，在我们点开一些活动页面是都会弹出一个类似领取红包，奖品等活动信息。也就是一个遮罩层，而实际上这遮罩层就是由简单的css来实现的。下面我们来看一下css如何做遮罩层。css使用可以使用opacity属性或rgba属性来实现遮罩层。通过css设置两个容器在同一位置，然后使用css设置其中一个容器透明度即可实现遮罩层。css做遮罩层示例：先看下我们的html，很简单，一个img图片控件

weixin_39876739·2024-02-20 00:18

【JavaScript】面试手写题精讲之数组(下)

笔者观察了下前端这块的常用算法排序题，大概可以分为如下冒泡排–>稳定排序插入排序–>稳定排序选择排序–>不稳定排序快速排序–>不稳定排序所以笔者在该章节只会讲解这4大排序算法的实现，至于有些读者问如果面试题出了其他的排序算法呢

鑫宝Code·2024-02-20 00:48

【HTML】SVG实现炫酷的描边动画

正文首先，这里涉及的技术是SVG,当然很多前端小伙伴们会觉得SVG有点陌生。是的，SVG是一种图像格式，一般都是由设计师给我们前端画好了，我们只需要下

鑫宝Code·2024-02-20 00:48

cligetter｜一款快速生成 Cli工具开发模版的脚手架

概述近年来cli工具的开发，对于不断发展的前端生态来说，似乎也逐渐成为工程师们的必备技能。

·2024-02-20 00:36

Day01 javaweb开发——tlias员工管理系统

任务介绍完成部门管理和员工管理的增删改查功能环境搭建前端---->后端---->数据库准备数据库表创建springboot工程（web、mybatis、mysql驱动、lombok）application.properties

临渊羡鱼的猫·2024-02-20 00:07

Vue后台管理项目（登录篇）

1.逻辑思路登录：用户提交登录信息之后，会向服务端发送请求，服务端的返回信息中会有一个token，前端将这个token存在cookie中后，可以保证刷新页面用户登录状态不丢失，这个token还可以用来获取用户的其他信息权限验证

LazyXu·2024-02-20 00:04

Promise拆解计划：由规范深入，从原理浅出

大家好，欢迎来到前端研习圈的今日分享。

·2024-02-20 00:06

解决安卓网页底部导航栏被键盘顶起来

最近做网页前端遇到的问题，在安卓端定位在底部的footer会被系统软键盘顶起来，例如下图：例在网上找了一天，没有找到合适的方法解决，别的网站有底部导航栏的也基本没有解决这个问题，可能都不care这点事吧

Mirror_b932·2024-02-19 23:14

【amis低代码前端框架】vue2集成百度低代码前端框架amis

什么是amis：amis是一个低代码前端框架，它使用JSON配置来生成页面，可以减少页面开发工作量，极大提升效率。

G佳伟·2024-02-19 23:32

SpringBootWeb学习笔记——12万字大合集

0.写在前面注：这套笔记是根据黑马程序员B站2023-3-21的视频学习的成果，其中省略了前端基础部分、Maven部分和数据库基础部分，详情可见目录。

扶摇|·2024-02-19 23:57

前端Vue3开发 “硬核” 新书来了

调查结果显示，使用Vue.js的开发者数量多于使用Vue2的开发者，而且大部分人仍在使用Vue2。这个结论与大家的预期可能不一致，有两个主要原因。一是老项目进入稳定期，重构成本高，没有必要升级。二是Vue3引入了大量新特性，如全面拥抱TypeScript、使用Vite替换Webpack等，大家担心这些新技术难以掌握，因此不敢在实际项目中应用。然而，Vue3是大势所趋，Vue2被替换只是时间问题。如

前端组件开发·2024-02-19 23:14

招聘 | Taro 团队招人啦！

我们正在寻找对前端开发充满热情的工程师，加入我们的Taro项目团队。如果你对跨平台应用开发充满激情，并具备以下技能和经验，我们热切期待你的加入！

·2024-02-19 23:33

前端面试题-笔试题

请实现一个fibonacci函数，要求实现以下功能斐波那契数列：[1,1,2,3,5,8,13,…]fibonacci(0)=>1fibonacci(6)=>8functionfibonacci(count){functionfn(count,cur=1,next=1){if(count===0){returncur}else{returnfn(count-1,next,cur+next)}}re

Alice_66·2024-02-19 23:59

前端框架

JavaScript在2017年被IBM评为最值得学习的编程语言之一，自然而然它的流行度快速上升，并一直持续。这也促使了一个活跃的生态系统的生成以及与之相关的技术和框架的发展。如今诞生了非常多的框架和库，如果对每一个框架没有一个大致的了解，恐怕很难抉择。如果你正在尝试选择一个合适的javascript框架，那么下面这几个框架你绝对不容错过：1.AngularJSAngularJS是一个有Googl

air_b10f·2024-02-19 23:07

uni-app页面中连接数据库，并进行更改和查找操作

连接数据库只能使用后台语言，我是用javaweb中的servlet文件，上传到tomcat服务器中，就会生成一个url地址，在前端就能用该url地址访问数据库的内容。

CQUST-XMY·2024-02-19 22:59

每日碎碎念

上午产品经理和前端就一个问题掰扯半天，产品经理说心情坏透了，一大早心情就不好。争论常常影响心情，

皓月映海·2024-02-19 22:58

【JavaScript】IndexedDB

文章目录1.IndexedDB的概念2.IndexedDB的基本用法打开数据库添加数据读取数据更新数据删除数据3.IndexedDB的适用场景4.安全性注意事项5.总结在前端开发中，IndexedDB是一种强大的客户端数据库

好久不见的流星·2024-02-19 22:53

前端面试题-Javascript中如何实现函数缓存?函数缓存有哪些应用场景?（2024.2.19）

一、概念函数缓存就像是一个记事本，它记住了函数每次计算的结果。当函数再次遇到相同的输入时，它不再重新计算，而是直接从记事本中查找并返回之前的计算结果。这个记事本就是一个简单的存储空间，通过记录每次函数调用的输入和输出，来避免不必要的计算，提高效率。这在处理一些计算量较大、但结果常常相同的函数时很有用，就像查字典一样，遇到相同的词汇就直接翻到上次查过的页面，不再重新查找。二、如何实现实现函数缓存的一

bug总结·2024-02-19 22:18

2024年前端JavaScript入门到精通第二天笔记

2.1赋值运算符2.2自增运算符2.3比较运算符2.4逻辑运算符以及优先级2.5JS基础Day2-23-if单分支语句以及判断成绩案例2.6JS基础Day2-24-if双分支语句以及判断润年案例2.7JS基础Day2-25-i侈分支语句以及上午总结2.8JS基础Day2-26-三元运算符以及求最大值案例2.9JS基础Day2-27-数字补0案例2.10JS基础Day2-28-switch分支语句2

PieroPc·2024-02-19 22:44

24 双非计算机秋招总结

引言我整理了一份10w+字数的前端技术文档（飞书），地址：https://qx8wba2yxsl.feishu.cn/docx/Vb5Zdq7CGoPAsZxMLztc53E1n0k?

Jackson Mseven·2024-02-19 22:32

使用Sora部署实时音视频通信应用实战项目

目录一、项目概述二、准备工作三、集成Sora到前端项目引入SoraSDK：在Vue组件中引入SoraSDK。四、实现音视频通信功能监听音视频流事件：在Vue组件中添加事件监听器，处理接收到的音视

GT开发算法工程师·2024-02-19 22:54

【实战】一、Jest 前端自动化测试框架基础入门（四） —— 前端要学的测试课从Jest入门到TDD BDD双实战（四）

文章目录一、Jest前端自动化测试框架基础入门10.Jest中的Mock（1）toBeCalled（2）func.mock（3）mockReturnValue&mockReturnValueOnce学习内容来源

程序边界·2024-02-19 22:44

ASMDB阅读笔记

UnderstandingandMitigatingFront-EndStallsinWarehouse-ScaleComputer.ISCA20191.文章的整体思路发现问题：通过Top-Down方法发现前端堵塞

精致的泛函·2024-02-19 21:21

2024程序员能有什么新的出路？

前言前两天和一个前端同学聊天，他说不准备再做前端了，准备去考公。不过难度也很大。

·2024-02-19 21:30

【笔记】前端接收List＜List＜Map＜String,Object＞＞＞类型的json数据该怎么遍历

问题描述：在今天的项目里，写到了一个图表统计，而数据内容则是2016到2022七年数据，每年数据里又有五条根据不同范围而划分的“ABCDE”子数据，后端返回的数据类型就是如题中的List>>类型，即用一个List包住＜List＜Map＜String,Object＞＞的类型。如图：我该如何接收到每个值呢？解决办法：硬着头皮拆解法：success:function(data1){varA=[];var

苗老八·2024-02-19 21:31

有关前端的一些问题（一）

1.Object.prototype.toString.call的原理使用Object的原型上的toString方法，这个方法拼接三个字符串：‘[object’+[[class]]+‘]’。其中[[class]]是对象的内部属性，一般无法访问。它是一个字符串值,表明了该对象的类型。2.Bigint在没有Bigint之前，Number类型都是64位，能表示（-2^53-1）到（2^53-1）之间的数

狗剩集团·2024-02-19 21:01

Bitcode

Bitcode是LLVM编译器将C/C++/OC/Swift等前端变成语言编译成多种不同芯片上的机器指令过程中的中间代码。并且这个中间代码是CPU无关的。

道道明明白白·2024-02-19 21:13

如何把List＜Map＜String,Object＞＞的数据显示在前端

首先导入allibaba的fastJsoncom.alibabafastjson1.1.46.sec01我的想法是先把List>的数据转换成Json【String】，然后再把Json转换成list，最后在前端遍历

小白程序猿一枚·2024-02-19 21:26

JAVA毕业设计火车订票管理系统计算机源码+lw文档+系统+调试部署+数据库

毕业设计火车订票管理系统计算机源码+lw文档+系统+调试部署+数据库JAVA毕业设计火车订票管理系统计算机源码+lw文档+系统+调试部署+数据库本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术

瑞致网络·2024-02-19 21:15

java计算机毕业设计火车订票系统源码+mysql数据库+系统+lw文档+部署

mysql数据库+系统+lw文档+部署java计算机毕业设计火车订票系统源码+mysql数据库+系统+lw文档+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术

法姆利·2024-02-19 21:44

java计算机毕业设计火车订票管理系统源码+mysql数据库+系统+lw文档+部署

mysql数据库+系统+lw文档+部署java计算机毕业设计火车订票管理系统源码+mysql数据库+系统+lw文档+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术

法姆利·2024-02-19 21:14

VSCode中的Prettier - Code formatter插件配置

一、Prettier-Codeformatter文件配置settings.json文件参考文章@前端烂笔头参考文章@m0_57617148关闭eslint语法报错:参考文章@钢镚儿吖建议:首先采用文章一的文件配置二

i小杨·2024-02-19 21:13

VS-Code-HTML-CSS-JS配置

LoveEmiliaForever·2024-02-19 21:38

前端开发，Vue的双向数据绑定的原理

目录一、什么是前端二、Vue.JS框架三、双向数据绑定四、Vue的双向数据绑定的原理一、什么是前端前端通常指的是网页或应用程序中用户直接交互和感知的部分，也称为客户端。

杨荧·2024-02-19 21:37

2024前端面试准备之CSS篇（二）

全文链接1.什么是伪类和伪元素伪类（Pseudo-class）:伪类是选择器的一种，用于选择特定状态或条件下的元素。它们以冒号（:）开头，用于向选择器添加额外的特定条件。例如，:hover伪类用于选择鼠标悬停在元素上的状态，:nth-child(n)伪类用于选择父元素下的第n个子元素等。伪元素（Pseudo-element）:伪元素是选择器的一种，用于在元素的特定部分上添加样式。它们以双冒号（::

前端fighter·2024-02-19 21:54

uni-app基础知识笔记

scss条件注释跨端兼容uni中的事件导航跳转组件创建和通讯，及组件的生命周期uni-app中使用uni-ui库项目：黑马商城项目uni-app介绍官方网页uni-app是一个使用Vue.js开发所有前端应用的框架

安静宅男爱蓝猫·2024-02-19 21:24

分配更多v8内存，确保大项目能正常启动

如果前端项⽬比较庞⼤，Webpack编译时就会占⽤很多的系统资源，如果超出了V8引擎对Node默认的内存限制⼤⼩时则启动失败。

猛踹瘸子那条好腿の·2024-02-19 20:45

前端input密码自动填充问题解决方案,React项目

在input上写入autoComplete='new-password'可以禁止浏览器的自动填充密码1定义一个变量const[inputType,setInputType]=useState('text')2进入页面的是否将密码输入框的type设置为text3再jsx函数体内声明onchange函数constonChangePass=(e)=>{setInputType('password')}只

猛踹瘸子那条好腿の·2024-02-19 20:14

vue脚手架配置代理 axios请求 slot插槽

vue脚手架配置代理方法一在vue.config.js中添加如下配置devServer:{proxy:"https://localHost:8080"}说明:1.优点:配置简单，请求资源时直接发给前端(

我家二爷·2024-02-19 20:16

推荐频道

前端杂学