logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

tailwindcss 使用

3.0可不用配置,默认就是该模式,无法关闭。按需加载样式,定义在extend中的样式也一样,没被用到,不会加载。另外,如果在一个页面中,有动态计算的样式,会因为在编译阶段没有该样式导致不生效;这里的需求是:显示卡片个数根据页面宽度自适应,1600及以上显示4个,以下显示3个。模式下,如果样式可预见,可以在某个页面处固定写死那些动态生成的。模式下动态定义的样式不会解析出来。函数 —— (推荐方式)批

elementUI ——el-select 如何实现input中label的特殊显示

1、选项列表中的label值官网示例<el-select v-model="value" placeholder="请选择"><el-optionv-for="item in cities":key="item.value":label="item.label":value="item.value"><!-- 直接通过插槽写自定义内容--><span st

文章图片
#elementui#vue.js#前端
react实现Enter发送,Ctrl+Enter换行的textarea输入框

【代码】react实现Enter发送,Ctrl+Enter换行的textarea输入框。

文章图片
react 子组件调用父组件方法,获取的数据不是最新值

react 子组件调用父组件方法,获取的数据不是最新值

文章图片
vscode 配置格式化以及eslint文件

参考:VUE代码格式化配置vetur、eslint、prettier的故事需安装vetur、eslint、prettier 的vscode 插件,以及npm install eslintvscode的setting.json文件这个文件格式化的时候,能处理:js的双引号变单引号,去掉尾部; , 解决space-before-function-parent:去掉函数括号前面的空格{"[javascr

tailwindcss 使用

3.0可不用配置,默认就是该模式,无法关闭。按需加载样式,定义在extend中的样式也一样,没被用到,不会加载。另外,如果在一个页面中,有动态计算的样式,会因为在编译阶段没有该样式导致不生效;这里的需求是:显示卡片个数根据页面宽度自适应,1600及以上显示4个,以下显示3个。模式下,如果样式可预见,可以在某个页面处固定写死那些动态生成的。模式下动态定义的样式不会解析出来。函数 —— (推荐方式)批

可以直接复制的emoji符号(表情)

emoji官网https://emojipedia.org/people/不同的系统上,每个表情(笑cry为例)都有不同的显示我没有找到下载接口,不过可以复制下来,直接用浏览器进行字符串处理:function emojiGen(str){var arr = str.split('\n')var emojiarr = arr.map(item => {return item.split(' '

vue-draggable-resizable 插件使用总结

一、安装和基本用法npm官方文档npm install --save vue-draggable-resizable1、全局注册组件// main.js中写入:import Vue from 'vue'import VueDraggableResizable from 'vue-draggable-resizable'// 可选择导入默认样式import 'vue-draggable-resiza

解决echarts宽度100%变成了100px

原因外层div设置宽高为100%,在渲染出来的时候变成了100px这种情况一般都是echart所在的div一开始是display:none,一般出现在以下几种情况:echats放在了tab中解决方法:1、通过js获取外层div的宽高,然后设置给图表容器2、加 mychart.resize()所在div用了v-show,这种情况要不换成v-if,要不就设置初始值是true。...

#echarts
vue中实现瀑布流

瀑布流的参考实现可以看这篇博客:3种方式实现瀑布流布局1、利用css实现瀑布流/**flex布局实现*/.box {display: flex;align-items: center;flex-flow:column wrap;height: 100vh; // 为啥要设置100vh才有效果}.item {border: 1px solid #5592e5;margin: 10px;width:

    共 21 条
  • 1
  • 2
  • 3
  • 请选择