文章库ARTICLE COLUMN

  • 前端每日实战:91# 视频演示如何用纯 CSS 创作一个行驶中的火车 loader

    前端每日实战:91# 视频演示如何用纯 CSS 创作一个行驶中的火车 loader

    摘要:可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。源代码下载每日前端实战系列的全部源代码请从下载代码解读定义,容器中包含个元素,代表火车,代表铁轨,其中包含的个代表根枕木。居中显示定义容器尺寸先画火车。 showImg("htt...

    lentoolentoo 评论0 收藏0
  • vue中设置height:100%无效的问题

    vue中设置height:100%无效的问题

    摘要:在中写新的的时候,如果在新页面中的模板中设置的时候一直无效。文件这时候设置是无效的,在的中发现仍然是设置高度时,的高度会等同于其父元素的高度。而上面中为的挂载的的父节点是标签,标签的父节点是标签。 在vue.js中写新的components的时候,如...

    jindongjindong 评论0 收藏0
  • 前端那些典型布局方案

    前端那些典型布局方案

    本文主要取自于网易云课堂——前端微专业 页面制作github相关代码:https://github.com/Mirror1988...

    DrizzleXDrizzleX 评论0 收藏0
  • 使用H5新标签重构旧项目时的思考

    使用H5新标签重构旧项目时的思考

    摘要:最基本的元素选择器比如选择器比如类选择器比如在代码中常常用到,还有一些偶尔用到的兄弟选择器比如子选择器比如通用选择器。显然,关键选择器中类选择器会比标签选择器匹配更少的元素,浏览器能够更快的找到它们并渲染。 常用H5结构标签 在HTML 5中...

    pumpkin9pumpkin9 评论0 收藏0
  • 小光光谈前端

    小光光谈前端

    摘要:这个问题应该是百度或者知乎都能知道答案的,以上是自己亲身学习的一些途径方便少走一点弯路入门。 问题1:前端的学习路线 基础的html,css,js,推荐慕课网免费课程:前端工程师路径,极客学院免费课程:前端工程师路径 大概刷过就可以了,不用死记硬背...

    canopus4ucanopus4u 评论0 收藏0
  • Flex 布局教程

    Flex 布局教程

    摘要:简介是的缩写,意为弹性布局,用来为盒状模型提供最大的灵活性。设为布局以后,子元素的和属性将失效。行内元素采用布局的元素,称为容器,简称容器。它的所有子元素自动成为容器成员,称为项目,简称项目。备注节选自布局教程语法篇阮一峰 简介 Flex ...

    xuweijianxuweijian 评论0 收藏0
  • HTML5  新特性

    HTML5 新特性

    一、HTML5与HTML4 1.1 推出的理由和目标 H5的出现,对于Web来说意义重大。因为他的意图是想要把目前Web上存在的各种问题一并解决掉。 Web浏览器之间的兼容性很低 文档结构不够明确(增加了很多结构, 语义化的标签) Web应用程序的功能受到了限制 H5 的出...

    王伟廷王伟廷 评论0 收藏0
  • 前端每日实战:92# 视频演示如何用纯 CSS 创作一颗逼真的土星

    前端每日实战:92# 视频演示如何用纯 CSS 创作一颗逼真的土星

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVber3t?w=400&h=300"); 效果预览 按下右侧的点击预览...

    cyqiancyqian 评论0 收藏0
  • Flex布局

    Flex布局

    摘要:什么是布局是的缩写,意为弹性布局,用来为盒装模型提供最大的灵活性。链接参考基本概念采用布局的元素,称为容器简称容器。 1.什么是Flex布局 Flex 是flexible Box 的缩写,意为弹性布局,用来为盒装模型提供最大的灵活性。任何一个容器都可以指...

    whidywhidy 评论0 收藏0
  • 响应式导航栏

    响应式导航栏

    摘要:响应式导航栏响应式导航栏就是在和在移动端的渲染形式不一样代码如下首页导航产品新闻我们样式代码如下运行结果如下图技术要点媒体查询当在手机的时候,需要先隐藏,点击的时候全部显示按钮的制作用到了的动画运用到了中的点击事件持续更新,欢迎大家指...

    yintaolaowanziyintaolaowanzi 评论0 收藏0
  • 响应式可弹出横向导航栏

    响应式可弹出横向导航栏

    摘要:响应式可弹出横向导航栏的特点在排网页时响应式可弹出导航栏可以增加你网页的美观和可读性。在端时导航栏的内容可以通过来显示和隐藏,在移动端时也可以达到同样的效果。 响应式可弹出横向导航栏的特点 在排网页时响应式可弹出导航栏可以增加你网页的...

    Harriet666Harriet666 评论0 收藏0
  • 【丛林】HTML Table 表格浅谈(边框、隔行变色

    【丛林】HTML Table 表格浅谈(边框、隔行变色

    摘要:表格的一个单元格,一行中包含几对,一行中就有几列。。表格的头部的一个单元格,表格表头。表格标题属性表格边框的宽度。表格单元边界与单元内容之间的间距内边距。单元格之间的间距。可填写或任意数字,分别代表奇数行列偶数行列或指定行列 showImg(...

    sshesshe 评论0 收藏0
  • 前端

    前端

    摘要:建议阅读博客前端工程基础篇链接书籍深入浅出链接服务器端的是在年正式提出并开源的,传统的都运行在浏览器这样的宿主环境中,而基于谷歌浏览器的引擎构建的运行环境,使用了一个事件驱动非阻塞式的模型,将带入服务器领域。 1.网页布局HTML+CSS 技能...

    187J3X1187J3X1 评论0 收藏0
  • 一片关于Bootstarp4的文章

    一片关于Bootstarp4的文章

    摘要:一是全球最受欢迎的前端组件库,用于开发响应式布局移动设备优先的项目。是开源免费的,设计人员可以方便的从网上下载最新的版本。源码里包含预先编译的和图标字体文件以及和文档的源码。二学完的一些通用工具的记录边框的设置添加边框属性,显示指定边...

    张巨伟张巨伟 评论0 收藏0
  • 关于BOOTSTRAP的整理和理解

    关于BOOTSTRAP的整理和理解

    摘要:规范名称定义,便于维护。譬如关于的定义在格式化的中会声明为,而在基本样式的中又可能会声明所以在中会出现多次定义。尽量减少连接数和的大小。基于版本的使用目前使用较广的是版本和,其中的最新版本是的最新版本。 随着CSS3和HTML5的流行,我们的W...

    amcamc 评论0 收藏0
  • JS原型链

    JS原型链

    摘要:指向原型对象的构造函数二原型链什么是原型链原型链就是实例对象和原型对象之间的关系,他们使用来关联。改变指向实现继承创建类创建原型对象每天坚持锻炼创建构造函数函数就是改变执行代码片段中指向。 一. JS原型的简单理解 1.1 prototype protot...

    winterdawnwinterdawn 评论0 收藏0
  • Bootstrap 4重大更新,亮点解读

    Bootstrap 4重大更新,亮点解读

    摘要:重大更新亮点解读月日对来说是个特别的日子不仅是项目四周年纪念日,也是经过了一年密集开发之后发布内测版的日子。是一次重大更新,几乎涉及每行代码。 Bootstrap 4重大更新、亮点解读 8月19日对Bootstrap来说是个特别的日子——不仅是项目四周年纪念...

    golden_hamstergolden_hamster 评论0 收藏0
  • Bootstrap4 正式发布

    Bootstrap4 正式发布

    摘要:历经三年开发,前端框架正式发布了。支持发布时,曾放弃了对版本的支持,给很多用户造成了麻烦,同样的错误不会犯第二次。在不久的将来,开发团队还会继续修复的,改进文档。最终发布之后,的文档也不会下线。除了发布外,官方还发布了主题。 历经三年...

    monw3cmonw3c 评论0 收藏0
  • 前端每日实战:90# 视频演示如何用 CSS 和 D3 创作一个无尽的六边形空间

    前端每日实战:90# 视频演示如何用 CSS 和 D3 创作一个无尽的六边形空间

    摘要:引入库用创建六边形的元素用为六边形的和变量赋值删除掉文件中的六边形元素,和文件中声明的变量。最后,把六边形的数量改为个大功告成 showImg("https://segmentfault.com/img/bVbekEK?w=400&h=302"); 效果预览 按下右侧的点击预览按钮可以在当前...

    figofuturefigofuture 评论0 收藏0
  • 数组去重方法小结

    数组去重方法小结

    摘要:最基本的去重方法思路定义一个新数组,并存放原数组的第一个元素,然后将元素组一一和新数组的元素对比,若不同则存放在新数组中。利用将结构转换成数组拓展运算符内部使用循环方法思路方法将传入的数组或非数组值与原数组合并组成一个新的数组并返回。...

    williamwen1986williamwen1986 评论0 收藏0
  • 前端知识集锦1

    前端知识集锦1

    摘要:原文链接征服前端面试,仅供学习使用前端知识集锦原型我们创建的每一个函数,都可以有一个属性,该属性指向一个对象。线程的划分尺度小于进程,使得多线程程序的并发性高。但是线程不能够独立执行,必须依存在应用程序中,由应用程序提供多个线程执行控...

    Paul_KingPaul_King 评论0 收藏0
  • 使用juqery-ui完成联想查询功能

    使用juqery-ui完成联想查询功能

    摘要:最近公司的项目有个需求,需要使用联想查询功能。效果如下图经过搜索找到这个插件,查阅资料可以完成这个功能,即可以实现静态数据,也可以完成动态抓取显示。 最近公司的项目有个需求,需要使用联想查询功能。就是一个文本输入框,在输入的时候获取值...

    AllenAllen 评论0 收藏0
  • 【丛林】CSS background 背景浅谈

    【丛林】CSS background 背景浅谈

    摘要:不建议使用英文代码,不同浏览器对不同颜色代码处理的效果有可能不同。背景图像指定显示的背景图片,用设置路径。固定,当页面的其余部分滚动时,背景图像不会移动。 定义和用法 基本属性:color, image, position, repeat 背景颜色 background-color ...

    tinyqtinyq 评论0 收藏0
  • 《CSS世界》笔记二:盒模型四大家族

    《CSS世界》笔记二:盒模型四大家族

    摘要:基本上,等高布局只能满足栏的情况,除非正好是等比例的,那还可以使用实现最多栏布局上一篇世界笔记一流元素尺寸下一篇世界笔记三内联元素与对齐 上一篇:《CSS世界》笔记一:流/元素/尺寸下一篇:《CSS世界》笔记三:内联元素与对齐 写在前面 在读《...

    icyfireicyfire 评论0 收藏0
  • CSS Variable Study

    CSS Variable Study

    摘要:在像这种声明式语言中,随着时间而改变的值并不存在,也就没有所谓变量的概念了。引入了一种层级变量的概念,从而能够从容应对可维护性的挑战。可以被使用在任意的地方。 CSS变量能帮助我们干什么 在一些命令式编程语言中,像Java、C++亦或是JavaScrip...

    hersionhersion 评论0 收藏0

热门文章

<