文章库ARTICLE COLUMN

  • css盒子模型

    css盒子模型

    摘要:盒模型本质上是一个盒子,封装周围的元素,它包括边距,边框,填充,和实际内容。我们在样式里面设置和属性时,指的是的宽度和高度。 CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。 showImg("https://segme...

    DoyleDoyle 评论0 收藏0
  • 如何实现响应式图片?

    如何实现响应式图片?

    摘要:响应式图片加载与用户设备相匹配的图片,既快速又不会影响用户体验或者服务器使用图片使用图片直接看代码,就是读取浏览器选择相对应的图片,此外还可以设置配置不同图片。矢量图解决响应式问题,不做描述,也是解决方式之一。 如何挑选第三方组件,...

    DirtyMindDirtyMind 评论0 收藏0
  • CSS 杂记

    CSS 杂记

    摘要:样式优先级内联样式表标签内部嵌入样式表当前文件中外部样式表外部文件中。标签的权值为类选择符的权值为选择符的权值最高为权值为权值为权值为权值为权值为权值为但是因为有为最高权值可以用来设置最高权值优先级样式,权值高于用户自己设置的样式。 ...

    lavorlavor 评论0 收藏0
  • vue+webpack构建项目过程

    vue+webpack构建项目过程

    摘要:项目中遇到的插件打包工具依赖环境搭建过程安装去官网安装下载安装包之后直接点击安装即可查看版本安装使用淘宝镜像未使用全局安装创建基于的新项目安装依赖项,安装完会新增文件夹安装插件安装安装路由项目上线 项目中遇到的插件:vue-router vue-res...

    luodongseuluodongseu 评论0 收藏0
  • CSS五种方式实现Footer置底

    CSS五种方式实现Footer置底

    摘要:方法一将内容部分的设为负数等于的高度这个方法需要容器里有额外的占位元素。方法三使用设置内容高度这里假设和之间有的间距,所以方法四使用弹性盒布局以上三种方法的高度都是固定的,如果的内容太多则可能会破坏布局。方法五使用网格布局 [原文链接 ...

    BakerJBakerJ 评论0 收藏0
  • 为什么还要写一个PHP框架?

    为什么还要写一个PHP框架?

    摘要:最后讨论决定自己开发一个框架,于是就开始了整体框架的设计。设计框架首先是底层框架,设计底层框架的第一个问题就是如何管理框架的所有类及其依赖关系,对比成熟的方案有依赖注入和基于组件设计两种方案。 背景 事情源于在做框架选型的时候,我们对...

    omgdogomgdog 评论0 收藏0
  • AT - 规则:@import,@media 和 @font-face

    AT - 规则:@import,@media 和 @font-face

    摘要:规则它现在被广泛用作在网页中嵌入字体。支持新的规则,但是仅支持类型的字体。规则规则用来导入其它的文件。规则必须被放置在一个样式表的顶部,在任何其他规则上面。规则可用于样式应用到一个特定的媒体,如印刷品。 font-face 规则 @font-face 它现...

    levy9527levy9527 评论0 收藏0
  • w3c标准搬运

    w3c标准搬运

    摘要:二标准主要分为哪几部分目前为止标准主要分为结构设备设计与应用语义化技术服务以及浏览和创作工具大部分。同时也涉及到的可访问性方面的内容。技术技术包括,命名空间,和其他相关的标准。 一、什么是w3c标准   w3c(World Wide Web Consortium)标准...

    YangderYangder 评论0 收藏0
  • 响应式开发网站

    响应式开发网站

    摘要:响应式布局,先看效果大屏效果中屏效果小屏效果下面是一些笔记心得响应式网站的优点减少工作量网站,设计,代码,内容都只有一份做少量更改节省时间多个分辨率设备都能正确显示搜索优化缺点会加载更多的样式和脚本资源设计比较难精确定位和控制老版本浏...

    zhongmeizhizhongmeizhi 评论0 收藏0
  • vuejs2.0制作最简单的顶部菜单滑动效果

    vuejs2.0制作最简单的顶部菜单滑动效果

    摘要:此方法可适用于普通页面,也可以是其他,使用相关样式即可。下面效果是横向滚动,也可以使用修改为垂直滚动。 此方法可适用于普通html页面,也可以是其他,使用相关css样式即可。下面效果是横向滚动,也可以使用overflow-y: scroll; 修改为垂直滚动。 ...

    linkFlylinkFly 评论0 收藏0
  • 前端开发工程师怎样能表现的不那么“新手没经验”、不那么“培训班出来的”

    前端开发工程师怎样能表现的不那么“新手没经验”、不那么“培训班出来的”

    摘要:最近看到知乎上面很多讨伐培训班的问答文章,不禁想到了我和新手同事合作的一些经历其实你是培训班出来还是计算机科班毕业,没人在乎,关键是你表现出来的一些问题切切实实的对你的同事或合作伙伴造成了很大困扰,而且这些问题集中在某一部分人身上显露...

    sumorysumory 评论0 收藏0
  • (转) 响应式和自适应区别

    (转) 响应式和自适应区别

    摘要:于是出现了一种新的布局方式宽度自适应布局。下面再从直观一点的来看,响应式和自适应的区别首先两种方式解决问题的是不一样的。响应式的概念应该覆盖了自适应,而且涵盖的内容更多。图片的自适应除了布局和文本,自适应网页设计还必须实现图片的自动缩...

    dockerclubdockerclub 评论0 收藏0
  • CSS3 border-radius 属性

    CSS3 border-radius 属性

    摘要:今天面试的时候,面试官问了一个属性参数的问题。使用属性,你可以给任何元素制作圆角。设置不同参数,也可以制作其他形状的角属性有四个值,分别对应图中位置圆角的半径。此时使用号隔离,号前表示水平半径,号后表示垂直半径,缺省值时表示含义同上。...

    geekzhougeekzhou 评论0 收藏0
  • H5实例教学--3D全景(ThreeJs全景Demo)

    H5实例教学--3D全景(ThreeJs全景Demo)

    摘要:前言在现在市面上很多全景的环境下,要实现全景的方式有很多,可以用直接构建也可以用基于的库来实现,还有很多别的制作全景的软件使用本教学适用于未开发过全景的工程狮如果觉得内容太无聊可以直接跳到最后下载代码理论整个全景所用的相关理论就不多说...

    VPointerVPointer 评论0 收藏0
  • 视觉格式化模型(Visual formatting model)

    视觉格式化模型(Visual formatting model)

    摘要:块级盒参与块格式化上下文。行内级盒参与行内格式化上下文块格式化上下文行内格式化上下文相对定位浮动盒就是一个在当前行向左或向右移动的盒。浮动绝对定位绝对定位模型中,一个盒会有相对于其包含块的明确偏移,它会从常规流中全部移除不会影响后面的...

    jokesterjokester 评论0 收藏0
  • css文本属性

    css文本属性

    摘要:的区别指字母间距,对英文和汉字,空格都有效,也可以叫字符间距。指单词间距,对汉字不支持。时的效果压缩空白和换行符,排满不换行。纵向长度,可为负值,向下为正。阴影的模糊长度。的使用有了文字描边,就有文字填充色。 1. letter-spacing,word-s...

    Tony_ZbyTony_Zby 评论0 收藏0
  • 使用purifycss精简css

    使用purifycss精简css

    摘要:解决在精简的时候,需要把里面的相对路径替换成绝对路径将中的引用的相对路径转化为绝对路径精简后,破坏了通用模块的缓存这其实是一个取舍问题。解决不精简通用模块,只精简具体业务相关的。 随着项目的不断迭代,我们的css会不断变大,但通常页面上...

    104828720104828720 评论0 收藏0
  • css实现“品”字形分级图

    css实现“品”字形分级图

    摘要:思路以一个品字为单元,然后考虑如何让他们衔接起来采用的伪类显示线条。主体级级级级级级级方法一实现兼容,更低版本未测试考虑到兼容性,该方法方面采取浮动然后通过计算每一个品的宽度。 以下内容纯属个人的一点点或许不大成熟的思考,若大家发现有...

    vincent_xybvincent_xyb 评论0 收藏0
  • 响应式开发精短总结

    响应式开发精短总结

    摘要:目前还不是的正式标准之一,主要用在移动端配合实现自适应移动网页设计最开始的移动端浏览器在一个比屏幕更宽的虚拟窗口中渲染页面,然后通过手指在屏幕的缩放和平移来浏览。 vieport目前还不是w3c的正式标准之一,主要用在移动端配合@media实现自适应...

    netmounetmou 评论0 收藏0
  • 实现一个函数clone,可以对JavaScript中的5种主要的数据类型进行值复制。

    实现一个函数clone,可以对JavaScript中的5种主要的数据类型进行值复制。

    数据类型:(包括Number、String、Object、Array、Boolean)showImg(https://segmentfault.com/img/bVJIpW?w=795&h=782);

    lentoolentoo 评论0 收藏0
  • 移动端开发系列——像素与viewport

    移动端开发系列——像素与viewport

    摘要:目录移动端开发的基本观点像素基础知识原理解析弹性布局响应式设计的运用移动端的事件库的使用移动端开发的基本观点移动端开发的意义移动端用户使用量市场需求市场供给公司需要移动端开发人才工资高,就业易涌现大波程序猿到了猴年马月,工资才会 目录...

    JayChenJayChen 评论0 收藏0
  • CSS中的包裹性

    CSS中的包裹性

    摘要:之前一直都知道中的部分元素具有包裹性,今天写博客的时候正好也遇到了一个,所以想总结一下,有错误的地方欢迎指出来。浮动经过测试,浮动元素会自动包裹内部元素。代码浮动元素具有包裹性为或除了之外的其他定位也都具有包裹性,可以看做特殊的。 之...

    zhangfaliangzhangfaliang 评论0 收藏0
  • css样式整理

    css样式整理

    摘要:一字体属性大小特大极小一般中文用不到,只要用数值就可以,单位样式偏斜体斜体正常行高正常单位粗细粗体细体正常变体小型大写字母正常大小写首字母大写大写小写无修饰下划线上划线删除线闪烁常用字体背景属性色彩图片 一 字体属性:(font) 大小 {font...

    awokezhouawokezhou 评论0 收藏0
  • jQuery.extend()详解

    jQuery.extend()详解

    摘要:方法作用是,用一个或多个其他对象来扩展一个对象。通常使用格式如下上述代码含义是将合并到中,并返回。如果该方法里面两个参数都是数组呢控制台输出的为如果方法省略了参数,则表示将合并到全局对象中去。 jQuery.extend()方法作用是,用一个或多个...

    gaosboygaosboy 评论0 收藏0
  • WEB移动端粘黏吸顶效果的解决方案

    WEB移动端粘黏吸顶效果的解决方案

    摘要:原文链接一般的吸顶,通常是给上一个定位便可实现,而类似于上图这样的粘黏吸顶,也是一个比较常见的需求粘黏吸顶大概的思路是这样首先,给吸顶栏一个或者定位,通过去监听事件触发一个判断吸顶栏高度的函数,当吸顶栏的高度距离可视区域顶部小于等于时...

    CobubCobub 评论0 收藏0

热门文章

<