文章库ARTICLE COLUMN

  • CSS水平垂直居中解决方案

    CSS水平垂直居中解决方案

    摘要:水平垂直居中解决方案准备创建元素垂直水平居中方案一知道宽度的情况下负值垂直水平居中方案二不知道宽高的情况下垂直居中方案三垂直居中方案四多行文本的垂直居中或者垂直居中方案五垂直居中方案六伪元素在 CSS水平垂直居中解决方案 准备 创建元素 ...

    VervericaVerverica 评论0 收藏0
  • JavaScript疑难杂症系列-事件

    JavaScript疑难杂症系列-事件

    摘要:支持三个参数分别表示事件名称,是否可以冒泡,是否阻止事件的默认操作触发参数表示事件对象,是方法返回的创建的对象监听方法自定义事件常用模拟模拟方法操作或者自定义事件我的自定义事件。 事件这块知识点虽然是老生长谈的,但对于我来说多多整理,多...

    CocoaChinaCocoaChina 评论0 收藏0
  • 加深理解BFC

    加深理解BFC

    摘要:相关定义是规定中的一个概念。最常见的有简称和简称。中只有和,中还增加了和。布局规则内部的会在垂直方向,一个接一个地放置垂直方向地距离由决定。计算的高度时,浮动元素页参与计算。我们的做法是包一层标签,并转化成。 1、相关定义 1.1 Formatti...

    yanweiyanwei 评论0 收藏0
  • vscode常用插件【全了】

    vscode常用插件【全了】

    摘要:插件集待补充。。。同时,它还包含了用于转换为格式和生成数据模式的选项用于压缩合并和文件的应用程序。它提供了大量自定义的设置,以及自动压缩保存并导出为文件的选项。修改文本的更多命名格式,包括驼峰命名下划线分隔命名,命名以及命名等切换漂亮...

    kyanagkyanag 评论0 收藏0
  • 教你实现首行及首列固定 Table

    教你实现首行及首列固定 Table

    摘要:但单元格尺寸根据其不确定的内容伸展,且顶部及左侧表头也应随之调整宽高。将的剥离进行整体置为覆盖于之上,并将除首列单元格外的其它元素置为透明。 先秀一下 demo!此款 Table 源码~ 表面上,在顶部及左侧悬挂两栏并非难事。但单元格尺寸根据其不确...

    scq000scq000 评论0 收藏0
  • 动态数据的表格页面展示

    动态数据的表格页面展示

    摘要:而由于没有后端的数据支持,所有的数据都在表格中展示,所以需要将表格中的数据转为数据,再通过读取,然后用模板引擎渲染到页面上。 showImg("https://segmentfault.com/img/bV3N8M?w=1574&h=692");如图所示,是一个动态的表格,内容数量不定第一层分...

    joywekjoywek 评论0 收藏0
  • 前端学习资源

    前端学习资源

    摘要:掘金日报第四期使用怎么能不知道这些插件合集掘金日报主打分享优质深度技术内容,技术内容分前端后端产品设计工具资源和一些有趣的东西。目前已经涵盖了的相关资源链接,供大家参考与学习。 【掘金日报】第四期 使用Sublime?怎么能不知道这些 Sublime...

    xzavierxzavier 评论0 收藏0
  • jquery+css3实现熊猫tv导航效果

    jquery+css3实现熊猫tv导航效果

    摘要:效果展示实现原理请看以下源代码。通过来改变遮罩层的与值,加上动画效果实现绿色框的动画。通话对标签类的添加与删除实现文字颜色的变化。 效果展示 showImg("https://segmentfault.com/img/bV3PdP?w=612&h=65"); 实现原理 请看以下源代码。 ...

    李增田李增田 评论0 收藏0
  • JavaScript疑难杂症系列-相等性判断

    JavaScript疑难杂症系列-相等性判断

    摘要:同一类的复合类型值两个复合类型对象数组函数的数据比较时,不是比较它们的值是否相等,而是比较它们是否指向同一个对象。宽松相等双等号将执行类型转换原始类型的值原始类型的数据会转换成数值类型再进行比较。 事件这块知识点虽然是老生长谈的,但对...

    Flink_ChinaFlink_China 评论0 收藏0
  • 记一个ios滚动穿透问题

    记一个ios滚动穿透问题

    摘要:直接上代码复现个条件或者的为的为当滚动块到底时接着滑动会出现跟随滚动不涉及问题,上未出现这个问题 直接上代码 1 2 3 1 2 3 $("#...

    everflyeverfly 评论0 收藏0
  • rem / Vender Prefix / CSS extensions

    rem / Vender Prefix / CSS extensions

    摘要:如果一个完整的界面是实验性的,那么界面的名称是前缀但是属性和方法不会包括在内。如果一个实验性或者方法被加入到一个标准的接口,独立的方法或者属性也会加上前缀。注意这些属性只能在应用程序中使用,并不在标准轨道上。 我们知道,rem可以用来控...

    khs1994khs1994 评论0 收藏0
  • 简单实用的css边框属性border

    简单实用的css边框属性border

    摘要:本文主要讲述利用属性做出不同的几何形状从而适用于比较好看的视觉样式。任意组合就能组成不同的由三角形组成的其它几何形状了。 本文主要讲述利用border属性做出不同的几何形状从而适用于比较好看的视觉样式。 预备知识 border相关属性 border-width...

    null1145null1145 评论0 收藏0
  • canvas动画合集Vue组件

    canvas动画合集Vue组件

    摘要:动画合集组件内容浏览器兼容安装使用按需加载全部引入普通模式组件列表修改日志贡献浏览器兼容安装使用按需加载推荐首先安装依赖然后修改文件然后,如果你需要组件,编辑全部引入不推荐普通模式标签组件列表 vue-canvas-effect canvas动画合集Vue组件 ...

    tigerZHtigerZH 评论0 收藏0
  • 边距重叠以及解决方案BFC

    边距重叠以及解决方案BFC

    摘要:边距重叠统一的解决方案设置或者或者触发边距重叠有一下三种情况首先把所有的格式清空边距重叠父子元素之间块级父元素与第一个或者最后一个子元素父元素不存在上边框上内边距内联元素清除浮动。 边距重叠 统一的解决方案;设置padding或者border或者触...

    TychioTychio 评论0 收藏0
  • 重新认识JavaScript面向对象: 从ES5到ES6

    重新认识JavaScript面向对象: 从ES5到ES6

    摘要:基于原型的面向对象在基于原型的语言中如并不存在这种区别它只有对象不论是构造函数,实例,原型本身都是对象。允许动态地向单个的对象或者整个对象集中添加或移除属性。为了解决以上两个问题,提供了构造函数创建对象的方式。 showImg("https://segme...

    VishKozusVishKozus 评论0 收藏0
  • jQuery 全选和反选demo

    jQuery 全选和反选demo

    摘要:前段时间做了一个全选和反选的功能,最近不忙了,做了一个简化版的。全部代码如下全选反选全选反选大海天路再回首突然的自我甘心情愿光辉岁月雨蝶爱拼才会赢我只在乎你日不落选中的个数 前段时间做了一个全选和反选的功能,最近不忙了,做了一个简化版...

    diabloneodiabloneo 评论0 收藏0
  • vue-cli的坑,loader重复的锅 Invalid CSS after "...lo

    vue-cli的坑,loader重复的锅 Invalid CSS after "...lo

    摘要:在使用是可能会添加,例如然而当使用脚手架创建项目时,可能出现如下错误这是重复导致的,在中的中已经返回相关了,这两行解决方案很简单就是自己不要加样式相关的了或者自己添加样式的但要注释掉这两行,当然如果你用的是就注释掉对应的行就可以了。 ...

    scola666scola666 评论0 收藏0
  • 图片框住一个小视频 谈css padding百分比自适应

    图片框住一个小视频 谈css padding百分比自适应

    摘要:今天市场提出活动页,活动页有一块内容是在一个手机背景图框里播放视频,网页是适配的,设计师只给我一张带有手机壳的背景图。 今天市场提出活动页,活动页有一块内容是在一个手机背景图框里播放视频,网页是适配的,设计师只给我一张带有手机壳的背景...

    jccjcc 评论0 收藏0
  • 使用veloticy-ui生成文字动画

    使用veloticy-ui生成文字动画

    摘要:前言最近要实现一个类似文字波浪线的效果,使用了这个动画库第一个感觉就是使用简单,代码量少性能优异在此简单介绍一下使用方法,并实现一个看上去不错的动画具体使用方法可以点击这里基本使用要使用需要先引入其中可以是依赖也可以不依赖,具体看一下...

    AlanAlan 评论0 收藏0
  • 小程序实现语音识别到底要填多少坑?

    小程序实现语音识别到底要填多少坑?

    摘要:前不久写了个工具型微信小程序周边,里面用到了语音识别技术。当然如果你要兼容低端微信用户需要使用做兼容处理。如果发现不当之处欢迎微信交流。想看实际案例的可以微信扫码关于安装关于安装关于安装 前不久写了个工具型微信小程序(Find周边),里面...

    Benedict EvansBenedict Evans 评论0 收藏0
  • css3动画整理

    css3动画整理

    趁逢年味,整理一些小东西,希望大家能够喜欢; 列举以下7个小demo来抛砖引玉 1、多彩圆环 showImg("https://segmentfault.com/img/bV3Bcd?w=413&h=292"); 利用 CSS3 的 background-image 和 border-radius 组合成的动画 直接上代码: html .....

    atinosunatinosun 评论0 收藏0
  • 如何在vue项目中引入elementUI组件

    如何在vue项目中引入elementUI组件

    摘要:个人博客同步文章前提已经安装好初始化运行初始化运行一下初始后的,如果没有问题则进行安装安装引入在中引入测试下面我们来测试一下在创建文件,复制一段的代码处理中心我的工作台选项选项选项订单管理在中引入效果 个人博客同步文章 https://mr-houz...

    BlackMassBlackMass 评论0 收藏0
  • clip实现圆环进度条

    clip实现圆环进度条

    摘要:效果图怎么实现这样一个圆环进度条的效果呢,可以使用等等方式,今天我们来说下使用怎么来实现。使用才实现圆环进度还是很简单的,还不需要考虑兼容性,关于可以看张鑫旭大神的日志 效果图 showImg("https://segmentfault.com/img/bV3DbY?w=315&h=300"...

    zhichangterryzhichangterry 评论0 收藏0
  • 前端入门篇之div

    前端入门篇之div

    摘要:由于之前没有做过前端的开发工作,在现在的前端开发工作中遇到许多坑,有关于的,有关于样式的,所以想在这里总结一下。文章的结构的可能会比较混乱,同一篇文章可能会有多次的修改。 由于之前没有做过前端的开发工作,在现在的前端开发工作中遇到许多...

    BackacheBackache 评论0 收藏0
  • HTML和CSS 入门系列(一):超链接、选择器、颜色、盒模式、DIV布局、图片

    HTML和CSS 入门系列(一):超链接、选择器、颜色、盒模式、DIV布局、图片

    摘要:一超链接二选择器的全称叫做级联样式表的缩写。布局图片简写的形式比分开写的性能更高,能简写尽量简写。下一篇和入门系列二文字表单表格浮动定位框架布局参考教学视频和小时入门经典视频教程 一、超链接 showImg("https://segmentfault.com/img/bV26n...

    GitCafeGitCafe 评论0 收藏0

热门文章

<