前端

Vue3的setup基础

基本使用 setup内部定义的变量可通过return返回,这些变量和方法便可在模板中使用 基本使用 setup内定义的变量本事不具有响应式,即修改其内容时,页面不会发生改变,只有通过ref(基本数据类型)和reactive(复杂数据类型)才能让这些变量具有响应式。 赋予变量响应式 父子组件传值 父传子 子组件 父组件及效果 子传父 子组件调用父组件方

vue-loader源码解读

调试     新增script调试脚本     npm run debug后打开chrome://inspect/,即可看到对应位置断点 初始化     webpack的插件要求是一个包含了apply方法的对象,将被其自动回调     为loader打标记         当编译对象创建后,读取loader并标记vue-loader为true,表示用户通过plugin方

蓝桥到家复盘与总结

vue-admin-template 后台管理开源模版 开发需掌握要点 新建页面 1.1 新建页面 一般 在src文件夹下的views文件夹下新建,一般按照模块来新建 新建路由 2.1 新建路由在src/router/index.js内新建 2.2 注意点:path不能重复、name不能重复 vuex的使用 3.1 新建state变量 const state = { cl

svg图标无法修改颜色的解决方案

问题原因:该部分svg图标带有fill属性,不能直接通过css 修改fill属性。 解决思路:一、移除默认颜色(去色操作);二、利用CSS3滤镜filter中的属性drop-shadow。 思路一:移除默认颜色(去色操作) 用编辑器打开.svg文件,搜索fill="#xxx" ,删除后即可通过css进行修改。 或者将如下代码删除即可。 <defs> <style

受力作用的粒子系统

书名:代码本色:用编程模拟自然系统 作者:Daniel Shiffman 译者:周晗彬 ISBN:978-7-115-36947-5 目录 4.11 受力作用的粒子系统 1、受力作用的粒子系统   以上粒子类(Particle)中的加速度是一个常量,它从来不会发生变化。然而,一个更好的模拟框架应该遵循牛顿第二定律(F = M * A),并能将第2章中力的累加算法作用在粒子上,下面就让我实现这样

Spring Security 一键接入验证码登录和小程序登录

最近实现了一个多端登录的Spring Security组件,用起来非常丝滑,开箱即用,可插拔,而且灵活性非常强。我觉得能满足大部分场景的需要。目前完成了手机号验证码和微信小程序两种自定义登录,加上默认的Form登录,一共三种,现在开源分享给大家,接下来简单介绍一下这个插件包。 DSL配置风格 切入正题,先来看看配置: @Bean SecurityFilterChain defaul

搭建vue3+typescript+vite+yarn项目

前言: vite是vue3推荐的打包工具,相较于webpack,Vite 是基于 native ES module —— 现代浏览器基本已经全部支持了import/export 语法。 在Vite中,启动本地服务器,是不需要提交编译文件的, 而是在浏览器请求对应URL时, 再提供文件,实现了真正的路由懒加载, 这个比起Webpack节省了不少时间。打包和响应速度提升10倍以上 安装项目 全局安装

7.23

今天感觉很累,早上起来脑袋昏沉昏沉的,很懵很懵,下午也是。自习的一天,复习了昨天的知识点,今天又看了新的内容。 1.通过css进行三角形的制作。本质上来说就是对高度和宽度为0的盒子设置边框,再对部分边框颜色透明显示,就可以生成三角形。 放一个示例图。 小三角制作 还有三角强化,本质上都是一样的,通过设置边框进行显示。以下代码。 .box {      width: 0px;   

react-6-路由-2-嵌套路由-404

1. 前言 以前的文章路由都是5x路由配置,最近写个6x的,写完准备玩玩C,到时候在交流 因为现在脚手架默认安装的react也是18.x了 所以也注意哦 路由hook用法单独在写文章 react-router-dom 官网 英文的 有兴趣的可以自己看着学 接着 react-6路由-1-基础 2. 效果演示 效果图 演示.gif 下述逻辑按这个来实现

Next.js 13.2 发布,内置 SEO 支持

Next.js 13.2 近日正式发布,该版本包括对 App Router(app)的重大改进,为稳定性做准备。 内置 SEO 支持:新的元数据 API,可设置静态和动态meta标签。 路由处理程序:自定义请求处理程序,建立在 Web Request和 Response上。 MDX for Server Components:在 Markdown 内使用 React 组件,只在服务器端使用 Ru