前端哥

vue3和vue2 使用css变量的方法(附带scss的使用方式)

2024-01-25通过内联样式写css变量(可以调用js里面的变量),如何在style标签里面就可以使用css变量。这么写在 scss 是会编译报错的。建议写成第二种这种计算属性的方式,当值发生改变,也可以响应变化。直接在style标签里面使用v-bind绑定js里面的变量。会将双引号自动去掉,从而得到。,解决了编译失败的问题。_vue3setup中使用scss变量

https://www.qianduange.cn//article/283.html 分类:前端知识

uniapp\ taro 如何使用 UnoCSS 原子化css

2024-01-25如需更改默认的转换规则,可通过进行修改})presets: [}),],// options 见https://github.com/MellowCo/unocss-preset-weapp/tree/main/src/transformer/transformerAttributify}),// options 见https://github.com/MellowCo/unocss-preset-weapp/tree/main/src/transformer/transformerClass。_unocss-preset-weapp

https://www.qianduange.cn//article/275.html 分类:前端知识

vue3 defineEmits的使用

2024-01-252、使用defineEmits会返回一个方法,使用一个变量emits(变量名随意)去接收。3、通过子组件事件修改变量值,同时将值传递给父组件,对父组件的变量进行赋值。3、在子组件要触发的方法中,调用emits并传入发射给父组件的方法以及参数。1、在子组件中调用defineEmits并定义要发射给父组件的方法。以下代码和内容的使用都是在vue3的setup中,未使用TS。2、在子组件中定义 1和-1方法,以及一个变量。1、在父组件中定义一个变量。_defineemits

https://www.qianduange.cn//article/271.html 分类:前端知识

【前端|JS实战第1篇】使用JS来实现属于自己的贪吃蛇游戏!

2024-01-25通过这个项目,你不仅可以学习如何使用 JavaScript 来实现一个小游戏,还可以熟练学习js操作dom、数据的常用方法、定时器setInterval、css样式、事件监听器以及实现需求的逻辑思维等等知识,对前面学习的一些理论知识进行了实践,相信你跟着一套教程下来会对前面学习到的知识有更深的理解。后续我们这个前端专栏还会讲述ES6、垃圾回收、js算法技巧、Vue入门实战、React实战、前端面试题。_js写贪吃蛇

https://www.qianduange.cn//article/262.html 分类:前端知识

HTML文档引入JS模块出现路径问题

2024-01-25JS抽离, 引入three模块.Liveserver报错:```Uncaught TypeError: Failed to resolve module specifier "three".Relative references must start with either "/", "./", or "../"._relative references must start with either "/", "./", or "../".

https://www.qianduange.cn//article/261.html 分类:前端知识

图片格式转换(File、Blob、base64)

2024-01-24记录一下比较常见的图片格式(File、Blob、base64)在不同的场景他们之间的相互转换的方法。BlobBLOB(binary large object): 二进制大对象,是一个可以存储二进制文件的容器。在计算机中,BLOB常常是数据库中用来存储二进制文件的字段类型。属性名称读/写描述size只读Blob 对象中所包含数据的大小(字节)。type只读一个字符串,表明该Blob对象所包含数据的MIME类型。如果类型未知,则该值为空字符串。例如 “image/png”File。_file转blob

https://www.qianduange.cn//article/249.html 分类:前端知识

jQuery EasyUI_03 快速入门 购物车项目搭建(实现流程)

2024-01-24目录一、我们应该做哪些准备工作呢?二、MVC模式代码三、JSP部分(组件导入的部分) 前言:本文内容有关于的是有网页基础(HTML Css Js)jQuery、Oracle、javaweb(servlet)、Map集合、List集合以及网页无刷新技术Ajax、EasyUI等基础知识。 综合性知识较强,属于开发思维。一、我们应该做哪些准备工作呢? 实现效果:使用 jQuery EasyUI 购物车的实现......_利用jquery写商城项目

https://www.qianduange.cn//article/248.html 分类:前端知识

SpringBoot简单使用Echarts

2024-01-24打开BootCDN,搜索echartseCharts是一个使用JavaScript 实现的开源可视化库,可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的矢量图形库ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。选择5.1.0版本,复制script标签2、返回官网,选择示例3、左侧选择饼图4、选择基础南丁格尔玫瑰图5、拷贝左侧的js样式option = {legend: {_springboot echarts

https://www.qianduange.cn//article/231.html 分类:前端知识

Echarts中常用的参数总结以及参数自定义示例

2024-01-24本文主要讲解使用Echarts时setOption里面的属性以及常见的问题,参数都是本人项目里的具体参数。设置内容都是在 `setOption({ })`中。_echarts series参数

https://www.qianduange.cn//article/220.html 分类:前端知识

[Vue warn]: Invalid prop: type check failed for prop “value“. Expected String, Number, got Array

2024-01-243、也就是说,uni-data-select下拉组件获取绑定的数据类型是字符串类型或者 数字类型。如果初始化成数组、对象、Boolean等之外的类型,就会报类似的错误。1、意思时检查到"value"相关的值有误,希望它时字符串类型或者数字类型,而不是数组类型。1、在uni-app小程序中应用到uni-data-select组件时,出现的报错。_[vue warn]: invalid prop: type check failed for prop "value". expected strin

https://www.qianduange.cn//article/204.html 分类:前端知识

2444条数据,当前243/245

最近搜索

会员中心 联系我 留言建议 回顶部