文章库ARTICLE COLUMN

  • 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
  • 记录最近的一些遇到的前端面试题

    记录最近的一些遇到的前端面试题

    摘要:引用值指的是复合数据类型的值,即等。答事件流三个阶段事件捕捉,目标阶段,事件冒泡。事件冒泡事件开始由最具体的元素接受,然后逐级向上传播事件捕捉事件由最不具体的节点先接收,然后逐级向下,一直到最具体的部分问的事件绑定方式。 HTML部分:1....

    AWangAWang 评论0 收藏0
  • 原生JS封装AJAX请求

    原生JS封装AJAX请求

    摘要:一直在用方法来写请求,用的多了,不免对这其中是怎么实现的产生了兴趣,于是乎,小弟闲来无聊研究了一下原生实现请求,网上看了很多前辈们的关于请求的封装方法,也借鉴了很多经验,于是乎就出现了小弟的一个原生封装的版本,希望大家看了之后能够明白...

    hiyanghiyang 评论0 收藏0
  • 移动Web利器transformjs入门

    移动Web利器transformjs入门

    摘要:更别提配合一些运动或者时间的库来编程了。姿势封装了一大堆关键帧动画,开发者只需要关心添加或者移除相关的动画的便可以。 简介 在过去的两年,越来越多的同事、朋友和其他不认识的童鞋进行移动web开发的时候,都使用了transformjs,所有必要介绍一...

    mrcodemrcode 评论0 收藏0
  • 从零开始拥有一个自己的网站(流程版)

    从零开始拥有一个自己的网站(流程版)

    摘要:欢迎指点错误,更详细的介绍和操作截图会在其他文章叙述,欢迎加一起交流本文所用本机系统为的深度系列,阿里云服务器为系列的一准备工作你需要的工具一共有系统,,,网站账号,阿里云服务器,域名。 欢迎指点错误,更详细的介绍和操作截图会在其他文...

    宠来也宠来也 评论0 收藏0
  • Day05-flexible.js

    Day05-flexible.js

    摘要:今天是来到新公司的第五天,开始看手中的项目,做的东西是类似网易一元购这样的产品,有安卓平台还有网站,总共三个渠道。解决屏问题的可行方案是以的设计稿为例在时,图片统一使用设计稿的切图在时,图片统一使用,也就是所谓设计稿的切图。 今天是来...

    HtmlCssJsHtmlCssJs 评论0 收藏0

热门文章

<