文章库ARTICLE COLUMN

  • Canvas + WebSocket + Redis 实现一个视频弹幕

    Canvas + WebSocket + Redis 实现一个视频弹幕

    摘要:创建弹幕功能的类及基本参数处理布局时需要注意的默认宽为,高为,我们要保证完全覆盖整个视频,需要让与宽高相等。因为我们不确定每一个使用该功能的视频的宽高都是一样的,所以画布的宽高并没有通过来设置,而是通过在类创建实例初始化属性的时候动态...

    WelliJhonWelliJhon 评论0 收藏0
  • 前端进阶系列(六):盒模型

    前端进阶系列(六):盒模型

    摘要:盒模型是界面布局需要掌握的基本功。盒模型基本概念盒模型四要素。 盒模型是界面布局需要掌握的基本功。 盒模型基本概念 盒模型四要素:margin、border、padding、content。showImg("https://segmentfault.com/img/remote/1460000016655325?w=400&h=30...

    aisuhuaaisuhua 评论0 收藏0
  • 面试BAT,你凭什么说你掌握了CSS

    面试BAT,你凭什么说你掌握了CSS

    摘要:控制表单控件的禁用状态。老不支持生成绝对定位的元素,相对于浏览器窗口进行定位。生成相对定位的元素,相对于其正常位置进行定位。由于浮动框不在文档的普通流中,所以文档的普通流的块框表现得就像浮动框不存在一样。 介绍 项目已经开源:https://g...

    darryrzhongdarryrzhong 评论0 收藏0
  • 图解一下啥是CSS堆叠上下文,啥是CSS堆叠层叠顺序,让你对css的疑惑少一点?

    图解一下啥是CSS堆叠上下文,啥是CSS堆叠层叠顺序,让你对css的疑惑少一点?

    摘要:即浮动元素是在文字区域与块级元素之间的。堆叠上下文也是类似的道理,你很难说出什么是堆叠上下文,但只要它满足列出的几种情况,它就是堆叠上下文。这就是堆叠上下文一个特性。 CSS 堆叠上下文是啥? 我们有一个基本样式的 div,样式如下: div{ ...

    GitChatGitChat 评论0 收藏0
  • 关于css布局、居中的问题以及一些小技巧

    关于css布局、居中的问题以及一些小技巧

    摘要:例一个高的,里面的文字垂直居中使该元素变大倍动画过渡效果 CSS的两种经典布局 左右布局 一栏定宽,一栏自适应 定宽 自适应 .left{ width: 200px; height: 600px; float: left; display: table; ...

    zackleezacklee 评论0 收藏0
  • 左右宽度固定中间自适应html布局解决方案

    左右宽度固定中间自适应html布局解决方案

    摘要:弹性布局的缺点是兼容性不高,目前浏览器无法使用弹性布局网格布局父元素依次为第一个子元素宽第二个自适应第三个网格布局的优点是极为简便,直接通过父元素样式决定,缺点是兼容性不高。 a.使用浮动布局html结构如下 left right center ...

    DeveloperDeveloper 评论0 收藏0
  • 前端每日实战 2018 年 9 月份项目汇总(共 26 个项目)

    前端每日实战 2018 年 9 月份项目汇总(共 26 个项目)

    摘要:过往项目年月份项目汇总共个项目年月份项目汇总共个项目年月份项目汇总共个项目年月份项目汇总共个项目年月份项目汇总共个项目年月份发布的项目前端每日实战专栏每天分解一个前端项目,用视频记录编码过程,再配合详细的代码解读,是学习前端开发的活的...

    lavnFanlavnFan 评论0 收藏0
  • [探索]在开发中尽量提高代码的复用性

    [探索]在开发中尽量提高代码的复用性

    摘要:提高代码的复用性,应该是不同场景,不同解决方案的。不建议强制提高代码复用性,如果提高代码复用性会大大的降低代码的可读性,维护性,可能会得不偿失。 ctrl+c 和 ctrl+v 给我们带来了很多的便利,但是也使我们变得懒惰,不愿思考。 1.前言 相信很...

    CheriselalalaCheriselalala 评论0 收藏0
  • 前端分享

    前端分享

    摘要:根据网页主要有三部分组成结构表现和行为。要想制作符合标准的页面,一个必不可少的关键组成部分就是声明。行内元素行内元素又称内联元素。当前,大部分门户网站大部分企业的宣传站点都采用了这种布局方式。 1 前言 1-1 W3C标准 W3C标准,既一系...

    EidesenEidesen 评论0 收藏0
  • chrome 开发者工具 - local overrides

    chrome 开发者工具 - local overrides

    摘要:比如为对应在目录下,新建文件,文件中的内容,与正常接口返回格式相同,对象或者数组类型,从而覆盖掉原接口请求。在中提及发布,增强用户体验,不过延期了, 使用chrome 作为本地网络服务 chrome 65+ 新功能, 使用我们自己的本地资源覆盖网页所使用...

    KosmosKosmos 评论0 收藏0
  • sass学习

    sass学习

    摘要:基本规则变量用定义伪类用定义样式可嵌套定义如嵌套规则适用群组选择器选择器的嵌套其实就是拼接空格的使用原生的只有执行到才会加载速度较慢而的在生成文件时就导入相当于合并文件局部文件约定用下划线定义如局部文件不会多带带编译只会存在于引用的文...

    young.liyoung.li 评论0 收藏0
  • 使用web写UI, 使用js对接C++项目, 提高开发效率

    使用web写UI, 使用js对接C++项目, 提高开发效率

    showImg("https://segmentfault.com/img/remote/1460000016614872?w=1440&h=810");showImg("https://segmentfault.com/img/remote/1460000016614873?w=1440&h=810");showImg("http...

    EuphoriaEuphoria 评论0 收藏0
  • CSS魔法堂:那个被我们忽略的outline

    CSS魔法堂:那个被我们忽略的outline

    摘要:真心没法弄出圆角自从有了后,我们就可以通过制作圆角矩形圆形等图形,甚至连也受到影响从而实现元素阴影也能做到圆角的效果。那么是否也能做出圆角的效果呢答案是否定的。 前言  在CSS魔法堂:改变单选框颜色就这么吹毛求疵!中我们要模拟原生单选框...

    RockoRocko 评论0 收藏0
  • 曾经面试踩过的坑,都在这里了~

    曾经面试踩过的坑,都在这里了~

    摘要:前言前段时间面试包括阿里巴巴的电话面试,遇到过一些面试题,且面试中出现机率较高的提问笔试,有些答的不是很好挂掉了,今天终于有时间整理出来分享给大家,希望对大家面试有所帮助,都能轻松拿。 showImg("https://segmentfault.com/img/bVbhSwP?w=...

    sunnyxdsunnyxd 评论0 收藏0
  • 利用transform skewX制作平行四边形导航菜单

    利用transform skewX制作平行四边形导航菜单

    摘要:平行四边形其实是矩形的超集它的各条边是两两平行的,但各个角则不一定都是直角。在视觉设计中,平行四边形往往可以传达出一种动感。让我们试着用创建一个按钮状的平行四边形链接。 平行四边形其实是矩形的超集:它的各条边是两两平行的,但各个角则不...

    sumorysumory 评论0 收藏0
  • [译]HTML&CSS Lesson7: 设置背景和渐变色

    [译]HTML&CSS Lesson7: 设置背景和渐变色

    摘要:属性值则依赖于我们需要创建什么样的渐变背景,例如线性渐变或放射性渐变。我们会在线性渐变中介绍不同种类的供应商前缀,但为了简便起见,放射性渐变中我们不会再提及。线性渐变多年来,设计师和开发者们都是通过切图来实现渐变背景。 背景对网站的设...

    bang590bang590 评论0 收藏0
  • angular6的响应式表单

    angular6的响应式表单

    摘要:在模块里面引入要使用响应式表单,就要从包中导入,并把它添加到你的的数组中。导入验证器函数响应式表单包含了一组开箱即用的常用验证器函数。这些验证器属性可以和响应式表单提供的内置验证器组合使用。 1:在AppModule模块里面引入 ReactiveFormsMo...

    alogyalogy 评论0 收藏0
  • 整理前端各位面试达人的面经

    整理前端各位面试达人的面经

    摘要:准备在这里放一些网上比较好的前端面试分享,以后不断补充。百度阿里网易大疆等大小厂前端校招面筋掘金技术征文地址应届渣渣前端面经还有游戏策划以及鸡汤地址学前端,我如何一年内学到三年的知识。 准备在这里放一些网上比较好的前端面试分享,以后不...

    adam1q84adam1q84 评论0 收藏0
  • 前端每日实战:150# 视频演示如何用 CSS 和 D3 创作一个集体舞动画

    前端每日实战:150# 视频演示如何用 CSS 和 D3 创作一个集体舞动画

    摘要:接下来用批量增加的元素。引入库声明一个常量,表示网格的边长删除掉文件中的子元素,改为用动态创建继续用连缀语法增加子元素删除掉文件中的变量声明,改为用动态声明略最后,把边长改为,即让个一起动画大功告成 showImg("https://segmentfault.com/...

    AlphaWatchAlphaWatch 评论0 收藏0
  • [小清新] 一段 node 脚本生成风格优雅的 Directory Tree

    [小清新] 一段 node 脚本生成风格优雅的 Directory Tree

    摘要:使用文本输出的话,在不同设备编辑器下内容排版容易混乱。解决方案由于但不限于上述种种原因,自己写了一个小脚本,可以顺利地实现目录树的生成。结果被输出为片段,通过附加样式,效果远好于前几种的方式。这个我打算下一步弄下,可行的话再把代码出来...

    worldligangworldligang 评论0 收藏0
  • 原生JS获取元素宽高实践详解

    原生JS获取元素宽高实践详解

    摘要:原原获取元素高度这样写之后在的时候发现返回值为。那为什么会是的,百一下谷一下测试一下发现这个这里只能获取的值是标签元素行内样式的值。 开篇的话 任何不是亲身实践中求得的知识,都不是属于你的。任何求得的知识不去时常温习运用,也不是属于你...

    VishKozusVishKozus 评论0 收藏0
  • CSS魔法堂:改变单选框颜色就这么吹毛求疵!

    CSS魔法堂:改变单选框颜色就这么吹毛求疵!

    摘要:前言是否曾经被业务提出能改改这个单选框的颜色吧让它和主题颜色搭配一下吧,然后苦于原生不支持换颜色,最后被迫自己手撸一个凑合使用。设置为的样式行为特征单选框的行为特征,明显就是选中与否,及选中状态的改变事件,因此我们必须保持对外提供事件...

    freecodefreecode 评论0 收藏0
  • vue-router页面跳转 以及页面配置

    vue-router页面跳转 以及页面配置

    摘要:创建实例,然后传配置你还可以传别的配置参数不过先这么简单着吧。创建实例及配置,即。 昨天自己在家做了一个前端上线系统,使用到的技术有VUE框架,element-ui, vue-router传送门:https://github.com/liyang1234...页面效果如下: showImg("https:/...

    molyzzxmolyzzx 评论0 收藏0
  • python大佬养成计划----HTML网页设计<二>

    python大佬养成计划----HTML网页设计<二>

    摘要:但是语言并没有成功,究其原因,认为是其非开标识放造成的。已经成为最受欢迎的程序设计语言之一。年月,该语言作者在邮件列表上宣布将于年月日终止支持。其中很重要的一项就是的缩进规则。设计定位的设计哲学是优雅明确简单。 文本标签 换行标签 -- b...

    jiekechoojiekechoo 评论0 收藏0
  • python大佬养成计划----HTML网页设计(序列)

    python大佬养成计划----HTML网页设计(序列)

    摘要:序列化标签有序标签和有序列表标签是,是一个双标签。在每一个列表项目前要使用标签。标签的形式是带有前后顺序之分的编号。有序标签的属性属性用于设置编号为数字或者字母等的类型,如则编号用英文字母表示。通常是成对出现。 序列化标签 1.有序标签-...

    马永翠马永翠 评论0 收藏0

热门文章

<