文章库ARTICLE COLUMN

  • 叮当猫的实现

    叮当猫的实现

    摘要:用画了一个叮当猫通过的各种和圆角属性来绘制各个细节的形状还是挺有意思的机器猫脸部让所有脸部元素可自由定位脸在头部背景上面白色脸底设置宽高进行绝对定位此放射渐变也是使脸的左下角暗一些,看上去更真实 showImg("https://segmentfault.com/img/...

    RiverLiRiverLi 评论0 收藏0
  • SASS详解

    SASS详解

    摘要:以前看到之类的工具觉得应该比较难,今天接触了之后发现挺好用的,主要是方便了的编写。具体可以看慕课网教程编译方法在命令行输入编译单个文件编译整个文件夹到文件夹也就是这样的语法下文中我都这样写。这里贴一张慕课网拿到的表格。 以前看到SASS之...

    余学文余学文 评论0 收藏0
  • 切图仔的一点工作经验

    切图仔的一点工作经验

    摘要:切图仔的一点工作经验磨刀不误砍柴功一个趁手的编辑器比如自己调教好的或如,可以极大的提高自己的工作效率。如果美工做图的时候能把什么命名字体行距内外边距标注清楚,能省切图仔多少事编写先创建好模板,常用的标签重置这些先带上。 blog 切图仔的...

    KaruruKaruru 评论0 收藏0
  • 水平垂直居中

    水平垂直居中

    摘要:它为什么备受关注并不是因为它难实现,而是因为实现的策略太多了,让人无可下手,无可选择。多行块级元素实现原理同水平居中的水平垂直居中综合运用水平垂直居中即可。 它为什么备受关注? 并不是因为它难实现,而是因为实现的策略太多了,让人无可下...

    MingjunYangMingjunYang 评论0 收藏0
  • 清除浮动

    清除浮动

    摘要:清除浮动是用于什么场景父元素内部的子元素浮动后,会造成父元素的塌陷,父元素的高度为,因而不会显示样式。评价这是最优的清除浮动的方案。 清除浮动是用于什么场景? 父元素内部的子元素浮动后,会造成父元素的塌陷,父元素的高度为0,因而不会显示...

    antzantz 评论0 收藏0
  • 布局

    布局

    摘要:双飞翼布局是对圣杯布局的优化,先实现中间最重要的身体部分,再实现翅膀,所以叫双飞翼布局。参考资料跟这些特性相互叠加后会怎么样经典布局之双飞翼布局 ‘display’、’position’ 和 ‘float’ 的相互关系 showImg("https://segmentfault.com/img/...

    wangtdgoodluckwangtdgoodluck 评论0 收藏0
  • H5打造3d场景不完全攻略(二): Amazing CSS3D

    H5打造3d场景不完全攻略(二): Amazing CSS3D

    摘要:实现方法可参考这篇文章纯打造的模型渲染器实现全景。天空盒子相信很多打造过或有了解过全景的同行们都知道这个概念。首先将创建好的六个面切割出来,以命名标记位置。柱形柱形全景也不算复杂。 前言 对的,本文就是着重介绍如何使用CSS3中的3D变换打...

    fancyLuofancyLuo 评论0 收藏0
  • H5开发开发利器——flex

    H5开发开发利器——flex

    摘要:目前,它已经得到了大部分浏览器的支持。它的所有子元素自动成为容器成员,称为项目,简称项目。容器默认存在两根轴水平的主轴和垂直的交叉轴。如果项目未设置高度或设为,将占满整个容器的高度。 距离新建这篇文章已经好几个月了,今天有终于有时间来...

    whatsnswhatsns 评论0 收藏0
  • 利用gulp处理简单的前端问题

    利用gulp处理简单的前端问题

    摘要:利用处理和或者或者文件目录项目根目录安装包依赖之后自动生成的编译后的文件放到这里安装包依赖在中到项目目录,然后会自动安装里面写的插件,根据自己项目所需要的插件来安装下面是我的项目的一些依赖清除文件合并文件编 利用gulp处理js和less或者sa...

    PumpkinDylanPumpkinDylan 评论0 收藏0
  • 小程序的开发成本真的比原生App低吗?

    小程序的开发成本真的比原生App低吗?

    摘要:当小程序的生态也饱和的时候,这个成本还低吗点开你微信里的订阅号,刺目的红色数字有没有亮瞎你的眼而你又认真去阅读的文章有几篇大量刷来的用户那不叫用户,想获取一个真实的用户的成本从来都不低。 考虑两个方面,开发成本和推广成本。 原生APP一般...

    TychioTychio 评论0 收藏0
  • 移动端rem自适应布局(切图)

    移动端rem自适应布局(切图)

    摘要:用做自适应单位也是一种流行的做法简介本篇适用于初次使用为单位切图而无从下手的童鞋。核心是根据屏幕动态改变根元素字体大小,以达到适配各种屏幕。不过对于快速做手机端切图很有帮助。 1.文章很久没更新,里面的东西可能并不适用现在的大环境,配套...

    leviuslevius 评论0 收藏0
  • 用CSS实现一个简单的幻灯片效果页面

    用CSS实现一个简单的幻灯片效果页面

    摘要:用实现一个简单的幻灯片效果页面,第一反应是利用的。不过为了兼容浏览器,记得加各浏览器前缀和,我最开始写的时候忘记加浏览器前缀,在中一直没有任何显示。下面说说用到的各属性。 用CSS实现一个简单的幻灯片效果页面,第一反应是利用CSS3的animati...

    luqiuwenluqiuwen 评论0 收藏0
  • less 中function

    less 中function

    /** * .margin(@space, @limit-groups) */ .margin(@space, @index: 10) when (@index > 0 ) { @value: @space * @index; @valuepx: @value * 1px; .ml-@{value} { margin-left: @val...

    dongxiawudongxiawu 评论0 收藏0
  • 创建 Web 前端开发环境

    创建 Web 前端开发环境

    摘要:前端开发涉及多种工具,这里将常用工具的安装和配置进行说明,提供了详细的说明,为后继的开发创建一个坚实的基础。是目前最为流行的源代码管理网站。安装在继续学习前,你需要先将命令行安装到全局环境中。 Web 前端开发涉及多种工具,这里将常用工具...

    SanchiSanchi 评论0 收藏0
  • N3-components 新增 ant 风格主题

    N3-components 新增 ant 风格主题

    摘要:组件库官网新增风格的主题供使用,猛击链接使用方法可参考示例欢迎使用 Vue组件库 N3-components:ant design! N3-components 官网:https://github.com/N3-compone... 新增ant 风格的主题供使用,猛击 链接 使用方法(可参考README.md) import N3Co...

    NoseeNosee 评论0 收藏0
  • 绕了一大圈,只是因为auto是相对父元素的 —— 中栏流动布局中的一个小问题

    绕了一大圈,只是因为auto是相对父元素的 —— 中栏流动布局中的一个小问题

    摘要:这里,要注意到并没有浮动,我试了一下让它浮动,它就变成了这个样子原来,的自动宽度是相对于父元素的,它会把父元素剩余的部分全部撑满,而左右栏是浮动的,因此并不占据空间。 问题是这样的,先上图:showImg("https://segmentfault.com/img/bVElrr...

    Gu_YanGu_Yan 评论0 收藏0
  • CSS 实现 1px 以内的移动

    CSS 实现 1px 以内的移动

    摘要:之前的文章说过关于行内元素垂直方向对齐的方案。在上一篇文章里我们提到了内的移动问题。屏的移动设备如何实现真正的线移动点像素的秘密看完大彻大悟,佩服佩服,思路很多,回到本文重点想一下能实现移动的方法。 showImg("https://segmentfault.com/...

    appetizerioappetizerio 评论0 收藏0
  • 微信小程序开发必备必看常用的Flex布局模式-wxflex

    微信小程序开发必备必看常用的Flex布局模式-wxflex

    摘要:首发地址微信小程序的布局种必备常用的布局模式代码库地址官方建议的布局的布局相比传统的布局来说,简单快捷方便。 首发地址:http://weappdev.com/t/flex-wx... wxflex 微信小程序的Flex布局demo-4种必备常用的Flex布局模式 代码库 github地址:http...

    jzzleejzzlee 评论0 收藏0
  • DemoHouse

    DemoHouse

    摘要:我是属于喜欢收集各种有意思的有吸引的。收集它们主要出于给自己增涨见识给自己做练习给创意提供储备其实除了这些,还可以把它给有需要的同学。出于这些,花了两年多时间收集了各式各样的前端案例,有纯的,有皮肤的,有动效的。除此之外,还有另外两种...

    lewinleelewinlee 评论0 收藏0
  • 封装操作cookie的方法

    封装操作cookie的方法

    摘要:使用原生方法对操作是有些麻烦的,我们可以将其封装起来,代表键名,代表值,不填则为读取名为的值,代表设置值如有效期等。其中有效期单位为天。 使用原生方法对cookie操作是有些麻烦的,我们可以将其封装起来,name代表键名,value代表值,不填则为...

    lieepslieeps 评论0 收藏0
  • 微信小程序新单位rpx与自适应布局

    微信小程序新单位rpx与自适应布局

    摘要:布局上面四个方法,各有优缺点,现在回头看看微信的,相信大家已经有所启发,实际上就是系统级的把页面按比例分割份,,或者伸缩布局的。也就是说,微信小程序的布局帮大家把布局的设置根元素字体尺寸这步省了,或者减少了伸缩布局不能开启的问题。 rp...

    LeviDingLeviDing 评论0 收藏0
  • css中的有趣的 border

    css中的有趣的 border

    摘要:中的属性,我想凡是了解一点的都知道它是作用,可以在上找到对它的详细介绍。看了这么多有意思的,那么对于边框,你真的了解了吗最近碰到一个有意思的样式,让我对于边框有了很深刻的了解。 CSS 中的 border 属性,我想凡是了解一点 CSS 的都知道它是...

    FingerLiuFingerLiu 评论0 收藏0
  • 《Python web开发》笔记 一:网页开发基础

    《Python web开发》笔记 一:网页开发基础

    摘要:网页基础知识网页的构成网页由和构成,是框架,是样式和装饰,则是各项功能实现。基础知识超文本标记语言,通过各种标签来表示网页的骨架。在同一窗口中打开。 网页基础知识 网页的构成 网页由html、css和Javascript构成,html是框架,CSS是样式和装饰...

    2shou2shou 评论0 收藏0
  • 理解层叠样式表中的层叠机制,精准掌握元素样式

    理解层叠样式表中的层叠机制,精准掌握元素样式

    摘要:问题在写时,有时候会遇到浏览器中显示的样式和自己的预期不符合的情况,这是因为没有理解的层叠机制。清楚地理解了他这三大法宝,我们就能精准的预测出每个元素在浏览器中的样式了。 问题: 在写CSS时,有时候会遇到浏览器中显示的样式和自己的预期不...

    0x584a0x584a 评论0 收藏0
  • 服务端渲染的React手脚架。完美使用 React, Redux, and React-Router

    服务端渲染的React手脚架。完美使用 React, Redux, and React-Router

    摘要:服务端渲染的手脚架这个启动包的设计是为了让你使用一整套最新最酷的前端技术,所有都是可配置,富特性,基于已经提供代码热加载,使用预处理,单元测试,代码覆盖率报告,代码分割等等更多。 Universal React Starter Kit 服务端渲染的React手脚架 这...

    zhouzhouzhouzhou 评论0 收藏0

热门文章

<