文章库ARTICLE COLUMN

  • gulp.spritesmith的学习教训

    gulp.spritesmith的学习教训

    摘要:这里是对自己在中合成雪碧图的一些的经验和总结中用于合成雪碧图的模块有许多,我只是针对和这两个做了尝试,在尝试过程中发现写对文件和文件路径是关键问题,只有把路径配对了那几乎没有啥问题了。 前言: css Sprites指的是网页图片的一种处理技巧,...

    li21li21 评论0 收藏0
  • Web 标准制定流程

    Web 标准制定流程

    摘要:所以我把相关标准的制定流程和参与方式做一个总结。常青浏览器配合标准每六周发布一次新版的加速的进化。标准的制定过程也完全在上公开,使得公众能够参与进来。 简介 作为Web开发者当然需要紧跟Web规范的变化。最好的方式当然就是参与标准的制定过程...

    RancherLabsRancherLabs 评论0 收藏0
  • video.js 源码分析(JavaScript)

    video.js 源码分析(JavaScript)

    摘要:语法部分采用的是标准。那么整个播放器是怎么把播放器的加载到中的呢在的构造函数里可以看到先生成,然后初始化父类遍历属性,将中的类实例化并将对应的嵌入到的属性中,最后在的构造函数中直接挂载到标签的父级上。 video.js 源码分析(JavaScript)...

    NeilyoNeilyo 评论0 收藏0
  • 入坑线性渐变linear-gradient

    入坑线性渐变linear-gradient

    摘要:线性渐变的表达式看到线性渐变的表达式,又要开始用脑了,分拆开来其实很好理解。结果为线性渐变中的角度默认是从下到上的垂直方向开始顺时针进行旋转的。 线性渐变linear-gradient的表达式:linear-gradient( [ | ,]? [, ]+); 看到线性渐变的表达式...

    gekylingekylin 评论0 收藏0
  • HTML中关于class内容空格多类名的问题详解

    HTML中关于class内容空格多类名的问题详解

    摘要:之所以想谈谈这个,是因为下午徒弟在写代码的时候看到这个情况,不明所以。问像这种定义是何意思答这里的空格隔开后,它们所代表的是两个类名,分别为和。 之所以想谈谈这个,是因为下午徒弟在写代码的时候看到这个情况,不明所以。在给他解答后感觉有...

    jasperyangjasperyang 评论0 收藏0
  • 拒信收割机の前端面经(CVTE,唯品会,百度)

    拒信收割机の前端面经(CVTE,唯品会,百度)

    摘要:另外回答的时候要淡定,一些问题就算不懂也不能慌,要和面试官谈笑风生,然后尽量扯回到自己懂的东西上面大公司比如百度给我的感觉就是很重视基础思维和潜力。 —— 虽然我的offer少,但是我的拒信多啊 这几天终于闲下来,做一点微小的工作,整理了一...

    yzdyzd 评论0 收藏0
  • 发个微信小程序的demo

    发个微信小程序的demo

    摘要:是存放小程序页面的文件夹。相当于,每个文件对应一个和文件,命名必须相同。最后附上源码下载地址微信小程序之小阅读 引言:微信小程序的发布已经有一周了,网上到处都炸开了锅,身为一个前端小菜鸟,觉得是时候提升一下格了, 于是乎,赶紧补一个...

    lieepslieeps 评论0 收藏0
  • 进一步理解:inline-block,vertical-align,line-height

    进一步理解:inline-block,vertical-align,line-height

    摘要:左起第一个矩形内部有文字,属于内联元素,那么第一个的基线为内部的基线,第二个的内部无内联元素,那么它的基线就是的底端,第三个内部有内联元素,但是他的属性为,不是,所以它的基线还是的底端。 看似三个最常见的概念背后却隐藏了很深的很深水...

    zhou_youzhou_you 评论0 收藏0
  • 你不知道的jQuery

    你不知道的jQuery

    摘要:不要恨我这个标题党,且看下面的分享。字符串函数数组字符串函数数组为所匹配到的表单元素赋值。函数返回值作为当前元素要设置的值。你好如果是没有属性的对象,则返回,否则返回,这里的属性包括从继承下来的属性。说明返回的不是数组,这我们早就知道...

    JochenJochen 评论0 收藏0
  • 切图崽的自我修养-[HTTP] 部署WEB服务流程梳理

    切图崽的自我修养-[HTTP] 部署WEB服务流程梳理

    摘要:前言关键字域名,备案服务器解析记录配置流程你想在云端部署两个服务,一个新闻站点,一个游戏门户站点域名也已经想好了,是和用户通过访问能访问到新闻站点,通过访问能访问游戏门户站点首先,你需要上阿里云上买一个一级域名按照中国的相关法律规定,...

    Barry_NgBarry_Ng 评论0 收藏0
  • 层叠上下文【stacking context】与层叠顺序【stacking order】

    层叠上下文【stacking context】与层叠顺序【stacking order】

    摘要:层叠上下文可以嵌套,内部层叠上下文及其所有子元素均受制于外部的层叠上下文。例当按以下设置,则出现红色在绿色之上的效果。如何触发触发一个元素形成层叠上下文有以下方法,摘自根元素值不为的绝对相对定位一个值不为的项目,即父元素。 层叠上下文...

    DeveloperDeveloper 评论0 收藏0
  • JQuery 对象与 DOM 对象

    JQuery 对象与 DOM 对象

    摘要:可以看到数组对象的前两个值是对象,所以可以通过来分别获得的两个对象。如果传递给函数的参数是一个对象,方法会把这个对象给包装成一个新的对象元素元素元素 请注意 JQuery 对象与 DOM 对象 是不同的 var test = document.getElementById("test")...

    tianlaitianlai 评论0 收藏0
  • 页面设计相关链接收集

    页面设计相关链接收集

    摘要:浏览器版本国内电脑端浏览器版本统计年月年月屏幕分辨率上的分辨率统计网页设计中常见的宽高比常见显示设备的媒体查询标准百度统计的中国网民分辨率使用情况兼容性设置仅用于的样式设置渲染模式设置及渲染模式样式兼容性清单开发者指南的媒体查询实现方...

    seansean 评论0 收藏0
  • 移动端h5开发相关内容总结(四)

    移动端h5开发相关内容总结(四)

    摘要:主要原因是除了安卓和系统的写法不同外,不同系统版本写法也不同。在安卓上是默认不开启想磁盘写文件的权限的。最好维护一个系统无法正常推起输入框的软件列表可以通过的来获取软件的唯一标识。 前言: 看了下博客的更新时间,发现9月份一篇也没有更新...

    MAX_zuoMAX_zuo 评论0 收藏0
  • 切图崽的自我修养-[TOOL] 常用命令行操作

    切图崽的自我修养-[TOOL] 常用命令行操作

    摘要:前言为什么鄙视我们程序员随着技术的日渐发展,各种可视化操作工具大行其道为广大程序员们提供了不少的便利特别是作为一名对图形色彩都很敏感的前端工程师,自然也对图形化操作界面爱不释手但是在后端,运维等传统程序员噼里啪啦命令行敲得飞起的时候,...

    MertensMertens 评论0 收藏0
  • 切图崽的自我修养-[TOOL] 用Omnigraffle绘制UML

    切图崽的自我修养-[TOOL] 用Omnigraffle绘制UML

    摘要:前言不会画图的程序员不是好产品经理喜欢装逼有品位的程序员都有一颗产品经理的心,但印象中产品经理经常要画一些奇奇怪怪七七八八的图,在请教了一些立志做产品经理的程序员之后,发现他们都有一套自己喜欢用的精致小巧的工具,其中经典的一套为线框原...

    BWrongBWrong 评论0 收藏0
  • 剖析简易计算器带你入门微信小程序开发

    剖析简易计算器带你入门微信小程序开发

    摘要:源码分析这个简易计算器界面布局依然延续祖制,采用布局,貌似微信官方也是这么推荐的官方文档中就是使用。本计算器存在不完善和,因为重点不是实现全部功能,而是搞清楚微信小程序开发方法,所以非关注点不用在意。 写在前面,但是重点在后面 这是教...

    AaronYuanAaronYuan 评论0 收藏0
  • 高清屏概念解析与检测设备像素比的方法

    高清屏概念解析与检测设备像素比的方法

    摘要:高清屏概念解析和前端开发的关系高清屏概念解析高清屏概念的兴起主要是从乔帮主发布设备开始兴起。还好我们有一个叫设备像素比的东西来检测当前屏幕是不是属于高清屏幕。 前言 做移动端h5开发很久了,从开始入行到现在。很多知识和工具都是在用前辈留...

    王伟廷王伟廷 评论0 收藏0
  • 《CSS揭秘》:单侧投影

    《CSS揭秘》:单侧投影

    摘要:单侧投影可以实现一种优雅而又真实的效果。缩小投影的尺寸。如此我们可以简单的创建单侧投影邻边投影邻边投影比较好解决双侧投影双侧投影没有简单的半分,唯一的方案是把单侧投影运用两次 单侧投影可以实现一种优雅而又真实的效果。 单侧投影 box-shad...

    superwsuperw 评论0 收藏0
  • css opacity 透明度

    css opacity 透明度

    摘要:属性用来设置一个元素的透明度,例如文字图片背景等。目前主流的浏览器都支持写法,取值为,为完全透明,为完全不透明。例针对以及更早的版本 Opacity属性用来设置一个元素的透明度,例如文字、图片、背景等。目前主流的浏览器都支持opacity:value写法...

    wind3110991wind3110991 评论0 收藏0
  • css实现水平居中和垂直居中的常见方式

    css实现水平居中和垂直居中的常见方式

    摘要:我们在实际工作中常会遇到需要设置居中的场景,居中分为水平居中和垂直居中。针对不同的情况又有不同的实现方式,例如行内元素和块状元素。例子对于图片垂直居中可以利用的实现例子整个居中让为的居中实现代码以下不支持。 我们在实际工作中常会遇到需...

    hqmanhqman 评论0 收藏0
  • css table布局大法,解决你大部分居中、多列等高、左右布局的问题

    css table布局大法,解决你大部分居中、多列等高、左右布局的问题

    摘要:基于这样的布局方式,你就可以把什么定高不定高定宽不定宽多行单行的水平垂直居中都搞定了。且不支持这就是所谓的布局大法。 看了这篇文章,你可以了解到以下布局方法: table-cell 定高水平垂直居中 不定高水平垂直居中 单行定高水平垂直居中 单行不...

    lijinke666lijinke666 评论0 收藏0
  • 移动Web开发小结

    移动Web开发小结

    摘要:在做移动开发时有很多地方跟端是不一样的,需要不一样的设置,这里就记录下移动开发中有用的设置和一些通用代码。其他关于打电话发短信发邮件的实现打电话给发短信给发邮件给关于布局移动端中对于的支持已经很好,是布局神器。 在做移动 Web 开发时有...

    derek_334892derek_334892 评论0 收藏0
  • CSS篇之inline-block

    CSS篇之inline-block

    摘要:代码主页原因对于元素,如果里面没有内联元素,或者不是,那么这个元素的基线就是其底边缘,否则,它的就是元素包含的内容中最后一行内联元素的基线。在此例中中没有内联元素,所以就是下边缘,中有内容主页,所以是以内容的主页的下边缘作为自己的。 ...

    ARGUSARGUS 评论0 收藏0
  • 多图片展开收缩实例

    多图片展开收缩实例

    摘要:运用运动框架进行多图片展开收缩的实例展示在展示时未插入图片用来代替多图片的展开收缩元素居中放大除了要改变元素的宽高以外,还要改变元素定位因为在页面布局时点是根据元素的左上角即来计算的如果图片放大一倍则位移为放大宽高的一半通过程序将浮动...

    archieyangarchieyang 评论0 收藏0

热门文章

<