首页
学习
活动
专区
工具
TVP
发布

cnblogs

专栏作者
110
文章
138738
阅读量
47
订阅数
ElasticSearch安装及运行的坑
1、max file descriptors [4096] for elasticsearch process is too low, increase to at least [65536]
sam dragon
2019-07-23
4.2K0
vue原来可以这样上手
       今儿与一群友讨论vue相关问题让我思量极深,1.我们是否在争对性解决问题或者说是帮助别人;2.我们是否在炫耀自己的技能。以下是被戏剧化的对白: "群友":最近按照vue官网示例学习了一
sam dragon
2018-01-17
1.1K0
Webpack+Vue如何导入Jquery和Jquery的第三方插件
创建一个jquery-vendor.js文件 import $ from 'jQuery'; console.log($); window.$ = $; window.jQuery = $; export default $; 导入JQuery,并赋值给window对象,使其成为一个全局变量。 在vue组件做如下引用 import $ from './assets/jquery-v'; import 'bootstrap-material-design'; //调用初始化 $(function(){
sam dragon
2018-01-17
1.1K0
BOOtstrap源码分析之 tooltip、popover
一、tooltip(提示框) 源码文件: Tooltip.js Tooltip.scss 实现原理: 1、获取当前要显示tooltip的元素的定位信息(top、left、bottom、right、width、height等) 2、计算tooltip的位置,是top、left、bottom、right其中一个 3、然后根据计算的位置值,运算出坐标值 4、给tooltip应用坐标值 源码分析: 1、ownerDocument:文档;包含两个对象:<DocType>、documentElement(根节点) 2
sam dragon
2018-01-17
1.9K0
bootstrap源码分析之Carousel
源码文件: Carousel.scss Carousel.js 实现原理: 隐藏所有要显示的元素,然后指定当前要显示的为block,宽、高自适应 源码分析: 1、Html结构:主要分为以四个部分   1.1、容器:最外层div,需要一个data-ride=”carousel”来指定为轮播放插件,并且提供一个Id,方便圆圈指示符的关联   1.2、图片列表部分,用一个外层div包裹所有,然后每个img会被一个div,则class为item的包裹住   1.3、圆圈指示符:用一个ol列表来显示其各图形列表项,
sam dragon
2018-01-17
2K0
bootstrap深入理解之格子布局
一、源码文件: _grid.scss:格子系统类文件 Mixins/_grid.scss:支持格子系统实现的mixin集合 Mixins/_grid-framework.scss:格子系统实现的核
sam dragon
2018-01-17
1.1K0
Bootstrap源码分析之dropdown
源码分析: Dropdowns.scss:下拉框模块 Javascripts/bootstrap/dropdown.js:实现下拉框响应 实现功能及原理: 下拉选项卡,默认不能实现显示选中项的功能 原理: 1、利用dropdown类作为定位点,然后让子级的列表dropdown-menu绝对定位实现,还需要加一个单击点作为设置data-toggle=”dropdown”才能做关联。 2、 需要js插件的支持 源码分析: 1、caret:实现向下的三角形,利用边框实现的     1.1、边框颜色默认是字
sam dragon
2018-01-17
2.9K0
Bootstrap源码分析之nav、collapse
导航分析(nav): 源码文件: _navs.scss:导航模块 Mixins/_nav-divider.scss:分隔线 Mixins/_nav-vertical-align.scss:垂直对齐 1、只是用css进行了样式修饰,对Js没有任何依赖 2、导航模块可以包含下拉模块 3、实现了水平、垂直、水平平均分配(table-cell实现,4.0移除)、tabs、胶囊等样式 4、Nav-divider:有一个像素的高度实现分隔线 5、Nav-stacked:垂直对齐实现 6、提供了tab-content类,
sam dragon
2018-01-17
1.7K0
bootstrap源码分析之form、navbar
一、表单(Form) 源码文件: _form.scss mixins/_form.scss 1、按层次结构分:form-group -> form-control/input-group/form-static-control -> 各类标签 2、Form-group/form-control/input-group/form-static-control之类的容器,分为两种显示方式:block、inline-block。而实现input-group水平用的是table-cell。 .input-gr
sam dragon
2018-01-17
1.1K0
Bootstrap源码分析之transition、affix
一、Transition(过滤) 作为一个基础支持的组件,被其他组件多次引用。实现根据浏览器支持transition的能力,然后绑定动画的结束事件; 首先:创建一个Element; 然后:迭代查看此元素支持的transition动画名称 Transition实现的技巧,主要是重写了jquery的event对象,代码如下: $(function () { $.support.transition = transitionEnd() if (!$.support.transition) ret
sam dragon
2018-01-17
1.5K0
bootstrap源码分析之scrollspy(滚动侦听)
源码文件: Scrollspy.js 实现功能 1、当滚动区域内设置的hashkey距离顶点到有效位置时,就关联设置其导航上的指定项 2、导航必须是 .nav > li > a 结构,并且a上href或data-target要绑定hashkey 3、菜单上必须有.nav样式 4、滚动区域的data-target与导航父级Id(一定是父级)要一致 <div id="selector" class="navbar navbar-default"> <ul class="nav navbar-nav
sam dragon
2018-01-17
1K0
bootstrap源码分析之tab(选项卡)
实现tab选项卡的应用,此插件相对比较简单 源码文件: tab.js 实现原理 1、单击一个元素时,首先将原来高亮的元素取消 2、然后给被单击元素进行高亮 3、如果单击元素是下拉框中某个选项,则选中本身,还要选中下拉框 5、如果定义了动画,先执行动画,然后回调 源码分析: 1、Show方法,是在单击一个元素的时候触发,会触发如下四个事件   1.1、Hiden.bs.tab:隐藏上一个元素   1.2、Show.bs.tab:显示当前元素   1.3、Hideen.bs.tab:隐藏上一个元素完成   1
sam dragon
2018-01-17
1.2K0
没有更多了
社区活动
RAG七天入门训练营
鹅厂大牛手把手带你上手实战
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档