文章库ARTICLE COLUMN

  • HTML表单及CSS选择器、伪类和伪元素

    HTML表单及CSS选择器、伪类和伪元素

    摘要:编写静态页面时使用常见的元素样式等使用语义化的元素样式新增了很多语义化标签若与元素样式,这两个标签都是无语义化的表示十与标签是块级元素独占一行默认的宽度为父级元素宽度的默认的高度为作用用于布局元素是内联元素 一、input标签 1.实现按钮效...

    DDreachDDreach 评论0 收藏0
  • 图片轮播组件实现

    图片轮播组件实现

    摘要:为什么要自己实现图片轮播,这其实已经是一个烂大街的功能,到处可见网上也有很多现成的组件,那为什么还要自己来实现呢主要的原因有两个性能定制化一个是网上的组件良莠不齐,在跑跑还可以,到了移动端,各种卡。 为什么要自己实现 图片轮播,这其实...

    tinysun1234tinysun1234 评论0 收藏0
  • Nuxt SSR 阿里云部署之nginx代理--详解篇

    Nuxt SSR 阿里云部署之nginx代理--详解篇

    摘要:前言由于很多小伙伴私信我,关于阿里云部署应用的问题,在这里具体详细的介绍一下我的服务器版本是所需工具有远程仓库的就不需要直接推到你的服务器步骤安装配置配置启动一安装配置安装点击地址二安装点击地址安装完毕设置密码导入你的文件三配置下载包...

    ddongjian0000ddongjian0000 评论0 收藏0
  • Flex布局入门

    Flex布局入门

    摘要:简介首先先聊一聊布局是什么布局表面上类似于块布局,但是它缺少许多可以在块布局中使用的更复杂的文本或文档中心属性,如浮动和列,与此同时,它也获得了一些简单而强大的布局工具,它可以自动调整,计算元素在容器空间的大小重要概念容器父元素显示地...

    MagicerMagicer 评论0 收藏0
  • Functional CSS: 从试着改进可重用CSS做起

    Functional CSS: 从试着改进可重用CSS做起

    摘要:从试着改进可重用做起泊学视频回想起每次更新泊学网站,最让我头疼的,就是改写。于是我几乎不假思索的写出了这样的模板它同样包含了一个封面图,一个标题和一个简介。 从试着改进可重用CSS做起 泊学4K视频 回想起每次更新泊学网站,最让我头疼的,就...

    microelecmicroelec 评论0 收藏0
  • 一道CSS笔试题

    一道CSS笔试题

    摘要:分析这道题主要考察的居中和宽高等比例。如果元素的高度和宽度都以某一个值作为参照系,那么理论上元素的乘以可自定义。根据规范,的值为百分比时,是相对于父元素的宽度而言。 showImg("https://segmentfault.com/img/remote/1460000011668870?w=942&...

    aikinaikin 评论0 收藏0
  • float,clear,BFC理解

    float,clear,BFC理解

    摘要:通常被用来在不删除元素的情况下隐藏或显示元素。把设置成不会保留元素本该显示的空间,但是还会保留。唯一的问题是,当浏览器窗口比元素的宽度还要窄时,浏览器会显示一个水平滚动条来容纳页面。这可以启用特定浏览器实验中的特性。同时记住它是支持。...

    cod7cecod7ce 评论0 收藏0
  • [vue组件]无缝轮播图

    [vue组件]无缝轮播图

    摘要:实现原理无缝滚动预处理为了无缝滚动,在传进来的数组首部增加末尾元素,在尾部追加首元素看图数据绑定视图为当前显示的轮播图索引,然后只需要对进行操作,监听的变化,一旦到达了边界就重置,显示出对应的图片。 该文章请对应源码阅读,github源码地...

    GHOST_349178GHOST_349178 评论0 收藏0
  • javascript新手实例3-仿手机聊天界面(if else运用)

    javascript新手实例3-仿手机聊天界面(if else运用)

    摘要:今天给大家一个的小示例,其中我在文件里写了很多注释,有兴趣的同学自己看注释,另外对于聊天界面的显示方式,我写了两种,大家也可以分别试试老规矩,先上图代码模拟手机短信发送发送代码代码正则也可以匹配,不过正则的效率 今天给大家一个if else...

    FaremaxFaremax 评论0 收藏0
  • 前端移动端适配总结

    前端移动端适配总结

    摘要:设备像素比缩写简称,也就是我们经常在谷歌控制台移动端调试顶端会看到的一个值。在移动端,默认的情况下,布局视口的宽度是要远远大于浏览器的宽度的。手淘团队布局现今,适配手机端 meta标签到底做了什么事情 做过移动端适配的小伙伴一定有遇到过这...

    sydMobilesydMobile 评论0 收藏0
  • Vue学习笔记(一)

    Vue学习笔记(一)

    摘要:一介绍也称为,读音类似,错误读音,由华人尤雨溪开源并维护。隐藏四事件之前说了一些关于事件的指令,这里详细学习一下事件的相关知识。还有一些其他键盘事件,具体参考官方文档。模板就是,用来进行数据绑定,显示在页面中,也称为语法。 一、Vue.js...

    baoxlbaoxl 评论0 收藏0
  • iKcamp出品|微信小程序|小试牛刀(视频)+发布流程|基于最新版1.0开发者工具初中级教程分享

    iKcamp出品|微信小程序|小试牛刀(视频)+发布流程|基于最新版1.0开发者工具初中级教程分享

    摘要:官网访问官网更快阅读全部免费分享课程出品全网最新微信小程序基于最新版开发者工具之初中级培训教程分享。 iKcamp官网:http://www.ikcamp.com 访问官网更快阅读全部免费分享课程:《iKcamp出品|全网最新|微信小程序|基于最新版1.0开发者工具之初...

    MuninnMuninn 评论0 收藏0
  • 谈谈PostCSS

    谈谈PostCSS

    摘要:它们有个统一的名字预处理器。面对以上问题,预处理器给出了非常可行的解决方案变量就像其他编程语言一样,免于多处修改。回到话题中,之所以会出现向预处理器这样子的解决方案,归根结底还是标准发展的滞后性导致的。 前言 现在的前端,javascript的...

    高胜山高胜山 评论0 收藏0
  • 微信小程序教学第二章:小程序中级实战教程之预备篇 - 项目结构设计 |基于最新版1.0开发者工具

    微信小程序教学第二章:小程序中级实战教程之预备篇 - 项目结构设计 |基于最新版1.0开发者工具

    iKcamp官网:http://www.ikcamp.com 访问官网更快阅读全部免费分享课程:《iKcamp出品|全网最新|微信小程序|基于最新版1.0开发者工具之初中级培训教程分享》。包含:文章、视频、源代码 showImg("https://segmentfault.com/img/remote/146000001152242...

    AmosAmos 评论0 收藏0
  • 前端开发知识点之 html &css

    前端开发知识点之 html &css

    摘要:声明允许表现性元素,废气元素以及。众所周知强制属性就是为禁用图片时的兼容性作考虑。而正确的遵循标签的语义,则是保证禁用时的兼容性。这种合并外边距的方式被称为折叠,并且因而所结合成的外边距称为折叠外边距。 HTML&CSS 大纲 对Web标准的理解...

    felix0913felix0913 评论0 收藏0
  • All In One

    All In One

    set1 https://github.com/tianhang-f... set2 https://github.com/tianhang/F... set3https://github.com/tianhang/F...

    wangymwangym 评论0 收藏0
  • 深入css之去除inline-block元素之间的多余间隙

    深入css之去除inline-block元素之间的多余间隙

    摘要:父容器设置优点弹性布局可以去除多余间隙,而且可以轻松的实现垂直居中,水平居中等效果。缺点过低版本的浏览器不支持该属性。 什么是inline-block之间的多余间隙 考虑以下代码: One Two Three nav a { display: inline-block; //或者inlin...

    casparcaspar 评论0 收藏0
  • 浏览器默认值汇总

    浏览器默认值汇总

    摘要:在编写前端页面时我们已经习惯使用各种方法来统一各大浏览器对元素默认的样式,如果使用的是一些成熟的框架时更是如此。不过有时我们不得不将页面的某一部分的样式恢复成浏览器默认值,这时候就需要知道各大浏览器对的默认样式到底是什么样子的。 在编...

    lastSerieslastSeries 评论0 收藏0
  • 前端通过background实现图片裁剪显示的方法

    前端通过background实现图片裁剪显示的方法

    摘要:可以是真实图片路径或使用渐变创建的背景图像指定对象的背景图像位置。指定对象的背景图像显示的原点。 前端图片展示 在前端处理图片是非常常见的,而图片展示又存在一个最大的问题:适应,可以看看这种情况: 固定空间展示图片 空间是 100px100px,...

    SeaySeay 评论0 收藏0
  • 前端代码集

    前端代码集

    摘要:闭包正是可以做到这一点,因为它不会释放外部的引用,从而函数内部的值可以得以保留。利用方法进行对象的深拷贝可以避免源对象被篡改的可能。我们也可以使用方法进行对象的拷贝,方法可以创建一个具有指定原型对象和属性的新对象。 HTML5 使用FileRea...

    gothamgotham 评论0 收藏0
  • 使用 Flexbox 实现一个网格系统

    使用 Flexbox 实现一个网格系统

    摘要:一行的元素平分整行宽度最重要的一点是给这一行的父元素的直接子元素设置。指定元素占据一定的宽度这里我们按照常用的列网格系统来计算。第二点是给了一个辅助类。添加类,前后两个元素就占据本来的宽度,而中间那个元素就会占据剩余的宽度。 1. 一行...

    seasonleyseasonley 评论0 收藏0
  • 微信公众号开发通用任务清单

    微信公众号开发通用任务清单

    1、appid获得登录微信公众号后台,开发者一般不是公众号的管理员所以登录的时候需要管理员扫码确认,不过现在可以把二维码发给微信管理员即可 2、appsecret登录公众号后台之后,appsecret每次都会变化,并且不会保存,这个时候需要管理员扫码,真正的扫码,...

    Java3yJava3y 评论0 收藏0
  • 任务清单丨小程序java云服务器配置123

    任务清单丨小程序java云服务器配置123

    摘要:以阿里云服务器为案例,后台使用及相关技术,其他方案基本类同账户购置云服务器的时候,直接设置好密码,当然也可以使用密匙远程开通有了这个神器就可以远程命令行下执行任务挂载数据盘前期不用买太大,根据业务发展需要自行扩容,需要自己去挂载安装和...

    AlexTuanAlexTuan 评论0 收藏0
  • 初识canvas

    初识canvas

    摘要:使用标签来绘制图形或动画需要掌握一些基本的和知识,通过的和了解绘图的原理即可。通过不断的擦出和重绘,就会出现动作效果,通过加快速度不被人眼识破。清除画布通过方法来为元素得到对象。 HTML5 也出来一段时间了,带来了一些新的技术标准,例如 H...

    AmioAmio 评论0 收藏0
  • Flex布局

    Flex布局

    摘要:如图默认情况下,项目都排在一条线又称轴线上。比如实现如图布局代码代码即为可选,加边框保证例子效果百分比布局某个网格宽度为固定百分比布局,其余网格平均分配剩余空间。如图代码代码圣杯布局圣杯布局指的是一种最常见的网站布局。 本文最早发布在...

    khlbatkhlbat 评论0 收藏0

热门文章

<