文章库ARTICLE COLUMN

  • 切图崽的自我修养-梳理Jquery API

    切图崽的自我修养-梳理Jquery API

    摘要:前言梳理一下中还不太熟悉的事件绑定统一用摒弃掉之前的解绑事件统一用语法糖,支持多个事件绑定同一个函数语法糖,支持多个事件绑定不同的函数语法糖,支持多个事件绑定不同的函数可以往里传参可以给未创建的上绑定事件只能采取事件委托的形式所以写成...

    warnerwuwarnerwu 评论0 收藏0
  • 切图崽的自我修养-模块插件化书写方式

    切图崽的自我修养-模块插件化书写方式

    摘要:前言大致记一下模块插件化的书写思路一般写法插件初始化入口获取传入参数获取传入参数获取传入参数获取传入参数插件公用方法插件公用方法初始化插件暴露模块方法调用方式引用模块插件调用插件公有方法注意事项插件初始化时,如果变量有缺省值,一般用逻...

    edagarliedagarli 评论0 收藏0
  • 数组reduce方法的高级技巧

    数组reduce方法的高级技巧

    摘要:我们在的第二个参数里面初始了回调函数第一个参数的类型和值,将字符串转化为数组,那么迭代的结果将是一个对象,对象的每一项值就是字符串的字母。 因为用for循环被老大鄙视之后,这几天都在偷偷摸摸的研究数组的那几个迭代方法。使用下来,感觉确实...

    yvonneyvonne 评论0 收藏0
  • 【译】HTML表单高级样式

    【译】HTML表单高级样式

    摘要:示例多选框和单选框给多选框和单选框添加样式是很让人凌乱的。通向漂亮表单之路一些有用的库和拓展工具尽管在复选框和单选框上的表现力已经够用了,但离其支持高级表单组件仍然遥遥无期。其表单部分挺有用的。 系列文章说明 原文 在本文中,我们将了...

    caikealcaikeal 评论0 收藏0
  • CSS Float nine rules

    CSS Float nine rules

    注:本文是对众多博客的学习和总结,可能存在理解错误。请带着怀疑的眼光,同时如果有错误希望能指出。如果你喜欢我的文章,可以关注我的私人博客:http://blog-qeesung.rhcloud.com/ 入门前端也算是有三个月之久了,发现Float这个属性一直都很迷惑,只是知...

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

热门文章

<