- 博客(43)
- 资源 (2)
- 收藏
- 关注
RSS订阅转载 什么鬼？两行代码就能适应任何屏幕？
摘要：CSS Grid的auto-fit和auto-fill属性可实现自适应布局。auto-fit让内容自动填充剩余空间并折叠空列，适合卡片、相册等流式布局；auto-fill则保留空列占位，适合表格等固定列数场景。核心语法grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))使元素最小200px、最大平分剩余空间，无需媒体查询即可响应式适配不同屏幕。两者区别在于空列处理方式，开发者可根据需求选择。兼容性良好，是现代响应式布局的高效解决方案。
2025-05-28 10:36:36
10
原创 使用vue开发中一些图片保存的方法
当在uniapp或者小程序webview开发中, 需要保存h5页面中的图片。// 背景色, 转换图片可能会有白色底色，不要的话就null。小程序/uniapp中的页面(此处使用uniapp)// 将图片的URL设置到超链接的href中。// 检测每张图片都已经加载完成。// 创建一个超链接对象实例。// 设置要下载的图片的名称。// 触发超链接的点击事件。插件, 在页面中进行引用。用原生的a标签进行下载。
2023-11-10 15:12:52
3068
原创 .reduce()的简单例子
reduce()的简单例子与解说求[1,2,3].reduce((a,b) => console.log(a,b))的输出结果?
2022-08-01 16:58:59
838
原创 Invalid prop: custom validator check failed for prop “pagination“.(ant design中的stable报错)
ant design 报错: Invalid prop: custom validator check failed for prop "pagination"
2022-04-27 10:48:46
2979
原创 在vue2中使用rem布局(postcss-pxtorem、lib-flexible)
在vue2中使用rem布局(postcss-pxtorem、lib-flexible)
2022-04-22 12:06:24
2615
原创 微信JSAPI支付方式与错误(当前页面的URL未注册,支付验证签名失败)
微信两种JSAPI支付方式, 与错误提示【当前页面的URL未注册,支付验证签名失败】
2022-04-21 14:33:08
3724
原创 在vue中使用wx-open-launch-weapp(h5转跳小程序), wx-open-subscribe(服务号订阅通知按钮)
在vue中使用wx-open-launch-weapp(h5转跳小程序), wx-open-subscribe(服务号订阅通知按钮)
2022-04-07 17:46:34
3532
1
原创 echarts中,在折线图中对数据点实现闪烁/闪亮功能(涟漪图-effectScatter)
最近需要实现一个, 在折线图中要对数据进行一个闪烁显示的功能. 用到的是ecahrts的effectScatter.在ecahrts中, 关于涟漪图-effectScatter的文档在此链接可以进行查阅实现图:let opt = { ... xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], // splitLine :{ //网格线
2022-03-07 17:15:33
5034
原创 Echarts的一些使用记录(双Y轴属性、数据柱子渐变、X轴字体倾斜度、双指缩放滚动条是否显示)
双Y轴属性、柱子渐变主要是配置yAxis与series// 需要引用graphic来进行渐变属性import { graphic } from 'echarts/core';yAxis: [ { axisLine: { show: true, }, position: 'left', // Y轴的位置 type: 'value', name: "今年项目个数(个)", },
2022-02-23 17:52:23
402
原创 vue中使用词云图
在vue中, 查找到有两种方法来实现词云图, 分别是echarts 和 highcharts**Echarts:**注意,wordcloud对应的echarts版本有要求:echarts-wordcloud@2 is for echarts@5 echarts-wordcloud@1 is for echarts@4需要下载echartsjs 和 wordcloud, 全局注册引用echarts npm install echarts@5 npm install echarts-wordc
2022-01-25 14:32:31
6971
2
原创 部分iphone机型无法实现css的animation动画效果(无效, 失效)
部分iphone动效无效, 字体逐显样式, 字体向上移动样式
2022-01-25 10:08:26
3014
1
原创 小程序修改引用组件样式
#参考找到你引用的对应组件, 进入其目录下的js进行options的配置: options: { addGlobalClass: true, }例如:index.wxml<compa /><compb />compa文件夹下的js:Component({ options: { addGlobalClass: true, }, properties:...})或者使用i-class:#参考:<compa i-class
2021-10-27 16:06:03
316
原创 关于vue3与vite搭建时遇到的一些错误
关于vue3与vite搭建时遇到的一些错误SyntaxError: The requested module‘/node_modules/.vite/vue-router/dist/vue-router.esm.js?v=4830dca4’does not provide an export named ‘createRouter’在修改配置文件过程中, 运行时控制台出现报错上述, 在网上终于发现了一个解决办法:先npm uninstall vue-router然后npm instal
2021-03-30 14:56:12
13682
1
原创 关于vue的本地测试跨域
项目api：http://www.test.cn/api/requestUrlaxios.defaults.baseURL = 'http://www.test.cn';axios.post('/api/findClassfiyTags',{}).then((res)=>{ console.log('https',res) })在做本地项目时，调用api时会报...
2019-10-28 11:47:14
849
原创 小程序防止多次提交、重复提交
在开发小程序之前，都是使用变量来控制按钮是否能使用，但是在开发小程序过程中，发现使用变量来控制按钮会有延迟，所以找了另一种方法。
2019-10-25 13:35:41
2499
原创 微信小程序的canvas与图片上传
画canvas：//这个是选择图片，具体可以看微信的官方文档wx.chooseImage({ count:1, //用户最大可以选择照片张数 success(res){ console.log('res',res) //打印看里面的数据 }})...
2019-10-21 16:36:20
2240
原创 身份证正则
if (!(/\d{17}[\d|x]|\d{15}/).test(idcard) || (idcard.length != 15 && idcard.length != 18)) { return; }
2019-10-21 14:53:55
155
原创 移动端滑动条-slider
上图是效果图, 可以自己修改样式appslider.vue <slider :value-fun="sliderVal" :min="0" :max="100"></slider>slidercom.vue<div class="slider1" ref="mySlider1"> &l
2019-10-21 14:50:29
907
1
原创 小程序数组多层for循环,遍历
这个是数组:let list = [{ "id": 511, "size": { "0": "S", "1": "M", "2": "L", "3": "XL" }, "type": { "0": '灰蓝 现货', "1": '灰蓝 预售10月1日', "2": '杏色' }, ...
2019-09-20 11:37:34
1458
转载 SVG图片压缩
这是个通过借助npm包的一种方式去压缩svg的图片-------使用命令行安装 npm install -g svgo-------在控制台输入： svgo E:\a.svg -o E:\b.svg第一个路径是需要压缩文件路径；-o OUTPUT 第二个是压缩后存放地址；原文链接:https://blog.csdn.net/weixin_33965305/article/...
2019-07-09 14:32:50
2764
原创 vue中简单使用localstorage
localStorage - 没有时间限制的数据存储var arr=[1,2,3];localStorage.setItem("temp",arr); //会返回1,2,3console.log(typeof localStorage.getItem("temp"));//stringconsole.log(localStorage.getItem("temp"));//1,2,3lo..
2019-02-28 13:58:09
1590
原创 css画钩
效果图:html:<i class="tick"></i>css:.tick::before{ display: block; position: absolute; content: "\2714"; text-align: center; font-size: .56rem; line-height: .56r...
2019-01-29 10:55:44
816
原创 js时间轴
div部分:&lt;div class="timelines"&gt; &lt;ul class="timeline"&gt; &lt;li class="litime"&gt; &lt;div class="time&am
2019-01-29 10:39:11
2029
原创 vue中clipboard.js的使用
在这个项目中, 需要点击按钮后可进行指定文字的复制<template><div> <p>{{copy_num}}</p> <p v-clipboard:copy="copy_num" v-clipboard:success="onCopy" v-clipboard:error="
2019-01-23 17:56:03
1750
原创 关闭Toast
虽然关闭Toast是一个很小的功能, 但是记录下来也无妨( 样式就不写了 )项目背景是vue<template> <div> <p @click = 'openbtn'>打开Toast</p> <p @click = 'closebtn'>关闭Toast</p> </div></te
2019-01-23 17:01:22
1212
原创 关于js控制器/开关
这里所说的控制器或开关, 是关于避免重复向服务器进行数据请求项目背景是vue, 实际上在其他地方使用也一样的<script>var turnoff = true;//定义一个全局变量export default { name:'', data(){ return{}, created(){ turnoff = true; },...
2019-01-23 15:30:04
839
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人