![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 54
天际流痕
这个作者很懒,什么都没留下…
展开
-
vue散记:router的两种加载方式(无法读取全局变量的问题)
确定引入的Cenium没有问题,但是页面加载的时候,确实没有找到this.Cenium对象,Cenium全局变量是在main.js中定义的,说明,当前页面先于main.js加载了。组件不会立即渲染,而是在项目整体加载完成之后,访问时才会加载,也就是在 main.js 加载之后才会加载,所以可以正常使用 main.js 中定义的全局变量,适合普通页面。结论:router中使用懒加载方式加载组件时,组件中的js逻辑会在main.js加载之后才执行,所以可以正常加载全局变量。router的两种组件加载方式。原创 2022-10-12 09:06:10 · 1347 阅读 · 0 评论 -
vue散记:使用vue-cli搭建vue工程
咱不是专业搞前端的,之前也自己研究过 Vue,跟着官网和菜鸟教程研究些语法,由于当时工作内容中用不到,也就没有做深入的研究。后来工作中引入了比较成熟的第三方前端框架,慢慢就被 Vue + Element 的组合给吸引了(不吸引不行啊,改个页面费老劲了)。之前使用 jQuery,觉得 Dom 驱动的方式也不错,但是比较深入地接触了 Vue 的数据驱动,发现这种方式其实更适合数据的构建流程,而且开发上会更快和更高效。然后就自己研究了下,这里只简单记录下使用 vue 脚手架构建vue工程的过程。原创 2022-10-09 16:02:51 · 351 阅读 · 0 评论 -
vue散记:驼峰命名和短横线命名(组件和属性)
vue散记:驼峰命名和短横线命名-组件和属性前言vue中的驼峰命名和短横线命名前言 之前使用过别人写的vue+element项目,在别人搭建好的框架下修修改改、缝缝补补,感觉还行,整体流程还能走的通,但是不能总是用别人搭建好的框架啊。于是就想着自己也用vue-cli搭建一套,搭建的过程中也遇到了些问题,有些不理解的,就记下来,因为比较散,就写个散记系列吧。vue中的驼峰命名和短横线命名 vue中组件的名称和属性的名称,在一定程度上是等效的,驼峰和短横线是等效的,如 ChildComponen原创 2020-05-29 17:32:20 · 3145 阅读 · 0 评论 -
vue散记:根template只能有一个子元素
vue散记:只能有一个子元素前言template只能有一个子元素1.现象2.原因前言 之前使用过别人写的vue+element项目,在别人搭建好的框架下修修改改、缝缝补补,感觉还行,整体流程还能走的通,但是不能总是用别人搭建好的框架啊。于是就想着自己也用vue-cli搭建一套,搭建的过程中也遇到了些问题,有些不理解的,就记下来,因为比较散,就写个散记系列吧。template只能有一个子元素1.现象当template有多个子元素时,报错,如下意思是说,每个template根元素只能有一个元原创 2020-05-29 16:54:44 · 3678 阅读 · 0 评论 -
vue散记:vue-cli3工程中的目录结构
vue散记:vue-cli3工程中的目录结构前言vue-cli3中的目录结构前言 之前使用过别人写的vue+element项目,在别人搭建好的框架下修修改改、缝缝补补,感觉还行,整体流程还能走的通,但是不能总是用别人搭建好的框架啊。于是就想着自己也用vue-cli搭建一套,搭建的过程中也遇到了些问题,有些不理解的,就记下来,因为比较散,就写个散记系列吧。vue-cli3中的目录结构啊呀呀,码个截图,码了十几二十分钟,生怕点错关了。。看着可能不太舒服,如有需要,后边可以放个文字版的。**本原创 2020-05-27 21:24:09 · 702 阅读 · 1 评论 -
vue散记:vue-cli3中public目录和assets目录的区别
vue散记:vue-cli3中public目录和assets目录的区别前言vue-cli3工程中public和assets的区别1.vue build 打包2.assets 和 public 的区别2.1 public目录2.2 assets目录前言 之前使用过别人写的vue+element项目,在别人搭建好的框架下修修改改、缝缝补补,感觉还行,整体流程还能走的通,但是不能总是用别人搭建好的框架啊。于是就想着自己也用vue-cli搭建一套,搭建的过程中也遇到了些问题,有些不理解的,就记下来,因为比较散原创 2020-05-27 20:53:11 · 7482 阅读 · 1 评论 -
常用样式分享
1.使按钮按下时有下按的效果,可以设置透明的边框。 如:border-bottom:1pxsolidrgba(0,0,0,0.25); 2.设计卡片布局: 可以使用不同颜色的背景图片,或者使用具有反差的颜色的div,作为卡片布局的按钮。 3.设置文字水平对其和垂直对其: 水平对其: text-align:center; (在于float同...原创 2020-05-25 21:26:09 · 266 阅读 · 0 评论 -
vue中解决 mouseenter 和 mouseout 时,鼠标进入子组件造成 mouseout 触发而闪烁的问题
解决 mouseenter 和 mouseout 时,鼠标进入子组件造成 mouseout 触发而闪烁的问题1.需求背景2.核心解决方法3.两对鼠标事件的区别(1)mouseover 和 mouseout(2)mouseenter 和 mouseleave1.需求背景项目中,要对系统功能进行分类索引,所以简单设计了下,用了下面的处理方式。div原样:鼠标放到div块上时:鼠标离开时,恢复原样:需要做一个图标式的便签,当鼠标移动到div上时,div变大,并且显示具体条目,当鼠标离开时,恢复d原创 2020-05-25 19:41:11 · 15226 阅读 · 10 评论 -
vue单页应用中的样式管理
vue单页应用中的样式管理vue单页应用中的样式管理1.特定的class名称(推荐)2.添加scoped3.使用 行内样式 style 属性进行样式设置vue单页应用中的样式管理vue常被用来做一些单页应用,这时就会遇到样式全局化的问题。稍微一不注意,样式就会在整个项目中生效。尤其在修改别人的项目,需要特别注意。所以在定义样式时,要注意样式的局部性,可以通过下面三个方式来实现1.特定的class名称(推荐) class 名称可以与当前页面文件名称进行关联,相当于手动进行了局部的设置。如在主页中,原创 2020-05-25 19:22:38 · 526 阅读 · 0 评论 -
Jquery API帮助文档 chm
原文地址:http://www.5ixiudou.com/2019/12/02/jquery-API%E5%B8%AE%E5%8A%A9%E6%96%87%E6%A1%A3-chm/下载地址:链接:https://pan.baidu.com/s/1Ls16uBmKDnHYzI0U_yOr8g提取码:p1pb原创 2019-12-02 22:46:13 · 545 阅读 · 1 评论 -
bootstrap-table 后台返回数据正确,前台却不显示
原文地址:http://www.5ixiudou.com/portal/detailInfo/1000000005/261有时表格会出现不显示数据的问题:这时就要看 分页的配置了:从源码中进行分析:如果 设置 sidePagination: "server", 则 通过 url 或者 data 返回的数据 就 应当是 类似于:{total:2,rows:[{'typeId':1...原创 2019-03-13 11:11:37 · 8015 阅读 · 4 评论 -
jquery中的mouseover、mouseout 和 mouseenter 、 mouseleave的区别
原文地址:http://www.5ixiudou.com/portal/detailInfo/1000000005/286现在有这样一种需求,鼠标放置到 有灰色背景框的div上之后,显示操作按钮,编辑和删除这时候,大家可能会想到使用 jquery中的 mouseover 和 mouseout 方法,在鼠标放置上去的时候,使用 mouseover 方法,离开的时候使用 mouse...原创 2019-03-17 13:06:54 · 6000 阅读 · 0 评论 -
jquery 为动态dom绑定事件中应该注意的问题
原文地址:http://www.5ixiudou.com/portal/detailInfo/1000000005/285动态dom指的是在js中生成的一些dom,而不是直接写在html中的dom,对于这样的dom,使用 jquery的普通绑定事件的方法是不奏效的,如 $(".demo").click()是无法触发事件的。这个时候的解决方案由两种,一种是在 dom模板中加入 onclick事件...原创 2019-03-17 12:00:36 · 386 阅读 · 0 评论 -
ajax请求,后台无法获取 session
原文地址:http://www.5ixiudou.com/portal/detailInfo/1000000005/255问题原因: ajax发送跨域请求,默认情况下不会向后台发送凭证信息,如 cookie 、http认证或者客户端 SSL证明等信息。 问题说明: 项目之前没有使用前后端分离的形式,所以也没有遇到这样的问题。现在新项目"爱秀逗-IT资讯"采用了前后...原创 2019-02-17 14:24:51 · 7054 阅读 · 0 评论 -
前端随笔--常用CSS样式
原文地址:http://www.5ixiudou.com/portal/detailInfo/1000000005/2221.可以为div等块级元素设置最小高度:min-height; 当超过该高度时,会自动添加div的高度。 2.css透明度的设置(兼容所有浏览器) .transparent_class { ...原创 2018-08-31 10:42:24 · 225 阅读 · 0 评论 -
前端随笔--WEB中播放视频(JS实现)
网页中播放视频已经很常见了,网上也有很多的视频播放插件。因为工作的需要,研究了下视频的播放,但是没有使用其他视频播放的插件(修改起来比较麻烦),自己写了些代码实现了下。下面的代码是使用js实现的,通过ajax 获取的播放源,这里只贴出了重要的部分。如果需要比较全的代码,可以给我留言。注意:播放flv格式的视频,需要下载插件,插件地址:http://www.5ixiudou.com/port...原创 2018-08-29 15:43:42 · 10871 阅读 · 1 评论 -
jQuery 帮助文档 api
API 和 常用的文件http://www.5ixiudou.com/portal/detailInfo/1000000005/194原创 2018-08-30 14:42:40 · 625 阅读 · 0 评论 -
jquery中的ajax 添加 loading... 提示
原文地址:http://www.5ixiudou.com/portal/detailInfo/1000000005/221在jquery中,使用 ajax 时,加载数据比较慢,造成页面长时间木有变化,尤其是开始的空页面刚开始加载数据时,很容易让人不舒服,以为页面死掉了。这时,为了提高页面体验,可以加入一些等待的元素,比如 “信息正在加载,请稍后...”这样的提示;或者一些加载/等待的图片,...原创 2018-08-30 15:33:39 · 5023 阅读 · 0 评论 -
jquery中的 $(".button").animate({top:+80},500);中存在的问题
原文地址:http://www.5ixiudou.com/portal/detailInfo/1000000005/224在模拟数字电视的菜单中的上下滚动时,使用了这个功能。当发生了滚动,仍然按下 上 键时,应该选择“尧庙”上面的那个按钮,并且所有的按钮向下移动。这里采用的方案是,将所有的按钮放到一个 div 中,然后移动该div。将 该 div 设置 样式 position:rela...原创 2018-09-03 15:03:51 · 512 阅读 · 0 评论 -
最终解决:bootstrapTable 导出全部数据。
原文地址:http://www.5ixiudou.com/portal/detailInfo/1000000005/228受备案影响,原网页可先访问:http://106.12.198.137:8080/portal-web/portal/detailInfo/1000000005/228一、问题描述: 1.在工作中,人们比较喜欢用 bootstrapTable 进行数据的展示...原创 2018-10-19 10:49:55 · 28046 阅读 · 16 评论 -
xml在线格式化工具
xml在线格式化工具:http://www.5ixiudou.com/portal/pageNoMenu/287 更多内容请关注我的个人网站:www.5ixiudou.com原创 2019-01-13 22:09:28 · 3980 阅读 · 0 评论 -
JS 在线格式化工具
JS在线格式化工具http://www.5ixiudou.com/portal/pageNoMenu/144 更多内容请关注我的个人网站:www.5ixiudou.com原创 2019-01-13 22:11:21 · 1945 阅读 · 0 评论 -
JSON在线格式化工具
JSON在线格式化工具http://www.5ixiudou.com/portal/pageNoMenu/152 更多内容,请关注我的个人网站:www.5ixiudou.com原创 2019-01-13 22:14:38 · 647 阅读 · 0 评论 -
MD5在线加密工具
MD5在线加密工具:http://www.5ixiudou.com/portal/pageNoMenu/153 更多内容,请关注我的个人网站:www.5ixiudou.com原创 2019-01-13 22:16:10 · 2028 阅读 · 0 评论 -
前端随笔--html中文字不换行的处理方法
原文地址:http://www.5ixiudou.com/portal/detailInfo/1000000005/211前言:在html中,连续的数字和字母,以及字母和数字的组合是不会自动换行的。如果想要设置自动换行,可以应用样式:word-wrap: break-word;1.有时,我们在前端,需要设计类似于这样的消息框,会限定消息框的 width 和 height:但是,如果当我们的消息内容...原创 2018-06-21 09:40:54 · 9394 阅读 · 0 评论