文章库ARTICLE COLUMN

  • node - 非阻塞的异步 IO

    node - 非阻塞的异步 IO

    摘要:而线程是进程的一部分,二者相扶相依,其中单线程被称为轻权进程或轻量级进程,执行特性线程只有个基本状态就绪,执行,阻塞。以上所述证明了操作与其他函数的这种区别是由实现,是用多线程的方式,在标准的阻塞式上模拟非阻塞异步,线程池默认限制四线...

    yuxueyuxue 评论0 收藏0
  • CSS 布局:position

    CSS 布局:position

    摘要:点击链接预览参考演示你对的了解程度有多少和高级指南之二定位详解部分部分使用垂直水平居中 点击链接预览:CODEPEN 参考: cssnext 演示 你对Position的了解程度有多少? HTML和CSS高级指南之二——定位详解 html 部分: Tabs PostCSS 部...

    wing324wing324 评论0 收藏0
  • CSS scroll snap points 实现渐进增强的滚动

    CSS scroll snap points 实现渐进增强的滚动

    摘要:渐近增强刚好最近看到这篇文章,如果结合每次滚动的时候每个条目始终在中间这样效果就更好了。效果如下查看浏览器支持情况遗憾的是目前只有和上的和原生支持需要前缀,好在这种可以当做渐进增强,即使浏览器不支持也不影响功能。 前言 前几天在 segmen...

    CloudDeveloperCloudDeveloper 评论0 收藏0
  • js 遮罩效果

    js 遮罩效果

    摘要: -------------------------------tipswindown.js------------------------------ ///------------------------------------------------------------------------- //jQuery弹出窗口 By Await [2009-11-22] //-...

    li21li21 评论0 收藏0
  • 网站的肥胖症危机(节译版)

    网站的肥胖症危机(节译版)

    摘要:大多数网站的主要内容是文本,更准确地说,是简短的文本。如果这种趋势持续下去,年,网页的体积平均将超过,比一本俄罗斯长篇小说还大。但是,这篇报道的网页,体积为,外加一个的视频。我们抽走了人们学习互联网的梯子。完转载自阮一峰的网络日志 1...

    superwsuperw 评论0 收藏0
  • CSS:选择器

    CSS:选择器

    摘要:相邻兄弟选择器也一样。提示当时,会在除第一个之外的所有生效。在定义中,必须被置于之后,才是有效的。和称为链接伪类,只能应用于锚元素和称为动态伪类,理论上可以用于任何元素。注意,伪元素选择器选择出来的部分不在里,也不能对其绑定事件。 0....

    Jenny_TongJenny_Tong 评论0 收藏0
  • CSS:区别 px、em、rem

    CSS:区别 px、em、rem

    摘要:的使用是相对于其父级的字体大小的,即倍数。浏览器的默认字体高都是,未经调整的浏览器显示。而且的关系不好转换,因此,常常人为地使。明显地,内部内的文字受到了父级的影响。 有何区别 px 在缩放页面时无法调整那些使用它作为单位的字体、按钮等...

    shiweifushiweifu 评论0 收藏0
  • 巧用SASS之如何遍历n个子元素并为其设置属性

    巧用SASS之如何遍历n个子元素并为其设置属性

    摘要:最近在新项目中引入了来编写样式代码,心想既然用到了这种高端货,就要用得巧用得妙,不能单纯地只是把常用属性定义成变量或定义重用的代码块等等。数据可通过空格,逗号或小括号分隔多个值,可用取值。 最近在新项目中引入了 SASS 来编写样式代码,心...

    zhou_youzhou_you 评论0 收藏0
  • 前端:移动开发 - 像素、viewport

    前端:移动开发 - 像素、viewport

    摘要:表示单位面积上的物理像素点数目。比如原本像素高的顶部导航栏,在屏上用了个像素的高度来显示。参考译此像素非彼像素译不是像素的像素不是像素移动前端开发之的深入理解移动端尺寸基础知识张鑫旭设备像素比简单介绍 知识 CSS 像素、物理像素、PPI CSS...

    QLQQLQ 评论0 收藏0
  • 弹性盒子display:box

    弹性盒子display:box

    摘要:在做手机页面开发中,一直使用弹性盒子布局,这种布局简单快速,且在手机端已经不用担心兼容性问题,和还是有一定差异性,本篇文章只讲解。父容器上设置属性在父容器上设置内核的浏览器,必须加上前缀。 在做手机页面开发中,一直使用弹性盒子布局,这...

    yanweiyanwei 评论0 收藏0
  • CSS:em 和 strong 的区别

    CSS:em 和 strong 的区别

    摘要:程度在的说明中,表示强调,表示更强烈的强调。因此,光从二者强调程度上的强弱已经不足以说明其区别。语意在中,进一步规定了两者的区别中也将两者进行了对比,和已经不可以再用中从强调的程度来简单区分差别了。参考蓝色理想和的区别 表现 em vs str...

    zhou_youzhou_you 评论0 收藏0
  • [聊一聊系列]聊一聊移动web分辨率的那些事儿

    [聊一聊系列]聊一聊移动web分辨率的那些事儿

    摘要:会各种折行,样式错乱,那么细致如苹果肯定不允许这种事情发生。又一次变迁苹果公司在年,推出了新一代的,他们的屏幕都比要宽要大。 欢迎大家收看聊一聊系列,这一套系列文章,可以帮助前端工程师们了解前端的方方面面(不仅仅是代码): https://seg...

    vibiuvibiu 评论0 收藏0
  • 样式里的宽度为小数,js获取其值

    样式里的宽度为小数,js获取其值

    摘要:动起来代码四舍五入运算通过实验我们发现,样式可以设置为小数,但是获取其值的时候,会进行四舍五入。 js代码: window.onload = function() { var oBtn = document.getElementById("btn"); var oDiv = document.getElementById.....

    coolpailcoolpail 评论0 收藏0
  • 探索发现:CSS实现中文两端对齐

    探索发现:CSS实现中文两端对齐

    摘要:今天在搜索实现中文两端对齐的解决方法时,偶然发现了这个我遇到问题是看不到效果,无论是英文还是中文,在和下都不起作用。首先,大家要知道,是专门为英文设计的,谁叫是老外发明的呢,用来实现英文语句的两端对齐。 今天在搜索CSS实现中文两端对...

    AomineAomine 评论0 收藏0
  • 使用 Vuex + Vue.js 构建单页应用

    使用 Vuex + Vue.js 构建单页应用

    摘要:鉴于该篇文章阅读量大,回复的同学也挺多的,特地抽空写了一篇下的使用方法,传送门使用构建单页应用新篇华丽的分割线原文地址前言在最近学习的时候,看到国外一篇讲述了如何使用和来构建一个简单笔记的单页应用的文章。 鉴于该篇文章阅读量大,回复的...

    leviuslevius 评论0 收藏0
  • 切图崽的自我修养-CSS踩坑纪录

    切图崽的自我修养-CSS踩坑纪录

    摘要:解决方法设置即可其实所有的都会出现这个问题,浏览器会自动给元素的结尾添加一个空白字符大小和有关解决方法可以对父元素设置再在该元素里把设置回来的设置百分比是根据父元素的宽度来的。结语坑先挖这么点,以后碰到再陆续补充 前言 简单记录一下工...

    用户83用户83 评论0 收藏0
  • 切图崽的自我修养-使用自动化工具

    切图崽的自我修养-使用自动化工具

    摘要:前言已烂想来大家对自动化构建工具已经不陌生了,自动化构建工具可以帮开发者省去很多重复劳动比如语法纠错文件打包文件操作,合并压缩等等常用的自动化构建工具有等等,这些构建工具核心都是依赖第三方插件,通过颗粒化任务,再将这些任务按照合适的方...

    jaycejayce 评论0 收藏0
  • 切图崽的自我修养-SeaJs重要概念剖析

    切图崽的自我修养-SeaJs重要概念剖析

    摘要:但是这么多模块合并在一个文件里,全是匿名的话,系统如何区别哪个是哪个模块呢因此,我们需要对这些模块给不同的进行标识。 前言 高能预警,前方山路十八弯 在上一篇文章里简单的讨论了一下模块化Js, 先来回顾一下目前模块化的两大规范: CommonJs 同...

    voidkingvoidking 评论0 收藏0
  • 浅谈line-height

    浅谈line-height

    摘要:与高度由上面的内容可以总结出的高度取决与其下属的中最高的元素。的最终表现是通过实现的,而无论所占据的高度是多少无论比文字大还是比文字小,其占据的空间都是与文字内容公用水平中垂线的。 基础知识 有4种模型,分别是 块,块盒模型 containing ...

    leeonleeon 评论0 收藏0
  • 切图崽的自我修养-优化图片加载流程

    切图崽的自我修养-优化图片加载流程

    摘要:前言优化又是优化切图崽们作为整个应用的纽带,连接着用户行为和机器性能而优化的最终意义,在于在这两者之间取得一个最佳的平衡点对于图片资源的加载来说,更是如此今天我们就来简单说说,项目开发中常见的图片加载优化方式预加载遮罩大法我们经常用中...

    ygyoooygyooo 评论0 收藏0
  • 利用SVG和css3实现炫酷的边框动画

    利用SVG和css3实现炫酷的边框动画

    摘要:利用实现边框效果参与投票 line .empat { position: relative; overflow: hidden; width: 200px; height: 200px; ...

    mengbomengbo 评论0 收藏0
  • [聊一聊系列]聊一聊iconfont那些事儿

    [聊一聊系列]聊一聊iconfont那些事儿

    摘要:欢迎大家收看聊一聊系列,这一套系列文章,可以帮助前端工程师们了解前端的方方面面不仅仅是代码从说起要想了解,得从一个新的规则说起。因为用户没有安装的话,我们强制要求显示也没有办法。国内有阿里巴巴的平台,可以选自己喜欢的图标导出。 欢迎大...

    MarkxuMarkxu 评论0 收藏0
  • 浮动(Floats)原理与清除浮动

    浮动(Floats)原理与清除浮动

    摘要:父元素的顶端会限制浮动元素防止一直浮动到页面顶端。例子戳这里清除浮动清除浮动的目的是为了解决高度塌陷的问题撑开浮动父元素。原理会在元素的之上增加一个清除区域这个区域会在元素的上增加额外间隔并且不允许浮动元素进入这个区域。 浮动概念 浮...

    andong777andong777 评论0 收藏0
  • 纯CSS实现扁平化风格开关按钮

    纯CSS实现扁平化风格开关按钮

    摘要:开关样式预览图前言最近在基于框架开发一个网站,在填写表单一项需要用户填写是否选择某一选项,本来想引用框架自带的一个按钮插件,结果在引用的时候总是出错,就找了找资源,用纯实现这个按钮开关的功能。 开关样式预览图 showImg("https://segmentf...

    nanfeiyannanfeiyan 评论0 收藏0
  • 使用CSS处理标题过长,自动截断,兼容响应式布局

    使用CSS处理标题过长,自动截断,兼容响应式布局

    摘要:应用场景描述例如从数据库读取一个商品,那么当商品标题很长的时候,很可能会影响页面布局。 应用场景描述 例如PHP 从数据库读取一个商品,那么当商品标题很长的时候,很可能会影响页面布局。处理方法如下: PHP 字符串截取 JS 字符串截取 CSS 属性...

    weaponweapon 评论0 收藏0

热门文章

<