前端开发
Similar_Fair
鹅厂全栈咸鱼一条
展开
-
el-table 表头过长换行改为自动截断添加省略号
今天做前端的时候碰到element ui table组件表头文字太多,自动换行导致表头宽度增加。看了一些文章,基本都是添加render-header来解决这个问题。但实际上这个属性已经不被推荐使用了,并且现在用 template + css已经可以很简单的解决这问题了。不多说了,放个代码大家就知道了<el-table-column> <template v-slot:header> <span class="header-ellipsis">LongL原创 2020-10-23 19:46:55 · 4171 阅读 · 2 评论 -
使用CSS对iframe进行裁剪
背景今天做需求的时候,前端需要使用iframe嵌入一个BI上的表,但那张表最下边有些不相干的信息需要裁掉。很简单的需求,但当时还真没立刻想出来怎么搞【过了几秒后才想起来】方法也很简单,就是在iframe外边再套一层,使用overflow:hidden这种灵机一动容易忘,在博客里写下来这个小想法实现用的Vue,按照Vue的格式写了。很简单。效果:裁掉最后50px<div st...原创 2020-04-25 01:15:39 · 1471 阅读 · 0 评论 -
Vue 2.6.X中@mouseover闪烁问题
事情原委是这样的,原来工程中的使用mouseover、mouseout来进行判断鼠标是否hover,升级了下Vue版本后发现会闪烁,百度了一下发现如下解决方法:https://segmentfault.com/q/1010000009888794改成mouseenter和mouseleave即可完美解决问题...原创 2019-03-04 17:00:28 · 4384 阅读 · 4 评论 -
解决Webstorm Debug功能消失的问题
背景本来今天开开心心的码代码,但一次重启之后发现Debug功能没了……吐血,无奈先重装了一下(保存了个人配置),无果最气的是,Webstorm里Debug相关设置竟然离奇消失,真是酸爽这几天各种坑啊,诸事不宜……解决方案绕了一圈发现是Javascript Debugger插件被关闭了……我真的要吐血了,年前各种坑??Setting -> Plugins -> Javasc...原创 2019-01-25 16:47:04 · 5183 阅读 · 1 评论 -
【Vue cli3】 Missing file extension "vue" for "xxxx" (import/extensions) 解决方法
照例的背景新开项目,用Vue CLI3创建了Vue工程,配好Webpack什么的之后,写了点代码,发现ESLint报错,报在import的位置,提示Missing file extension “vue” for “xxxx” (import/extensions)坑啊,每次用脚手架,都会出各种问题解决方法很简单,把import Test from '../../../compon...原创 2019-01-25 16:40:05 · 18907 阅读 · 2 评论 -
手动触发jQCloud2的自适应功能
照例的先扯淡前几天做项目(Vue+jQuery),发现了一个问题:通过v-show 指令隐藏包含 jQCloud的div 时,如果这时 碰巧 开启了jqcloud的autoresize,并且在这时 碰巧 改变了窗口大小,div再次显示后你会发现标签云会都挤在左上角。会这样的原因得从v-show说起。v-if跟v-show最大的区别就是,一个是重新渲染,另一个仅仅是通过将 display属性设...原创 2018-11-02 23:22:09 · 498 阅读 · 0 评论 -
video标签播放MP4只有声音没有视频
今天刚睡醒,就收到反馈说有的MP4格式的文件无法正常播放……赶忙爬起来去查看情况,将无法播放的文件下载下来,本地播放正常,感觉应该是编码问题(MPEG4跟H264之争)查看了这个文件的编码:果然是MPEG4。是用格式工厂将他转成H264,问题解决……提供一个一劳永逸的方法:自己搭建转码服务,对每个上传的视频做编码判断,不是H264,进行转换再保存。...原创 2018-10-14 00:18:31 · 6156 阅读 · 0 评论 -
Vue实现<a>标签 href动态拼接,点击后使用新窗口打开网页
废话不多说,一行代码的事情<a :href="'/text/article/' + destdir" target="_blank" />关于target的相关资料: http://www.w3school.com.cn/tags/att_a_target.asp原创 2018-07-29 17:07:37 · 37434 阅读 · 7 评论 -
Vue修改数组元素,与之绑定的DOM没有同步修改的解决方法
想要解决这个问题,先要了解一下Vue双向绑定的原理: https://www.cnblogs.com/libin-1/p/6893712.html简单的来说,用户向监听器发起修改请求,监听器进行修改值的同时,同时动态更改对应DOM的值。通过下标直接进行值的修改会绕开监听器,所以也就无法实现动态更新的效果了。Vue对于这个问题有对应的解决方案。方法很简单,引入Vue,然后使用V...原创 2018-07-29 17:01:02 · 3092 阅读 · 0 评论 -
Vue2 + Mint UI + Webpack的简易Todo List
本文未完成照例先放代码。 https://github.com/769484623/TodoList还是照例的废话…… 实习所在组的Leader让再学一下Vue,觉得只是看文献很难有深入理解,于是还是决定项目驱动。(好吧,我知道这一个月囫囵吞枣的学这么一堆不太好,但作为一个做了两年多嵌入式的人,需要知道与了解的东西实在太多……吐血)运行图 Webpac...原创 2018-05-29 21:46:31 · 619 阅读 · 0 评论 -
Vue+WebPack遇到VueLoaderPlugin Missing 问题
在配置Vue+Webpack环境的时候出现了如下错误: vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config.知道缺VueLoaderPlugin,但不知道在哪个库里。百度很久,无果。 在github vue-...原创 2018-05-24 11:13:17 · 10378 阅读 · 3 评论 -
使用apt安装nodejs10
本文基于 https://www.cnblogs.com/netaddi/p/5608856.html只需要输入# Using Ubuntucurl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash -sudo apt-get install -y nodejs即可。...原创 2018-05-16 17:46:23 · 5830 阅读 · 1 评论 -
ES6学习笔记【二】
ECMA Script 6ES6默认参数函数形参默认值function fun(url,timeout=60,callback = () => {}){ //其余部分}url为必须参数,其余为可选。默认参数对arguments的影响 ES5 严格模式下arguments对象将不会发生变化,ES6中如果参数使用了默认参数,则无论是否使用严...原创 2018-05-07 19:15:40 · 163 阅读 · 0 评论 -
React 使用小结【二】
为了实现登录状态的保存,我今天粗略的学习了下Redux。大的问题没遇到,小问题还是挺多的,做下记录。Redux 小记Redux其实可以看成MVC中的M,虽然他需要自己写一些处理函数之类的,但仍然无法改变其只是作为状态储存容器的这个角色。 使用还是很简单的。但是有一点需要注意,在使用Provider的时候,需要给Provider绑定好store,否则会报错。举例如下:import ...原创 2018-05-07 19:03:59 · 181 阅读 · 0 评论 -
ES6学习笔记【三】
ES6 学习笔记明确函数的多重继承ES5 函数具有多重功能,可以结合new关键字。什么是new 关键字对于New关键字我是这么理解的: 生成一个新的Object(Class)实例,运行其构造函数(若其本身即为一个函数,则运行其本身)。如何在ES5中判断函数调用方法(是否是new调用)使用 instanceof来进行判断。function Person(...原创 2018-05-20 19:52:44 · 167 阅读 · 0 评论 -
React 使用小结【一】
有了昨天的教训,我决定今天赶紧把遇到的问题写下来…… 前端新手,好多问题都很小白,望请见谅~ React 16.3.1 + ES6Q&AQ:在本地搭建了后端服务器,怎么将数据传回后端跟后端交互(使用脚手架create-react-app)? A:在 package.json 中 script 后面添加类似于:”proxy”: “http://127.0.0.1:800...原创 2018-05-06 20:16:00 · 336 阅读 · 0 评论 -
React + Axios + Django前后端分离CSRF问题解决方案
想直接看代码的移步GitHub: https://github.com/769484623/TestWebServerCSRF 403 Forbidden这个问题从我刚开始做这个前端登录界面的时候就遇到了,但为了不耽误学习进度关闭了Django的CSRF验证选项。 现在快要做完了,就抽出了半天时间来解决了这个问题。 并不难其实,就是网上的资料有点不靠谱= =Django的...原创 2018-05-11 19:53:53 · 5434 阅读 · 0 评论 -
Nginx + React + Gunicorn + Django简单网站搭建
一贯的废话开头。 其实这个在四月中旬就已经基本都做完了,本想着四月末之前发出来,但实验室老师抓我做了点别的东西就一直没来得及更新,直到今天才有大块的时间做一下记录……人生艰难啊…… 本文也可以看成是我从嵌入式转到前后台全栈的milestone吧(笑 下面是目前Demo的样子,只实现的简单的登录 + React-Router 简单跳转。 准备工作代码老规矩,首先放出代...原创 2018-05-04 15:18:07 · 851 阅读 · 0 评论 -
Create-React-App的Webpack配置
随着工程的扩大,单页面应用已经不能适应工程开发的需要了,而create-react-app默认生成的是单出口单入口生产环境,所以我们需要对我们的工程做出一些修改来符合当前的开发进度。工程修改前置工作在工程目录下,输入npm run eject,工具会给出提示,提示eject为不可恢复操作,输入y或者y开头的单词,即可进行eject。 eject后,会在目录下发现几个新增的目录 =...原创 2018-05-10 11:00:12 · 12980 阅读 · 0 评论