首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
前端
月月明明星稀
创建于2022-06-03
订阅专栏
记录vuejs, javascript, html,css, echarts等各种前端知识
等 2 人订阅
共18篇文章
创建于2022-06-03
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
微信小程序实现日期+时间选择器
之前基本是web端开发比较多,习惯了使用UI库,比如element ui之类的,提供的各组组件也都比较丰富。这次偶然一个微信小程序的练手项目,需要选择日期和时间,又不至于到安装ui库,所以就找了好半天
vue3&vite4使用pdfH5遇到的坑记录
一、不能🈲安装pdfH5,还要相关依赖包,否则会报错 [ERROR] Could not resolve "canvas" You can mark the path "canvas" as exte
uniapp vue3 微信小程序展示markdown
最近在做结合大模型的微信小程序智能对话问答,由于大模型返回的是一些markdown语法,所以就想着找找目前已有的可用的插件,测试了主流的几款插件效果,特此记录。 一、zero-markdown-vie
uniapp vue3 微信小程序随着对话内容的输出页面自动滑动到底部
最近大模型的应用很是火热,闲来无事顺手也写一个自己的基于大模型的对话问答小程序。其中遇到的主要问题就是大模型的流式输出,页面内容不断动态增加,为了良好的用户体验,需要页面自动往下滚动,这个其实在web
vue2 使用swiper构建中间叠加的轮播图
vue2 使用swiper构建中间叠加的轮播图,一、swiper及vue-awesome-swiper安装 注意,swiper版本不同,可能导致不同的bug出现,并且swiper与vue-awesom
从零开始构建vue3+ts+elementPlus
一、初始化项目 前提:- 已安装 16.0 或更高版本的 Node.js 执行命令npm init vue@latest 这一指令将会安装并执行 create-vue,它是 Vue 官方的项目脚手架工
前端大屏适配,弹性布局
一、跟随浏览器窗口的缩放,展示的列表列数增加或减少 比如列表页的布局是这样的,第一层为.home,第二层为content, 第三层是好多个list 希望在浏览器窗口宽度小余1200px时展示3列,15
渐变色及阴影调节等前端实用小工具
1、渐变色 https://uigradients.com/#NoontoDusk 点击左侧菜单可以查看更多的渐变色,还可以直接点击直接复制颜色值 2、阴影的调节 https://neumorphis
CSS padding实现比例固定图片自适应布局
一、需求场景 最近做项目时使用到响应式布局,页面的列表内容宽度随着浏览器窗口的变大而变大,并且列表页面主要是图片+标题,需求又要保证图片的等比例缩放。因此就引发了如何在宽度改变的情况下,保持图片高度的
vue中封装svg-icon组件
https://www.cnblogs.com/lhjfly/p/10756650.html 1、安装svgo-loader、svg-sprite-loader npm i svgo-loader s
CSS实现图片等比例缩放展示
一、图片原始宽高等比例缩放 图片等比例缩放,不变形;图片所有区域都会显示。但是有可能会造成横向、纵向白边,当我们在做图片列表时,这会看起来有点乱。所以有了第二种方式。 二、宽度固定,高度自适应 以上能
vite+vue3中静态资源的几种引入方式
一、将资源引入为 URL import loginImg from "../assets/images/denglu.png" 使用方式: <img :src="loginImg" alt="" />
vue 使用clipboard.js从后端获取数据后复制到剪切板
安装clipboard npm install clipboard --save 引入 声明一个dom对象用于发出对应的事件节点
Echarts 炫酷动态柱状图
在短视频上看到过很多种根据热度排序的炫酷图,今天去echarts上找了找,发现还真有,echarts5开始内置支持动态排序柱状图,以下是示例,记录下来供参考。 效果图: 官网链接:https://ec
echarts中富文本标签rich的用法
由于最近又开始使用echarts,虽然之前使用过,但时间过去太久导致很多配置项都忘记了,最近复习了写富文本标签的用法,想着记录下来,在需要的时候可以查找使用。 官网参考连接:https://echar
Vue 动态Style宽度使用calc()函数计算不兼容IE,Error in nextTick:"Error:未指明的错误。”
场景: 整体宽度固定,左右布局的结构,左边是图片或者图标,即左边元素的宽度不固定,右边宽度需要根据左边元素动态计算。 思路:在vue的mounted生命周期中获取左边渲染元素的宽度,从而计算右侧宽度。
关于何时出现滚动条、滚动条出现在哪个元素上的那些事儿
最近在开发过程中遇到了关于滚动条的一些问题,多次实验后现将总结的经验记录分享下来,希望能够帮助到有疑问的小伙伴们~ 一、滚动条何时出现 一般是要展示的内容比较宽或者比较长,指定宽度或高度的元素无法装下
背景图片根据不同宽度的屏幕适配
需求:首页有个大的背景图,需要根据设备屏幕的不同宽度进行图片大小适配。 实现思路:使用媒体查询实现不同宽度适配。 APP.vue ` Home.vue ` `@media only screen an