草庐IT

初级前端

全部标签

前端使用Threejs控制机械臂模型运动(我在CSDN的第一篇文章)

学了Threejs有一段时间了,但是都是对着教程学的,没有实际的需求做过,感觉Threejs还是很虚正好,可能是领导看到了我的焦虑,说到:小王啊,这里有个机械臂模型的需求,你来处理一下我:废话不多说,先看效果图使用技术栈Vue3+Vite+Threejs+element-plus源代码1.菜单控制机械臂角度模块!--*@Author:wangzhiyuw19165802736@163.com>*@version:1.0.0*@Date:2024-02-2014:04:30*@LastEditTime:2024-02-2014:09:18*@Descripttion:菜单控制机械臂角度模块-->

前端动画技术Animations和Transition

前端动画技术Animations和TransitionAnimations(动画)Animations(动画)是一种CSS3技术,可以创建复杂的动画效果。与Transitions相比,Animations更加灵活,可以在任意时刻控制动画的进度和状态。Animations(动画)通过设置animation属性,并结合@keyframes(关键帧)定义的动画序列,来实现对页面元素的动画效果。常用的Animations属性animation-name:动画的名称animation-duration:动画的持续时间,单位为秒或毫秒animation-timing-function:动画的时间函数,用于

前端微服务-qiankun从0到1搭建(主要核心点)以及需要注意的地方

记录前端微服务-qiankun从0到1搭建(主要核心点)需要注意的地方前言:由于我们公司的项目基本都是后台管理系统类的,所以要求微应用入口必须是主应用的一个路由菜单、而且需要处理菜单权限、信息共享等问题、但是qiankun官方文档中案例记录中使用的都是registerMicroApps方法来进行引入子应用的配置、导致项目刚开始的时候踩了很多坑。所以在此记录一下一些需要注意的点。文章末尾有自己搭建的简易的主应用模板、以及微应用模板、后续需要使用可以直接clone下来,稍微改改就能用了。问题:(1).使用registerMicroApps注册微应用的时候,无法解决路由缓存、子应用动态路由(权限)等

[HTML]Web前端开发技术27(HTML5、CSS3、JavaScript )JavaScript基础——喵喵画网页

希望你开心,希望你健康,希望你幸福,希望你点赞!最后的最后,关注喵,关注喵,关注喵,佬佬会看到更多有趣的博客哦!!!喵喵喵,你对我真的很重要!目录前言JavaScript程序控制结构顺序结构分支结构循环结构-for循环结构-while语句循环结构-do-while语句循环结构-for-in循环循环结构-循环的嵌套循环中断与继续JavaScript函数常用系统函数-全局函数常用系统函数-常用的对象函数自定义函数函数变量的作用域课后练习编程实现“手机批发业务-产品选购”页面,主要功能有查看购物车、收银台结算、初始化参数等总结前言Web前端开发工程师应掌握以下内容理解JavaScript程序的概念与

【前端】Vue实现网站导航 以卡片形式显示(附Demo)

目录前言1.html版本2.Vue2.1Demo12.2Demo2前言单独做一个跳转页面推荐阅读:【前端】实现Vue组件页面跳转的多种方式但是如果网站多了,推荐卡片式导航,具体可看下文:(以图片显示显示各个网站,图片需要内嵌)1.html版本其实html版本和Vue相差不了多少,只是排版问题而已这一版主要是卡片形式,但是没有嵌入图片,嵌入图片加个位置即可:DOCTYPEhtml>htmllang="en">head>metacharset="UTF-8">metaname="viewport"content="width=device-width,initial-scale=1.0">titl

前端-打卡每日面试题-闭包(2024.1.25)

一、闭包是什么?1、概念闭包是指在函数内部定义的函数,能够访问到外部函数的变量,并且保持对这些变量的引用,即使外部函数已经执行完毕。闭包形成了一个封闭的作用域,使得内部函数可以访问外部函数的局部变量,从而延长了这些变量的生命周期。functionouter(){letx=10;functioninner(){console.log(x);//内部函数可以访问外部函数的变量x}returninner;//返回内部函数}constclosureFunction=outer();//调用外部函数,并将内部函数保存在变量中closureFunction();//执行保存的内部函数,依然可以访问外部函数

2024为什么前端都应该掌握Nextjs 或 Nuxtjs

在2024年的今天,相信前端早已不局限于对着组件库撸后台curd,随着互联网行业的收紧,各大公司对前端的要求也越来越高,请热爱前端行业的朋友不要气馁,前端还可以做很多事。曾经业界还对typescript抱有观望态度,而现在几乎已经成为了前端基石。在2024年之后,个人认为服务端渲染框架将成为必备技能,本篇文章并不谈太多技术,就发展方向表达个人观点。前端仍然有很多可以深挖的细分领域,比如webgl、Flutter、Rust等,但是这些领域较窄,能提供的岗位有限,需要认定之后去深入研究,比较吃长期积累。对于大部分前端开发者,更容易拓展自己边界的便是使用nodejs参与服务端,这里并不是要大言不惭的

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第十二章 常用工具函数 (Utils配置)

前言在项目开发中,我们经常会使用一些工具函数,也经常会用到例如loadsh等工具库,但是这些工具库的体积往往比较大,如果项目本身已经引入了这些工具库,那么我们就没有必要再引入一次,所以我们需要自己封装一些工具函数,来简化我们的开发。一、通用类工具函数在src/utils目录下创建tools文件夹,用于存放通用类工具函数文件。在tools文件下创建index.ts文件import{ElMessage,MessageHandler}from'element-plus'/***@description文档注册enter事件*@param{Function}cb*@return{void}*/expo

已解决:安卓自带的webview加载前端h5项目白屏时长严重,vue首页加载白屏时间过长,那我让app进入的时候就提前加载网页

(此文方向错了,由于我写文章时刚开始研究前端,被坑了自己还不知道,所以现在在此说明一下,加载慢的原因是因为我的代码被同事在index.html中动了手脚,加了一行加载一个已经停用的组件的样式网站的组件,导致国产浏览器加载不到这个组件,就一直卡着,直到这个地址报错了才开始执行后面的代码,大家要是遇到了前端项目启动慢,也可以照这个思路去想去看看index.html有没有异常就可以了)自己写的vue项目,自己写的安卓壳子,本来自己觉得慢,忍忍就过去了,但是人家觉得慢,你不得改么?结果是前端自己开发,安卓也自己开发,想甩个锅都没法甩,总不能甩给后端吧?哈哈哈言归正传:如果你有急事,可以直接跳到后面看,

解决前端跨团队统一的隐性拦路虎

前言春节刚归来,我们不搞那么烧脑,先来一篇浅显易懂的文章,期望给大家带来一些新的解题思路。背景过去多年无论是一款插件推广,还是组件库统一,无论是一次机制流程制定,还是前端工程化体系建设,相信很多同学与我一样,在跨团队方案推广统一过程中,前期无论做好多详实的准备,最终都会有一种未竟全功的感觉。推广过程中,总会有人摆出历史包袱过重这一拦路虎“说服”我们,比如”我这项目不维护了,无需升级“,”我这项目框架太老旧了,无法升级“,或两者兼有之,到底改哪些项目,多取决于双方自行判断,说穿了其实是双方“非不能也,乃不欲也”。危害一方面前端项目下线充满不确定性,业务不维护不代表页面无访问,旧有项目中总有一些页