文章库ARTICLE COLUMN

  • 纯css icons图标,只使用一个 i 标签

    纯css icons图标,只使用一个 i 标签

    摘要:地址使用方法直接引入就可以,由于效果是实现,所以建议在手机端页面引用。例子加上就可以看到效果目前有个图标,还会继续添加更新点击页面图标就可以看到名称 css-icons github地址 CSS-ICONS 使用方法 直接引入css就可以,由于效果是css3实现,所以...

    wenduxwendux 评论0 收藏0
  • CSS元素的显示和隐藏

    CSS元素的显示和隐藏

    摘要:的占位存在,即通过能够找到,但是图片的背景图却始终显示不出来。自己研究了好长时间才发现问题的所在,总结思考一下正确的分析问题的思路控制元素显示和隐藏的属性。调整的值查看是否能正常显示。 DIV的占位存在,即通过Chrome能够找到DIV,但是图片...

    remcarpediemremcarpediem 评论0 收藏0
  • 纯CSS 实现 Lightbox 灯箱效果

    纯CSS 实现 Lightbox 灯箱效果

    摘要:为每一张图片添加一个层,然后用样式调教成看不出来。当获取到焦点的时候,就添加图片放大的效果。用实现需要添加多个锚链接。这种用法网上有许多实例。 效果预览:(有防盗链,麻烦手动复制到新窗口打开) 用伪类 :focus 实现: https://ssl.huching....

    coordinate35coordinate35 评论0 收藏0
  • 实现图片懒加载(lazyload)

    实现图片懒加载(lazyload)

    摘要:当页面图片很多时,页面的加载速度缓慢,几钟内页面没有加载完成,也许会失去很多的用户。指向一张默认的图片,否则当为空时也会向服务器发送一次请求。这样便实现了懒加载。我想实现限制触发频率,来优化性能。 本文标题:实现图片懒加载(lazyload)文...

    renweihubrenweihub 评论0 收藏0
  • 原创观点:还在认为企业或个人只能申请一个小程序吗?

    原创观点:还在认为企业或个人只能申请一个小程序吗?

    摘要:如未通过年审认证,已开通的功能将可能会被断开,认证标识及认证信息将会被取消。每个账号服务持续期限为一年,所以合理安排申请数量和申请时间 今天第一次体验了整个小程序注册流程,使用的是我自己的这个简单的教程(个人无appid如何进行申请开发者...

    Wuv1UpWuv1Up 评论0 收藏0
  • sass笔记-1|Sass是如何帮你又快又好地搞定CSS的

    sass笔记-1|Sass是如何帮你又快又好地搞定CSS的

    摘要:输出的是这样的可以看到,当用继承的样式时,和也完全套用了的样式,而且你会发现,规则并没有被重复输出,而且这样的方式更符合我们对于这几个选择器的认知如果你之前用过面向对象编程的话。 Sass学习笔记持续整理中,开篇不讲怎么安装,sass是什么,...

    xiaolinbangxiaolinbang 评论0 收藏0
  • php抽奖实现

    php抽奖实现

    摘要:抽奖地址主要代码其他引用可以在上面地址页面根据引用地址下载页面点我注册立即签到抽奖次数前名九宫格抽奖 抽奖地址:https://www.huijindaicn.com/i...主要代码:(其他引用可以在上面地址页面根据引用地址下载)1、html页面 ...

    IamDLYIamDLY 评论0 收藏0
  • html5 飘雪花动画(增加背景音乐)

    html5 飘雪花动画(增加背景音乐)

    摘要:冬天到了,少不了这样的动画效果领导让加圣诞背景音乐效果查看地址端背景音乐开关按钮背景音乐开关控制端注意在端,元素在页面最上层,遮挡了页面下层所有元素,导致无法选中页面下层的元素,所以 冬天到了,少不了这样的动画效果(领导让加圣诞背景音...

    oliverhuangoliverhuang 评论0 收藏0
  • 基于状态机模型的斗地主游戏(NodeJs&SocketIO)

    基于状态机模型的斗地主游戏(NodeJs&SocketIO)

    摘要:系统结构系统考虑使用和实现服务器端逻辑,前端使用。逻辑流程主要逻辑包括用户进入游戏等待对家进入游戏游戏过程结束统计这个过程。 1. 系统结构 系统考虑使用Nodejs和SocketIo实现服务器端逻辑,前端使用HTML5。showImg("https://segmentfault.com/i...

    NoraXieNoraXie 评论0 收藏0
  • 右脑编程--左脑是基础(3)之逻辑篇

    右脑编程--左脑是基础(3)之逻辑篇

    摘要:结果显示,代码写的好的,用中文表述起来也是清晰明了代码写的差的,基本上无法用中文来表述自己的思维意图。注意这部分全部用中文来练习,这样,就没人有借口来为自己的逻辑问题找理由了。 在上一篇中,我讲到了英语的重要性,也提到了一个概念代码...

    z2xyz2xy 评论0 收藏0
  • (译)原生CSS网格布局学习笔记

    (译)原生CSS网格布局学习笔记

    摘要:你可以用网格这样做这样的显示效果是没什么错误的,当使用网格,重新定义列数非常简单。绝对定位当我们绝对定位一个网格元素的时候,这个元素会跑到它的容器中,我们可以用和来定位它。最简单的命名约定使用网格自动编号。 注:此文是我翻译的第一篇技...

    WarrenWarren 评论0 收藏0
  • 【译】CSS 方法论的选择

    【译】CSS 方法论的选择

    摘要:本文转载自众成翻译译者文蔺链接原文多年来,方法论层出不穷。不幸的是,并不存在适用所有场景的最佳选择。因此,如非知己知彼,争论方法论是很难得出结论的。此外,我使用这些方法论的时间并不够长,并不敢宣称了解全部。 本文转载自:众成翻译译者:...

    sheryshery 评论0 收藏0
  • 用CSS3 transition属性实现淡入淡出轮播图

    用CSS3 transition属性实现淡入淡出轮播图

    摘要:最近想自己写下轮播图,在网上发现一个网友用属性实现的轮播,赶脚超简单哦,自己学习了后整理如下。如果我们用给加上类,的就要变成对吧,由于有属性,所以要等,才能完全变为,实现了淡入。最近想自己写下轮播图,在网上发现一个网友用CSS transition...

    HeierHeier 评论0 收藏0
  • CSS实用技巧总结一

    CSS实用技巧总结一

    摘要:当一个空元素有上下外边距时,如果没有或者,则元素的上外边距与下外边距会发生合并。如果使用,一般只能实现固定的左右两列布局,并不能实现其中一列为自适应的布局。自动平均划分元素,并且在一行显示。 class命名 1.为了避免 class 命名的重复,命...

    MAX_zuoMAX_zuo 评论0 收藏0
  • 推荐轻量高效无依赖的开源JS插件和库

    推荐轻量高效无依赖的开源JS插件和库

    摘要:弹出层是一个轻量级的库用于管理工具提示和弹窗效果。一个带有的跨浏览器富文本编辑器。由制作,适用于每天写作的富文本编辑器。轻量的操作库。是一个快速简单轻量级的浏览器功能检测库。它没有任何的依赖,并且压缩后仅有。极小跨平台的全屏插件。 在...

    lushanlushan 评论0 收藏0
  • CSS语法总结

    CSS语法总结

    摘要:在学习的过程中,了解并掌握的语法是至关重要的,在这里总结一下相关的语法。一写法代码选择器属性名属性值二写在什么地方有三种方式,分别为行内样式,内部样式,外部样式。 在学习CSS的过程中,了解并掌握CSS的语法是至关重要的,在这里总结一下相关...

    godlong_Xgodlong_X 评论0 收藏0
  • Flexbox完全指南(译)

    Flexbox完全指南(译)

    摘要:本文译自这里,针对本文介绍的属性列个提纲伸缩容器属性伸缩项目属性以后再布局时可以考虑用啦背景布局模块目前上一次工作草案的叫法旨在提供一种更高效的方式来布局排列及分配容器中项目的空间,即便容器大小是未知或动态变化的因此称为。 本文译自 A...

    pekonchanpekonchan 评论0 收藏0
  • 微信小程序flex布局

    微信小程序flex布局

    摘要:随着微信小程序的火热度上升,越来越多的非前端开发者开始接触小程序的开发,根据群里面的反应来看,这其中很多人对布局比较陌生,这篇文章不会对的概念做过多说明。 随着微信小程序的火热度上升,越来越多的非前端开发者开始接触小程序的开发,根据QQ...

    AWangAWang 评论0 收藏0
  • 响应式开发中合理选定CSS媒体查询分割点

    响应式开发中合理选定CSS媒体查询分割点

    摘要:本文响应式开发中合理选定媒体查询分割点翻译自的一文。本文从属于笔者的前端入门与最佳实践中的响应式开发系列文章。声明式编程应用到中即是应当定义,而不是。我们上面讨论过的一个关于分割点的容易混淆之处就是分割点同时代表了某个范围。 本文响应...

    RangoRango 评论0 收藏0
  • BFC--margin折叠和清除浮动

    BFC--margin折叠和清除浮动

    摘要:背景以前在写和的时候,两个都设置了不同的上下值。它是决定块盒子的布局及浮动元素相互影响的一个因素。创建根元素绝对定位元素为或的值不为的值为的值不为折叠属于同一个的两个相邻的会发生折那如何阻止折叠呢,只要将其中一个创建新的就行了。 背景...

    zhangfaliangzhangfaliang 评论0 收藏0
  • css实现垂直居中的几种方式

    css实现垂直居中的几种方式

    摘要:单行文本使用我是垂直居中文本使用我是垂直居中文本父元素子元素高度确定高度确定将设置为本元素高度的一半父元素子元素高度不确定我会绝对居中额外元素与上两个原理一样多设置了一个额外元素,使额外元素的为为元素的高度的负一半使用 1.单行文本使用...

    187J3X1187J3X1 评论0 收藏0
  • 学习笔记:让元素永久置底的几种方案(css only)

    学习笔记:让元素永久置底的几种方案(css only)

    摘要:我们权且把这种解决方案叫术语解释顾名思义就是使用来实现有粘性的置底元素。下面就为大家讲讲几种解决方案,以及这些解决方案的优缺点和兼容性。 前言 很多同学在使用css+html写页面的时候,可能会遇到这样的场景: 页面除了头部和底部外,中间部分的...

    caikealcaikeal 评论0 收藏0
  • 第六天  移动端Web开发注意事项

    第六天 移动端Web开发注意事项

    摘要:随着移动互联网的发展,移动已经逐渐成为互联网的主要入口,随之而来的是前端在移动开发上面临的各种机遇与挑战,本文就一些常见移动端问题对移动开发需要注意的事项进行一下总结,必然不可能涉及方方面面,但会随着笔者的积累持续更新。 随着移动互联...

    妤锋シ妤锋シ 评论0 收藏0
  • Awesome PWA

    Awesome PWA

    摘要:仓库,收集整理了我接触到较好的相关资料,将在开发过程中中持续更新。大家有好的案例也可以提文章介绍,复兴序章上海消息推送视频讨论如何看待工具检测各项性能清单。用于自动预先加载静态资源。用于处理运行时缓存和回调策略。 github 仓库,收集整...

    GTGT 评论0 收藏0
  • 前端笔记:左右结构中,如何做到左右高度自适应?

    前端笔记:左右结构中,如何做到左右高度自适应?

    摘要:优点实现简单,父容器不用设置具体高度值缺点依然存在需要清除浮动的举动,因为父容器没有设置方案三使用来实现优点将父容器的设置为,将子元素设置为,让左右结构表现为一样,那么就具有的一些特性列高度自适应上下居中等等。 相信大家一看到这个题目...

    gyl_codergyl_coder 评论0 收藏0

热门文章

<