文章库ARTICLE COLUMN

  • CSS揭秘之《伪随机背景》

    CSS揭秘之《伪随机背景》

    摘要:之前说的条纹全部都是有规律的条纹,如果实现随机宽度的垂直条纹呢其实原理宽度尽量选择质数,因为质数跟任何其它数字都是相对质数因为最顶层贴片的重复规律最容易被察觉它没有被任何东西遮挡,我们应该把平铺间距最大的贴片安排在最顶层这里的都是 之...

    happenhappen 评论0 收藏0
  • css基础

    css基础

    摘要:引入浏览器私有属性规则语法标识符标识符常用选择器简单选择器标签选择器类选择器选择器通配符选择器属性选择器选中属性属性包含属性选中属性值等于或开头的选中属性值以开头的选中属性值以结尾的选中属性值包含的伪类选择器以上两个只用 引入 ...

    ThreeWordsThreeWords 评论0 收藏0
  • CSS揭秘之《边框图像》

    CSS揭秘之《边框图像》

    摘要:如果我们想把一图应用到边框而非背景,就像下面的这样效果可能最容易的方法就是两层标签,外层标签设置背景图片,内层标签设置背景色为白色就达到了效果,可是如果只用一层标签呢,怎么办其实思路是在背景图片之上,再叠加一层纯白的实色背景代码如下 ...

    TalkingDataTalkingData 评论0 收藏0
  • 阿里云前端周刊 - 第 23 期

    阿里云前端周刊 - 第 23 期

    摘要:写的姿势前两天去帝都参加第三届前端开发者大会,见了很多老朋友,也认识了很多新朋友。 推荐 1. 组件化设计思维 – 从规范到工具的构建与探索 http://www.zcool.com.cn/artic... 阿里巴巴在中台战略的背景下,设计提效又再次推动着设计思维的变革。设...

    FrancisSoungFrancisSoung 评论0 收藏0
  • 你不知道的CSS

    你不知道的CSS

    摘要:不要忘了给子元素设置字号用來清除浮动除了著名的清除浮动类,利用属性也可以清除浮动。 本文首发于我的博客 CSS的世界是神奇的。随着各浏览器WEB标准的日趋统一,CSS在WEB世界中扮演的角色也愈发的重要。甚至于在GitHub上出现了You-Dont-Need-JavaScr...

    cniocnio 评论0 收藏0
  • 前端调试利器 - Charles

    前端调试利器 - Charles

    摘要:指的是在控制台中,可通过查看。端调试的相关配置端的配置稍微繁琐一些。安装证书按照提示安装证书。把移动端的资源请求代理到本地来示例这样就可以在本地进行后续的开发和调试了。 Docs 开发之 Charles 配置指南 1.下载与安装 charles-proxy-4.1.4 .d...

    lewiflewif 评论0 收藏0
  • css属性的继承、初识值、计算值、当前值、应用值

    css属性的继承、初识值、计算值、当前值、应用值

    摘要:计算属性的计算值通常包括将相对值转换成绝对值如单位或百分比。返回的解析值可能是计算值或应用值。最后,计算布局尺寸比如或百分数换算为像素值,结果即应用值。继承当元素的一个继承属性没有指定值时,则取父元素的同属性的计算值。 css属性 我觉得...

    pkhopepkhope 评论0 收藏0
  • 前端开发日报:canvas获取video缩略图和JS 模块化

    前端开发日报:canvas获取video缩略图和JS 模块化

    摘要:明白模块化模块化就是将一个大的功能拆分为多个块,每一个块都是独立的,你不需要去担心污染全局变量,命名冲突什么的。目前最重要的应用场景之一,就是在的握手阶段,客户端服务端利用算法交换对称密钥。 1、应用canvas获取video的缩略图 发布视频时...

    CarterLiCarterLi 评论0 收藏0
  • 使用SVG + CSS实现动态霓虹灯文字效果

    使用SVG + CSS实现动态霓虹灯文字效果

    摘要:早上无意间进入一个网站,看到他们的效果略屌,如图刚开始以为是动画之类的,审查元素发现居然是用动画实现的,顿时激起了我的欲望,决定要一探究竟,查看代码之后,发现原理居然是如此简单多个描边动画使用不同的即可对于一个形状元素或文本元素,可以...

    IntMainIntMain 评论0 收藏0
  • CSS3 border-image 彻底明白

    CSS3 border-image 彻底明白

    摘要:用于给边框贴上背景图像类似于中的背景属性。重复性取值为重复只是其中之一,其余两个是平铺和拉伸。其中,是默认值。例如表示水平方向平铺,垂直方向重复。不进行拉伸,不凑整。效果如下白框为部分资料来源网络亲们,看懂没不懂请留言,帮你解答。。 ...

    songjzsongjz 评论0 收藏0
  • Vue入门实践 每日一文Webapp

    Vue入门实践 每日一文Webapp

    摘要:这段时间学习还是边撸小项目边学比较容易掌握感谢无私提供的各种感谢每日一文这个我还是蛮喜欢的在线演示地址点我访问手机直接访问端打开开发者工具栏手机模式项目地址点我访问技术栈功能设计今日文章主页随机一文前一天后一天的文章顶部进度条自己的想...

    weizxweizx 评论0 收藏0
  • 解决ionic2/ionic3轮播图切换页面或者点击过后不自动轮图

    解决ionic2/ionic3轮播图切换页面或者点击过后不自动轮图

    摘要:我们在开发的过程中会出现切换页面或者滑动切换轮播图出现轮播图不再轮播的情况这其实需要一些配置首先在运用到轮播图的中引入然后解决切换其他页面回去轮播图不动问题附轮播图自动轮图的自动轮播间歇时间切换轮播图速度 我们在ionic2/ionic3开发的过...

    Lin_YTLin_YT 评论0 收藏0
  • 常见的div居中对齐方式

    常见的div居中对齐方式

    摘要:前段时间面试的时候面试题里面对考察最多的就是居中对齐的问题,因此特地对居中对齐的方式做了一个简单的总结,本文的目标就是希望各位在以后根据不同的情况使用不同的居中方式,闲话少说,直接上代码布局实现父元素设置为使 前段时间面试的时候面试题...

    KaruruKaruru 评论0 收藏0
  • css边距重叠的解决方案

    css边距重叠的解决方案

    摘要:给父元素设置属性给子元素设置如果子元素是行内元素或者行内块级元素则不会产生边距重叠的问题使子元素脱离文档流这个实现的方法有很多,浮动,绝对定位等,这里我就不做具体的解释了。 ** css防止边距重叠的方法 ** 今天整理了一下用css防止边距重叠...

    zhangfaliangzhangfaliang 评论0 收藏0
  • 前端知识点总结

    前端知识点总结

    摘要:知识点一和浏览器渲染模式文档类型,一个文档类型标记是一种标准通用标记语言的文档类型声明,它的目的是要告诉标准通用标记语言解析器,它应该使用什么样的文档类型定义来解析文档。知识点二文件类型声明仅有一型。知识点三常用整理常用整理 知识点一...

    LittleLiByteLittleLiByte 评论0 收藏0
  • css  定位及属性    命名规范

    css 定位及属性 命名规范

    摘要:元素的位置通过以及属性进行规定。如对齐样式使用对齐目标的英文名称。如标题栏样式使用类别功能的方式命名。注意事项一律小写尽量用英文不加中杠和下划线尽量不缩写,除非一看就明白的单词推荐的书写顺序显示属性自身属性文本属性待续 showImg("https...

    JouyPubJouyPub 评论0 收藏0
  • 详解css盒模型与外边距重叠

    详解css盒模型与外边距重叠

    摘要:如图所示代表,代表,代表。以上例子中,和之间的折叠产生的,是个相邻折叠的结果。将其值分为两组正值,,负值,,根据有正有负时的计算规则,正值的最大值为,负值中绝对值最大的是,所以,最终折叠后的应该是。 盒模型的构成 之前写了一篇关于如何...

    roundstonesroundstones 评论0 收藏0
  • css设置垂直居中

    css设置垂直居中

    摘要:设置垂直居中元素的垂直居中也是我们日常网页布局中经常会遇到的问题所以我在此提供一些解决方法希望可以给予有需要的人一些借鉴和参考代码既然设置子元素的垂直居中那就要知道父元素的高度才能知道这所谓的中在哪对吧就像你想在一段距离的中间位置站住...

    he_xdhe_xd 评论0 收藏0
  • css/html test1

    css/html test1

    摘要:请判断这句话的正确与否。解析文档加载是从上到下加载,只与标签的上下顺序有关,与标签选用无关。列表元素可继承。 1,要去掉文本超链接的下划线,正确的是 a {underline:none}a {text-decoration:no underline}a {decoration:no underline}a {text-d...

    edagarliedagarli 评论0 收藏0
  • 百度大搜和度秘面经

    百度大搜和度秘面经

    摘要:百度大搜和度秘面经百度内推投了俩部门前前后后总计面了六轮来写写面经攒攒人品大搜是十几号面的度秘今天面完下面记录一些我认为比较有价值的问题没写全问的问题太多而且有些也记不清了心累我是分割线下面讲正经的大搜大搜在百度现场面三小时面完三轮荒...

    gecko23gecko23 评论0 收藏0
  • 翻译 | CSS网格(CSS Grid)布局入门

    翻译 | CSS网格(CSS Grid)布局入门

    摘要:浏览器兼容性网格布局从开始收到支持,微软在会更新对网格布局的支持。微软的浏览器和有一种比较旧的实现,所以有不少限制,我们会简单介绍新的实现方式和老的实现方式之间的区别,这样你能知道如何规避他们。 原文地址:Getting to know CSS Grid La...

    AshinAshin 评论0 收藏0
  • 沪江前端由H5页面引起的一场前端数据结构讨论

    沪江前端由H5页面引起的一场前端数据结构讨论

    摘要:发送请求,处理数据。在上面这个场景中,这类数据的结构可能是最常碰到的。整个过程可以简化成数据的变化引起视图的变化,和现在很多前端框架数据驱动思想有几分相似。至此一个对于页面的抽象出来的数据结构雏形基本完成了。 作者:周周(沪江资深Web...

    GenngGenng 评论0 收藏0
  • PostCSS自学笔记(一)【安装使用篇】

    PostCSS自学笔记(一)【安装使用篇】

    摘要:而则可制定个人需求的一套解决方案仅安装需要的插件。迫不及待的你已经等不及安装使用了吧。安装及使用一般是结合自动化工具使用,如果要多带带使用可以安装,这里我先对的安装使用讲解下。接下来说点实际的,如何利用结合自动化工作在项目中使用。 Po...

    jsummerjsummer 评论0 收藏0
  • 蘑菇街前端电话一面

    蘑菇街前端电话一面

    摘要:蘑菇街电话一面事件流的介绍,事件流的顺序,下是否一致跨域的了解,介绍的原理如何实现在多行文字条件下,超过行显示省略号的区别左右两栏,实现等高如何实现全屏背景图,不留空隙类似的列表元素有哪些定义一个方法,不管传入的参数有多少,将他们保存...

    Kerr1GanKerr1Gan 评论0 收藏0
  • SegmentFault 社区访谈 | Linxz:只会写 CSS 不会写 JS 的“伪”前端

    SegmentFault 社区访谈 | Linxz:只会写 CSS 不会写 JS 的“伪”前端

    摘要:所以,现在的我是一个只会不会写的伪前端。技术升华环节如何理解你的微博简介一个只会写不会写的伪前端工程师你觉得和学习起来各有什么难点呢微博我好久没去碰了,其实现在应该是写一个连都不会写,更不会写的伪前端工程师。 showImg("https://segment...

    libxdlibxd 评论0 收藏0

热门文章

<