自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 资源 (1)
  • 收藏
  • 关注

原创 element-ui的el-checkbox实现嵌套多选,单选

前言前段时间做一个vue项目过程中遇到element-ui的el-checkbox循环嵌套的问题,后参考网上的文章加之自己的修改,现做一个记录分享。我这里仅仅是以一个二级菜单为例,三级菜单也可以做相应的修改。最终效果图主要需求实现多选框层级嵌套当选中一个二级子菜单的时候,其对应的上级菜单也选中若二级子菜单无一个选中,则对应的一级菜单也不是选中状态当一级菜单发生点击事件时,若原本为...

2019-02-13 13:39:36 21271 5

原创 react搭配h5原生video标签手写网页播放器

react搭配h5原生video标签手写网页播放器。本次开发,主要是用node做项目的依赖管理,同时使用webpack进行打包。请确保运行项目前已安装这两样利器。项目结构深坑整个项目过程还算流畅,唯独在处理全屏状态下监听esc和f11按键的时候多花了点时间

2017-10-27 12:28:31 5679

原创 基于element-ui的transfer组件改造的可上下左右调整数据的transfer组件

这里写自定义目录标题蛋疼的需求描述实现效果代码传送门蛋疼的需求蛋疼的甲方提了蛋疼的需求,要数据进行上下排序,直接导致不能使用element-ui提供的组件,虽然很想怼回去,出于敬业,既然甲方提了那就实现呗,so。。。描述大致就是在沿用了el-transfer的样式,并且在他原有的基础上添加了上下移动的功能。对于上下移动的功能,可以只限左边上下移动。也可以只限右边,或者两边都可以进行上下移动...

2019-03-28 17:16:53 5979

原创 前端面试知识点记录

最近本人开始考虑换个新环境,因而会陆续参加一些面试,此文仅用作个人来记录面试过程当中被问及到的一些知识点,如果你也是最近在参加一些面试的话,也可以参考一下。知识点是随机记录的,因为我本人也是想到被问过哪个就把哪个写下来。(答案只补了一些,后续会再补上)1、了解es6吗,有没有用到过它的哪些东西?答:用过es6,常用的比如变量声明const和let、解构赋值、箭头函数、class和exte...

2018-08-03 21:54:25 194

原创 日常知识记录(更新中)

1. 为什么用element.style 获取样式表的某个属性时获取不到?element.style返回的是一个cssStyleDeclaration对象,只能操作内嵌样式,对除此以外的样式应用表的属性都会忽略。比如,element.style.background= ‘red’,实际操作后的后果是直接给元素添加了内嵌样式 。由此,引申出下一个问题的思考。2. 如何获取样式表的属性值...

2018-02-07 15:57:27 439

原创 css ~选择器的巧用

前言早上在sg上看到一篇文章,讲的是作者一个js的效果研究了一天,是什么样的效果呢,大概就是(套用作者原话:) 当鼠标移入导航栏的某个栏目时,顶部的4px 的蓝色滑动条要尾随着鼠标,如丝般顺滑地滑入相应栏目的顶部位置,当鼠标leave时,蓝色滑动条要退回到当前current的栏目顶部。 (文尾我会把作者的链接发出来,感兴趣的小伙伴可以移步去看下。)给出我自己实现的效果图: 作者的探

2017-11-24 13:26:14 199

原创 纯css画三角形

利用纯css来绘制一个三角形,只要控制好一个元素的border属性即可。html 页面:<div class="container"> HOT <div class="tringer"></div></div>css部分:.container{ margin: 100px auto; width:30px; height:20px; backgrou

2017-11-17 20:52:25 178

原创 jquery lazyload 和 echo 两种方式实现图片延迟加载

前言闲来无事研究了一下网站图片懒加载,目前来看比较流行的是lazyload和echo两种方式,两种方式稍作对比:lazyload依赖于jquery,所以再引入该插件前,需要首先引入jquery;echo不依赖任何库,可以拿来即用,另外echo非常小,压缩后不到1k,且Echo 支持 IE8+。ps:个人比较推荐拿后者来做图片的延迟加载。lazyload 使用<!<!DOCTYPE html><ht

2017-11-15 15:26:45 619

原创 AngularJs日常bug修复记录: 使用第三方插件按需加载(oclazyload简单使用)

新研发的项目中使用到了jqurey 的custom.js来实现一个下拉菜单的效果,原本插件是直接再页面上引用的, 如下: <script src="/vendor/custom/js/custom.js" charset="utf-8"></script>  但是由于插件引用的时候,需要使用它的页面dom树还未生成,插件找不到它要使用的对象,使得插件失效。所以需要进行一个延迟加载,等待dom树生

2017-06-16 11:41:08 786

原创 angularjs + jqurey mixitup 插件使用bug记录

最近在做的一个项目,使用了jquery的mixitup 插件,但是发现使用过程中持续不断地出现一个问题。就是当我从当前使用这款插件的页面,发生页面切换,再次回到这个页面的时候,总是会报一个如下一个warning,然后这款插件就失效了:[MixItUp] WARNING: This element already has an active MixItUp instance. The provided

2017-06-06 11:42:27 528

原创 我所理解的AngularJS指令和控制器的交互原理

AngularJS指令和控制器的交互原理以AngularJS 指令中的‘@’来做解释。

2017-03-17 11:24:57 979

echo图片延迟加载库

Echo.js 是一个独立的延迟加载图片的 JavaScript 插件。Echo.js 不依赖第三方库,压缩后不到1KB大小。 延迟加载是提高网页首屏显示速度的一种很有效的方法,当图片元素进入窗口可视区域的时候,它就会改变图像的 src 属性,从服务端加载所需的图片,这也是一个异步的过程。

2017-11-15

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除