Web前端
末木CT
她是属于白天的,晴天朗日才配得上她的笑。
展开
-
实现点击按钮复制内容
实现点击按钮复制内容原创 2024-02-27 00:05:00 · 381 阅读 · 0 评论 -
github 命令使用
这里记录一下使用到的github命令:在项目文件位置右键打开git bash here1.撤销上一次commit:将文件commit但是还没有进行push,想要撤销文件的commitgit reset --soft HEAD^2.查看github提交记录git reflog结果:黄色部分为版本编号,后面恢复版本可以直接根据版本号恢复到对应的版本3.版本恢复:恢复到4e9dd8e版本git reset 4e9dd8e4.上传超过100M的文件:文件大小超过10原创 2021-01-11 15:37:42 · 173 阅读 · 0 评论 -
Vue中Echarts点击事件不能调用methods方法
在VUE中使用echarts,绑定了一个点击事件获取echarts中的数据,并将获取到的数据传给另一个函数(在vue的methods:{}中)进行处理。但是发现不能这样调用,代码如下,报了以下错误:methods:{...drawChart(){ myChart1.on('dblclick','series.effectScatter',function (param){ console.log("得到的参数:", param.name) this.testfun原创 2020-11-15 18:08:19 · 3066 阅读 · 7 评论 -
设置HTML高度与视口一致
设置HTML高度与视口一致原创 2022-07-27 23:19:37 · 406 阅读 · 1 评论 -
Ant Design Vue 样式自定义覆盖
在使用Ant Design Vue时发现很多样式想要修改却修改不了,有的组件虽然提供了样式修改的接口,但是不起作用啊; 想要自己覆盖样式也覆盖不了,各种方法试到你怀疑人生. 这种框架用起来简单, 但在具体需求方面也很磨人. 例如我在使用tabs标签页时,呈现效果是这样的:想要tab标签靠左, 怎么调都不行. API提供的tabBarStyle也没用,若试过tabBarStyle能生效的小伙伴可以交流一下.于是我就自己新建样式进行覆盖.....(下面是正文)Step 1: 确认安装less-l原创 2021-05-21 16:22:20 · 4750 阅读 · 5 评论 -
Ant Design Vue 文件上传自定义按钮和文件列表位置
采用默认上传文件样式如下:主要代码如下,可参照官方示例 <a-upload name="file" style="float: left;" @change="uploadFile" :fileList="fileList" :showUploadList="false" :customRequest="customRequest">原创 2021-05-18 09:29:52 · 5299 阅读 · 2 评论 -
vue-cli2 + ant-design-vue定制主题
基于vue-cli2引入ant-design-vue. vue-cli2构建的项目目录如下:1.安装ant-design-vue.npm install ant-design-vue2. 在src/main.js中引入组件和样式import Vue from 'vue'import Antd from 'ant-design-vue'import App from './App'import router from './router'import 'ant-design-v原创 2021-04-29 15:35:35 · 513 阅读 · 2 评论 -
js文件中调用vue组件methods中的方法
需求:在js文件中的js_fun()中得到一个结果,想要把该结果作为参数传给vue中vue_fun()方法,并在vue_fun()中执行该参数相关的操作;js文件和vue不在同一个文件夹下方法://vuemounted(){//关键是这句,一个方法对应着js中的方法,一个方法对应着vue中的window.callfun = this.vue_fun;...},methods:{...vue_fun(param){ ...}...}//jsjs_fun(){原创 2021-01-05 20:25:04 · 2476 阅读 · 1 评论 -
element ui 和jquery-ui Sortable相结合实现组件可拖拽排序
实现一个可拖拽排序的多选框,使用jquery-ui sortable实现拖拽排序,使用element ui实现多选框。效果如下:代码实现: <el-checkbox-group v-model="checkList" fill="#bb4455"><!--element ui--> <ul id="sortable"><!--jquery-ui--> <li><el-checkbox label="G原创 2020-11-12 20:32:27 · 395 阅读 · 0 评论 -
D3颜色比例尺d3.schemeCategory10
这里记录一个D3中颜色比例尺对应的颜色(v4/v5):var color = d3.scaleOrdinal(d3.schemeCategory10);...return color(i);orvar color =d3.schemeCategory10;...return color[i];这里需要注意一下版本问题,v3版本:var color = d3.sc...原创 2020-02-10 21:41:24 · 6034 阅读 · 0 评论 -
CSS消除ul和li的间隔
最近用到<ul>和<li>标签,但是在做样式调整得时候发现列表项总是和前面保持一段距离,怎么调整都不行,如下图所示:后来搞清楚原来即使设置了隐藏列表默认的序列号样式,但它还是会有占位。所以我们需要给ul设置padding,例如这里我给ul设置padding-left=0之后效果如下图:这样就可以清除ul和li之间的间距了。...原创 2020-02-10 20:40:12 · 1875 阅读 · 0 评论 -
Web存储
Web存储是HTML5的新特征,是一种将少量数据存储在客户端磁盘的技术。相比cookie:1.浏览器能存的cookie数量较少,如IE8,Firefox每个域名只能保存50个cookie(safari/WebKit没有限制),一个cookie文件最多可以存放4096B左右的数据。2.每次对服务器请求时,cookie会存放在请求头中一同传到服务器,若请求头大小超过限制服务器无法处理,因此co原创 2017-10-28 15:57:58 · 314 阅读 · 0 评论