文章库ARTICLE COLUMN

  • 《JavaScript Dom编程艺术》读书笔记(一)

    《JavaScript Dom编程艺术》读书笔记(一)

    摘要:下面这条语句将导致语法错误变量名允许包含字母数字美元符号和下划线但第一个字符不允许是数字。可以把一些布尔值存入一个数组,还可以把一组数值存入一个数组甚至可以把这种数据类型混在一起存入一个数组数组元素还可以是变量这将把数组的第一个元素赋...

    yeoooyeooo 评论0 收藏0
  • 【二次元的CSS】—— CSS3画的能换频道的电视机(合集)

    【二次元的CSS】—— CSS3画的能换频道的电视机(合集)

    摘要:帮大家回忆一下,小时候的电视机。每到星期二的下午,总是这个图案。传送门这次分步来做,先画电视机,再画没有信号的界面。这次绝笔之作中,把之前所有用画的东西都放进电视机里了。所以电视机是可以切换频道的。这次不贴代码了,有点多。 帮大家回忆...

    elliott_huelliott_hu 评论0 收藏0
  • 前端规范(ES6BEMOOCSSSMACSS)

    前端规范(ES6BEMOOCSSSMACSS)

    摘要:前端规范在实际开发中,由于团队成员编码习惯不一,技术层次不同,开发前定制并遵循一种代码规范能提高代码质量,增加开发效率。是定义了一种的命名规范,每个名称及其组成部分都是存在一定的含义。 前端规范 在实际开发中,由于团队成员编码习惯不一...

    willinwillin 评论0 收藏0
  • css 多列等高

    css 多列等高

    摘要:多列等高高度不一的列以等高方式布局。需求设计师说某页面的新闻介绍,由于新闻内容不同导致显示区域的高度不一致,现需要使其高度视觉上保持一致。 多列等高 高度不一的列以等高方式布局。 需求 设计师说某页面的新闻介绍,由于新闻内容不同导致显示...

    cncodercncoder 评论0 收藏0
  • css 迷惑的position

    css 迷惑的position

    摘要:相对于定位以外的第一个父元素进行定位,即相对于第一个非处于正常流的父元素定位,现在我们将设置为,并且向下移动像素。生成相对定位的元素,相对于其正常位置进行定位。元素的位置通过以及属性进行规定。规定应该从父元素继承属性的值。 迷惑的posi...

    tianren124tianren124 评论0 收藏0
  • css 不规整元素的宽高等比例

    css 不规整元素的宽高等比例

    摘要:不规整元素的宽高等比例在不同屏幕情况中不同宽高的元素都以相同等比例等宽和等高方式展示。规定基于父元素的宽度的百分比的内边距。 不规整元素的宽高等比例 在不同屏幕情况中不同宽高的元素都以相同等比例、等宽和等高方式展示。 需求 设计师希望页...

    laoLiueizolaoLiueizo 评论0 收藏0
  • 前端开发小技巧(来自知乎)

    前端开发小技巧(来自知乎)

    摘要:原生越来越好了,如果是简单的页面,没必要引入一个庞大的,尤其在手机端,对速度流量敏感的地方,另外最好自己简单封装一些常用的函数,比如等。。。这时候它就不知所措了,只好待在中间。参考前端界有哪些越早知道越好的小技巧小知识 1.You Might No...

    cangck_Xcangck_X 评论0 收藏0
  • 前端常用样式总结

    前端常用样式总结

    摘要:本文全部使用内容高度不够时,依然显示到最下面大概有这样的结构布局查看下面的不需要查看不定宽高的垂直水平居中首先,兼容性也不错可以,不想用时可以用垂直水平居中居中 本文全部使用 scss + autoprefixerBrower support: flex box(IE 10+), :befor...

    phodalphodal 评论0 收藏0
  • 阐述在Yii2上实现跳转提示页

    阐述在Yii2上实现跳转提示页

    摘要:在写这个跳转提示页的时候,找资料我发现网上关于这方面的中文资料真的很少,大家也都共享下吧需求分析用户在操作成功或者失败后,来个提示并跳转页面。跳转提示的写在这了。相关资料跳转提示页的写法 序言 为了让用户有更加良好的体验,在操作成功或...

    asheashe 评论0 收藏0
  • 关于字体大小px与rem混用的个人经验

    关于字体大小px与rem混用的个人经验

    摘要:关于与的区别,网上已经有不少文章了,在此不多谈。主要想谈的是在制作网页时,什么时候设定字体大小用,什么时候用先谈结论,再讲为什么。一般情况下,还是以用为主,只有当需要在不同设备上显示不同大小的字体时,再用。 关于rem与px的区别,网上已...

    since1986since1986 评论0 收藏0
  • css filter滤镜的实例讲解

    css filter滤镜的实例讲解

    摘要:由于的滤镜可以实现对对普通图像和图像进行特效渲染功能十分强大所以今天特意把滤镜的用法进行大致的总结语法灰度属性可填写范围默认值为即灰度不改变上面介绍了第一种滤镜灰度下面介绍接下来的九种滤镜高斯模糊使用该方法将周围像素点值求和取平均即为...

    周国辉周国辉 评论0 收藏0
  • 元素auto宽高的影响因素

    元素auto宽高的影响因素

    摘要:关于内联元素之前讨论的多是块级元素,而没有考虑到内联元素的情况。但巧合的是,在普通流定位中,内联元素宽度和高度规则却和块级元素绝对定位差不多,都只受内容大小影响。 我们知道,元素在没有设置宽高的情况下,默认的宽高值都为auto。而这个auto...

    crelabercrelaber 评论0 收藏0
  • 【二次元的CSS】—— 用 DIV + CSS3 画大白(详解步骤)

    【二次元的CSS】—— 用 DIV + CSS3 画大白(详解步骤)

    摘要:原本自己也想画大白,正巧看到一位同学也用相同的方法画了。且细节相当到位。同时,我也希望有更多的同学发挥自己的想象力,来找个东西画画。如果看过我前几次的分享,肯定能马上想到大白的各个部位是怎么实现的。 原本自己也想画大白,正巧看到一位同...

    lunaticflunaticf 评论0 收藏0
  • css选择器总结

    css选择器总结

    摘要:今天在做项目的时候,发现选择器有些遗忘。文本也属于节点选择匹配的所有元素,且匹配元素被相关指向否定伪类选择器。相邻兄弟选择器。匹配的元素,该元素位于后面相邻位置通用兄弟选择器。 今天在做项目的时候,发现选择器有些遗忘。特写此文章来加深...

    Bowman_hanBowman_han 评论0 收藏0
  • 记一次惊心动魄的前端性能优化之旅

    记一次惊心动魄的前端性能优化之旅

    摘要:方案未引起重视,并没有做出相应处理。页面中元素的布局是相对的,因此一个元素的布局发生变化,会联动地引发其他元素的布局发生变化。这里可以使用的和来分析的性能。写在最后性能优化是一门做减法的艺术。 欢迎一起交流 欢迎关注我的个人公众号,不...

    leejan97leejan97 评论0 收藏0
  • 直接使用sublime编译stylus

    直接使用sublime编译stylus

    摘要:介绍是一个的预处理框架,年产生,来自社区,主要用来给项目进行预处理支持,所以是一种新型语言,可以创建健壮的动态的富有表现力的。 stylus介绍 Stylus 是一个CSS的预处理框架,2010年产生,来自Node.js社区,主要用来给Node项目进行CSS预处理支持...

    EnlightenmentEnlightenment 评论0 收藏0
  • 手机端适配策略以及实现

    手机端适配策略以及实现

    摘要:设备本身的适配策略和的适配策略是不一样的。暂且称之为更大内容策略。个人认为的策略更为合理。这种情况一般作用于容器元素。用脚本实现有极少数布局上的问题似乎无能为力了。 设备本身的适配策略 ios和Android的适配策略是不一样的。 对于ios,一个设...

    xingqibaxingqiba 评论0 收藏0
  • 【css】background笔记

    【css】background笔记

    摘要:之前笔试题有一道选择题是关于属性的,后来查阅资料才发现有各种子属性,特写此文章整理一下。新增指定背景的显示区域。默认情况下,总是以元素左上角为坐标原点进行背景图像定位。此关键字表示背景相对于元素的内容固定。 之前笔试题有一道选择题是关...

    YoungsYoungs 评论0 收藏0
  • CSS魔法堂:重拾Border之——不仅仅是圆角

    CSS魔法堂:重拾Border之——不仅仅是圆角

    摘要:撸代码实现首页检验单查询成品通用标准审核圆角的何止是啊上图的变成椭圆形了,而且中的文字好像飘到外面。我们可以看到两边相交所形成的矩形的对角线,将作为边的相交点。 前言  当CSS3推出border-radius属性时我们是那么欣喜若狂啊,一想到终于不用...

    _Dreams_Dreams 评论0 收藏0
  • 关于CSS的position属性

    关于CSS的position属性

    摘要:元素脱离文档流元素相对于它包含的元素进行定位,相对于所有其他元素,绝对定位的元素是独立定位的。元素脱离文档流,相对于浏览器窗口进行定位与其他所有元素独立大多数浏览器支持,除外大概也没有公司要求必须支持了。。 未完待续......最近在读《C...

    loostudyloostudy 评论0 收藏0
  • CSS魔法堂:重拾Border之——更广阔的遐想

    CSS魔法堂:重拾Border之——更广阔的遐想

    摘要:也就是说我们操作的几何公式中的未知变量,而具体的画图操作则由渲染引擎处理,而不是我们苦苦哀求设计师帮忙。 前言  当CSS3推出border-radius属性时我们是那么欣喜若狂啊,一想到终于不用再添加额外元素来模拟圆角了,但发现border-radius还分水平...

    lily_wanglily_wang 评论0 收藏0
  • flex-item的flex-basis与width属性有什么关系?

    flex-item的flex-basis与width属性有什么关系?

    摘要:在这里,如果你设置的值非,而是其它一个符合或者属性规则的值,那么对于计算这个值的规则和中块级元素的计算规则是一样样的。同时放在了在上的,这里会长期写一些关于的文章 我们知道,给一个元素A设置display: flex; ,那么A就是flex container,此...

    lewinleelewinlee 评论0 收藏0
  • 【二次元的CSS】—— 用 DIV + LESS 做一个小黄人构造器

    【二次元的CSS】—— 用 DIV + LESS 做一个小黄人构造器

    摘要:仅仅使用作为身体的布局,用的各种和圆角属性来绘制各个细节的形状,当然也不会使用任何图片哦。这次用到了一些的特性,通过设置一些指定的参数来生成不同种类不同身材的小黄人。 仅仅使用div作为身体的布局,用css3的各种transform和圆角属性来绘制各...

    SeaySeay 评论0 收藏0
  • [开源] 分享自己用的 GitHub 分组管理工具.

    [开源] 分享自己用的 GitHub 分组管理工具.

    摘要:的管理工具简洁快速,从开发者角度考虑,用完就走,不给开发者更多的管理负担。这个工具目前在上已经收到快的了。或者直接使用编辑器里的插件最后连接在这里开源在上的连接 CODELF 的 GitHub Star 管理工具, 简洁快速,从开发者角度考虑,用完就走,不...

    wenshi11019wenshi11019 评论0 收藏0
  • CSS魔法堂:Box-Shadow 没那么简单啦:)

    CSS魔法堂:Box-Shadow 没那么简单啦:)

    摘要:阴影距离原位置的垂直位移,正数表示向下移动,负数表示向上移动。实现原理纯个人理解创建一个与元素尺寸一致的阴影盒子将阴影盒子定位到于元素重合,并位于元素之上水平和垂直各画两条线,分别跟元素重合共条分别记为根据和移动。 前言 说起box-shado...

    GalenceGalence 评论0 收藏0

热门文章

<