文章库ARTICLE COLUMN

  • 从重绘重排角度讲解transform的动画性能

    从重绘重排角度讲解transform的动画性能

    摘要:完成重排后,浏览器会重新绘制受影响的部分到屏幕,该过程称为重绘。重排必然导致重绘,所以重排更加恶心。使用绝对位置定位页面上的动画元素,将其脱离文档流,可以有效的防止重排。 render树的构建 showImg("https://segmentfault.com/img/remote/14...

    lentruelentrue 评论0 收藏0
  • 三栏布局中间自适应总结

    三栏布局中间自适应总结

    摘要:三栏布局,中间自适应这个经典的问题,之前也看了很多。需要对中间或者两边的属性进行微调,否则中间与两边高度不齐,效果如下所示方式三浮动负值法又被称为双飞翼布局法中间左边右边注意点要放在最前面,这样和才能覆盖上去。 三栏布局,中间自适应这...

    李义李义 评论0 收藏0
  • css整理

    css整理

    摘要:移动端屏幕图片模糊图标是设备是的屏,那么你得准备一个,分辨率是,这么写这个也很关键设置倍图为倍图大小或者上面的代码,就能实现在屏幕密度为的情况下加载屏幕密度为时加载。 移动端Retina屏幕图片模糊 //图标icon.png是16x16, 设备是2x的Retina屏...

    Miracle_lihbMiracle_lihb 评论0 收藏0
  • box-shadow

    box-shadow

    摘要:中的属性被用来添加阴影投影方式轴偏移量轴偏移量阴影模糊半径阴影扩展半径阴影颜色下述概念引用自阴影类型此参数是一个可选值,如果不设值,其默认的投影方式是外阴影如果取其唯一值就是将外阴影变成内阴影,也就是说设置阴影类型为时,其投影就 CSS3...

    cangercanger 评论0 收藏0
  • 移动端H5 viewport

    移动端H5 viewport

    摘要:移动端页面大家都遇到过的问题。移动端适配方案上移动端适配方案下本文对做一些补充手机屏幕手机屏幕属于硬件属性,我们无论是通过还是标签都是无法影响到它的。很多没有对移动端做适配的网页,我们用手机打开,发现网页被缩小到手机屏幕这么宽了。 移...

    CntChenCntChen 评论0 收藏0
  • 一名小白程序员的实习生生活

    一名小白程序员的实习生生活

    摘要:就在我看着书学习操作的第二个星期,当时面试我过来的蔡总给了我第一个练手项目。当晚发布了之后,蔡总便两周没有再问过我情况,嗯,我想,大概是我的界面太惊艳了吧。 多到懵逼的软件 刚刚到公司的时候最大的不适应就是公司的软件多到爆炸,当时以为...

    fyberfyber 评论0 收藏0
  • PHP仿微信多图片预览上传功能

    PHP仿微信多图片预览上传功能

    摘要:仿微信多图片预览下载演示地址生产图片区域,上传按钮可替换自己想要的图片在上查看代码片派生到我的代码片上传在上查看代码片派生到我的代码片创建实例的构造方法上传插件初始化选用那种方式的优先级顺序上传按钮远程上传地址文件地址文件地址最大上传...

    BlackjunBlackjun 评论0 收藏0
  • flex布局demo

    flex布局demo

    摘要:普通投诉处理中心审批承认立即处理。 示例一: * { margin: 0; padding: 0; } html { height: 100%; } body { height...

    BingqiChenBingqiChen 评论0 收藏0
  • 完整的学习和使用CSS动画【译】

    完整的学习和使用CSS动画【译】

    摘要:然而通过自定义贝塞尔曲线的值,可以满足你具体的动画时间需求。关于如何使用贝塞尔曲线的方法我们可以通过查看的开发者网站动画延时动画延时常常应用于当我们需要对动画进行的延时操作的时候。从而减少大部分动画执行期间潜在的性能损耗问题。 注:...

    fjcgreatfjcgreat 评论0 收藏0
  • 图片加载相关技术

    图片加载相关技术

    摘要:本小节将讨论与图片加载时机相关的技术预加载与懒加载。同样,可将请求成功与失败的回调,作为图片预加载成功与失败的处理。 目前,出于性能与灵活性方面的考虑,我们都将一些小图片替换成矢量图或者字体。除了这些能被替换的小图之外,还有一些不得不...

    junnplusjunnplus 评论0 收藏0
  • CSS选择器

    CSS选择器

    摘要:伪类选择器匹配在文档树中前面有个兄弟元素的元素,此时大于或等于,并且该元素具有父元素。简而言之,该选择器匹配多个位置满足的子元素。 伪类选择器 :nth-child & :nth-of-type nth-child(an+b)匹配在文档树中前面有an+b-1个 兄弟元素 的元素,此...

    ispringispring 评论0 收藏0
  • 拿什么拯救你——汗牛充栋良莠不齐的技术类文章

    拿什么拯救你——汗牛充栋良莠不齐的技术类文章

    摘要:技术人员也并不能免俗,除了,知乎,等几个大平台可以展现自己的技术实力,对业界叮出自己声音外。导致内容汗牛充栋,良莠不齐之因自然不在平台方,而在哪里不言自明。我的文章会在个人博客和知乎专栏同步发出,欢迎大家关注我的知乎专栏。 作者:胡子...

    xiaolinbangxiaolinbang 评论0 收藏0
  • Vue初探——Vue是什么

    Vue初探——Vue是什么

    摘要:还是由于帮我们省略了操作,加上双向数据绑定,的代码量减少很多,大概还是要看具体项目。其中元素赋值和加事件又需要获取元素和更元素赋值,也就是这个原因代码量才会增加。 本文代码下载地址 概述 前端开发近况 需求依然旺盛,从JavaScript已经在编...

    mindwindmindwind 评论0 收藏0
  • 前端面试题(中)

    前端面试题(中)

    摘要:注意封装成一个函数封装一个函数,将字符串实现的功能,但不使用方法,去掉字符串前后空格,返回处理后的字符串。当然答案还有很多,我们只是提供了其中几种,你有好的解答也可以发送邮件,大家共同交流讨论哈 来自妙味的一套面试题,以下答案来自JS讲...

    legendaryedulegendaryedu 评论0 收藏0
  • css的居中布局问题

    css的居中布局问题

    摘要:在和下不支持属性,设置方法无法解决浏览器兼容问题。对于不支持的和使用特定的。利用技术区别对待和,在不支持的下,通过给父子两层元素分别设置和来实现居中。 css经常用来处理居中问题,不同的情况使用不同的方法; 一 :水平居中 (1)文本、图片等...

    leoperfectleoperfect 评论0 收藏0
  • css:transform,transition,animation总结

    css:transform,transition,animation总结

    摘要:等同于贝塞尔曲线元素样式从初始状态过渡到终止状态速度是恒速。等同于贝塞尔曲线提供了类似关键帧控制的动画效果,通过属性实现。名称说明用来指定一个关键帧动画的名称,这个动画名必须对应一个规则。 1. transform 2d 名称 说明 transform 变...

    sevi_stuosevi_stuo 评论0 收藏0
  • 【译】Vertical-Align: All You Need To Know

    【译】Vertical-Align: All You Need To Know

    摘要:用于对齐行内水平元素,即那些属性为或本文不考虑的元素。元素的基线取决于元素是否具有内容有内容,元素的基线是普通流中最后一个内容元素的基线例如左边那个。 原文地址:Vertical-Align: All You Need To Know Often I need to vertically align el...

    niuxiaowei111niuxiaowei111 评论0 收藏0
  • HTML、CSS基础 {未完待续}

    HTML、CSS基础 {未完待续}

    摘要:表单能够包含元素,比如文本字段复选框单选框提交按钮等等。表单属性表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户与服务器的交互。 标签 超链接(需要在新的浏览器窗口中打开时使用target) 点我 本页跳转 顶部 ......

    李涛李涛 评论0 收藏0
  • 翻译:如何使用CSS实现多行文本的省略号显示

    翻译:如何使用CSS实现多行文本的省略号显示

    摘要:利用该属性实现多行文本的省略号显示需要配合其他三个属性。这段代码实现很简单,就是三个子元素和包含块的高度及浮动设置模拟场景我们通过创建一个子元素来替代将要显示的省略号,当文本溢出的情形下该元素显示在正确的位置上。 本文翻译自CSS Ellips...

    lykopslykops 评论0 收藏0
  • clearfix清除浮动最佳实践

    clearfix清除浮动最佳实践

    摘要:版本一解释下这个参数,字符里有一个零宽度空格,即,代替原来的,可以缩减代码量。 版本一 .clearfix:after { content:"200B"; display:block; height:0; clear:both; } 解释下:content:"2...

    tommegotommego 评论0 收藏0
  • 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

热门文章

<