html
关注
分享
扫一扫
文章平均质量分 65
奔跑的痕迹
I like to learn new technologies every day and I am willing to constantly improve myself.
展开
-
将excel表格转换为element table(上)
由于行列内容太多看起来有些乱，这效果的确不是想要的，于是想到了使用element ui 的table 来加载。最近有个功能需要将excel展示到html 界面里面，看是简单的一个需求也是需要费尽心思才完得成。于是根据这个案例开始重新组织xlsx 加载返回的数据。想要把excel 读取出来，于是使用xlsl的插件。看起来是要好很多了，接下来就是进行行列合并的操作了。将数据转换为html 再使用v-html加载数据。通过插件可以获取到已经分析好的数据。再增加一个重构表单数据的方法。首先要将数据行列重新组装。原创 2024-07-02 21:47:57 · 638 阅读 · 0 评论 -
禁用input自动补全，模拟type=password输入字符显示为星号
根据改地址做了一个模拟如下：<template> <div class="text-input" :class="right ? 'textinput-right' : ''"> <span v-if="star" class="pwd-txt" :style="right ? { paddingRight: '5px' } : { paddingLeft: '5px' }" > {{ password原创 2021-03-31 21:45:52 · 2661 阅读 · 0 评论 -
鼠标移入select options会触发mouseleave 事件处理方案
参考html select控件移动到option标签时就触发mouseleave()解决方法html select控件移动到option标签时就触发mouseleave()解决方法https://blog.csdn.net/tian_i/article/details/79181721js获取某个容器下的所有标签，并判断标签类型https://blog.csdn.net/weixin_30498807/article/details/102265975js(判断元素是否包含某个class名)https原创 2020-07-26 13:51:21 · 2633 阅读 · 0 评论 -
flex弹性布局模式下文字超出显示省略号
flex弹性布局，会随分辨率不同，宽度不同呢，那这么来设置在一定范围内的文字超出隐藏，显示省略号呢？原创 2020-02-09 19:41:27 · 3617 阅读 · 0 评论 -
使用a标签下载**.txt文件， 而不是直接打开
今天有个使用a标签下载一个 .txt 文件，但是使用了不少方法，在点击下载的时候总是会直接打开被下载的文件，但是下载其他格式的文件就不会；也在网上找了不少资料一、尝试href + download方法有得说测试是页面是这样二、尝试另一种href + download方法也有人说要不就是这样三、尝试createElement方法也使用过这种function dow...原创 2019-11-11 22:21:16 · 6418 阅读 · 6 评论 -
vue使用iframe嵌入html，js方法互调
前段时间 使用h5搞了个用cesium.js做的地图服务功能，后来想整合到vue项目，当然最简单的就是iframe直接拿来用了。但html和vue的方法交互就是成了问题，vue调用html种方法还好，尤其是html调用vue中的方法当初就没有解决，忙着项目上线直接搞了个setInterval不停轮询，哎不说他了；现在空点了来把问题解决了，俗话说得好闲时学来忙时用，闲时不学忙时莫得用，所以各位...原创 2019-10-21 21:43:15 · 5878 阅读 · 1 评论 -
HTML渲染机制
一、先借一张图来看看html运行机制一、浏览器解析html过程概述1.1、 用户输入网址（假设是个html页面，并且是第一次访问），浏览器向服务器发出请求，服务器返回html文件。1.2、 浏览器开始载入html代码，发现<head>标签内有一个<link>标签引用外部CSS文件。<head lang="en"> <meta charset=...原创 2019-10-06 21:21:15 · 1804 阅读 · 1 评论 -
WebStorm2018内存溢出 提示 There is not enough memory to perform the requested operation
今日在写bug 时 ide 突发脑溢血，崩溃了一、修改用户目录下的 .vmoptions找到C:\用户\用户名.WebStorm2018.1\config\webstorm64.exe.vmoptions使用 notepad ++ 打开将其改为光改这个还不行，依然会提示二、修改WebStorm 安装目录下的 .vmoptions还需要修改 WebStorm 安装目录下的...原创 2019-09-05 16:52:21 · 13212 阅读 · 5 评论 -
最通俗易懂的flex讲解
30分钟彻底弄懂flex布局 欢迎大家前往腾讯云+社区，获取更多腾讯海量技术实践干货哦~本文由elson发表于云+社区专栏目前在不考虑IE以及低端安卓机（4.3-）的兼容下，已经可以放心使用flex进行布局了。什么是flex布局以及它的好处，这里就不再赘述。在这篇文章里，想说说flex布局的属性语法及其细节。那么网上也有不少flex布局的教程，为...转载 2019-06-25 09:14:07 · 430 阅读 · 0 评论 -
在vue 项目中嵌入jsp页面
今日一个项目中一块功能模块是其他系统使用jsp已经开发好的页面，想着直接将其嵌入到当前的vue项目中节约开发成本；但是发现并非想象的那么简单创建一个server.vue组件加载jsp页面1 使用 v-html进行jsp 渲染<template> <div class="docker-server"> <div v-html="pageCont...原创 2019-08-19 21:51:22 · 18115 阅读 · 1 评论 -
CSS文本过长时设置省略号
写页面时很多时候会遇到一个容器中文本内容超出，使用overflow : hidden;，但是跟用户体验不太友好，设置overflow : scroll; 会出现滚动看着也不爽，所以我就想使用css 设置超出省略号显示单行文本语法： text-overflow : clip | ellipsis 参数： clip : 不显示省略标记（...），而是简单的裁切 （cl...原创 2019-08-08 21:56:12 · 3891 阅读 · 0 评论 -
css设置边框四角样式
开发中使用css 伪类 是再常见不过的事情了，运用好了能轻松实现许多复杂的样式，大大减少使用图片消耗带宽的问题，今天我们就使用伪类来实现登录框的四角样式html代码如下 <div class="form backLoginForm"> <el-form :model="formData" ref="form"> <!-- 添加自己的fo...原创 2019-08-06 16:46:11 · 4613 阅读 · 2 评论 -
Vue+Element中Table懒加载，新增、删除操作后手动更新
Vue+Element中Table懒加载，新增、删除操作后手动更新今天开发一个自动分类管理系统中行业类型管理，使用table tree 进行节点懒加载，遇到的问题是：使用load 进行懒加载后在tableData中是取不到子节点数据，所以在为某个节点新增了子节点后无法实现刷新，想到使用刷新真个tableData但是感觉不对（刷新整个源数据太浪费资源了，而且体验极差）, 直接上代码吧html...原创 2019-07-19 17:06:35 · 8755 阅读 · 5 评论