资讯专栏INFORMATION COLUMN

FED之必备技能

williamwen1986 / 3531人阅读

摘要:在我们深入研究这项新鲜的技术之前,让我们先快速的复习原理的相关知识。同时,希望本文能对大家有所帮助。工欲善其事,必先利其器。

flex.css快速入门,极速布局

什么是flex.css? css3 flex 布局相信很多人已经听说过甚至已经在开发中使用过它,但是我想我们都会有一个共同的经历,面对它的各种版本,各种坑,傻傻的分不清楚,flex.css就是对flex布局的一种封装,通过简洁的属性设置就能使得它完美的运行在移动端的各种浏览器,…

了解真实的『REM』手机屏幕适配

rem 的官方定义『The font size of the root element.』,即以根节点的字体大小作为基准值进行长度计算。一般认为网页中的根节点是 html 元素,所以采用的方式也是通过设置 html 元素的 font-size 来做屏幕适配,但实际情况真有这么简单吗?

详解 Javascript十大常用设计模式

力荐~ 深度好文~ 深入理解 Javascript 10大设计模式

是时候替换你的 for 循环大法了~

《小分享》JavaScript中数组的那些迭代方法~

『收藏』VUE 优秀 UI 组件库合集

github 开源的 Vue 优秀 UI 组件库合集✔

预加载显示图片的艺术

前言 一般情况下网页中的图片都是随文档流依次加载的,什么时候用到则什么时候加载,但是有些时候这样的加载方式往往会影响用户体验,比如鼠标hover变换背景图片的时候,只有鼠标移入才会对变换的图片进行加载,这样就可能会出现片刻的加载空白现象。 为了在必要的时候增加用户体验,提高网页…

What the f**k JavaScript 中文版

一个关于Javascript的花式玩法列表(WTFJS)~

——@郑 farmer 译

Gitalk - 继多说之后一款很Geek的评论插件

使用 Github 登录
支持多语言 [en, zh-CN, zh-TW]
支持个人或组织
无干扰模式(设置 distractionFreeMode 为 true 开启)
快捷键提交评论 (cmd|ctrl + enter)
评论支持 Markdown 语法

教你如何在 web 应用程序中使用本地文件•上传图片file✔

使用在 HTML5 中添加到 DOM 的 File API,现在可以让 Web 内容要求用户选择本地文件,然后读取这些文件的内容。

ES6 你可能不知道的事 - 进阶篇

模块化是个进行了很久的话题,发展历程中出现过很多模式,例如 AMD, CommonJS 等等。

Module 是 ES6 的新特性,是语言层面对模块化的支持。

CSS 中一个冒号和两个冒号有什么区别?

《小分享》~ FED新手必备…

《“精通”Omi框架》电子书

推荐给想学习Omi框架的同学,Omi(读音 / [ˈomɪ] /, 汉字类似于 欧米) 是一款用于创建Web用户界面的组件化框架,提供了渐进增强式的Web开发解决方案,内置完善的支持无限声明式嵌套的组件系统。

CSS 布局的未来:网格布局 · 张小伦爱学习

在这片文章中,我们一起来探索 CSS 网格布局的美妙世界。网格布局是 W3C 规范中相对较新的部分,已经在浏览器中开始绽放属于自己的光芒。在我们深入研究这项新鲜的 CSS 技术之前,让我们先快速的复习 grid 原理的相关知识。

「vi 常用快捷键笔记」

在世界上有三种人:一种是使用Vim的,另一种是使用是Emacs的,剩下的是第三种人……

【译】2017 年你应该学习的编程语言、框架和工具

花了两天时间将《The Languages, Frameworks and Tools You Should Learn in 2017》翻译完成,难免会出现翻译不当之处,还请大家多多指正,我会及时修改。同时,希望本文能对大家有所帮助。

纯 css 适配 Retina @2x Sprites 与字体图标 Iconfont

『icon』其实很简单~

前端灰度效果的实现(filter:grayscale())兼容所有浏览器

《小分享》~ 关于前端灰度效果的实现以及浏览器类型的判断

Android 和 H5 交互 - 基础篇

Hybrid App 开发也不是什么新鲜事了,其中 native 和 h5 之间的交互则是必不可少的。Android 中是如何和 H5 交互的?

AlloyTouch Button 插件 - 不再愁 click 延迟和点击态

移动端不能使用 click,因为 click 会有 300ms。所有有了 fastclick 这样的解决方案。然后 fastclick 并没有解决点击态(用户点击的瞬间要有及时的外观变化反馈)的问题。hover 会有不消失的问题,所有大家一般用: active。利用 :active 伪类来设置某元…

『推荐』利用视口单位实现适配布局

视口单位( Viewport units )

vw : 1vw 等于视口宽度的 1%
vh : 1vh 等于视口高度的 1%
vmin : 选取 vw 和 vh 中最小的那个
vmax : 选取 vw 和 vh 中最大的那个

转自凹凸实验室(https://aotu.io/notes/2017/04...)

通过分析 github 代码库总结出来的工程师代码书写习惯 by @AlloyTeam

代码规范指南 by @AlloyTeam 很值得学习~

转载自 AlloyTeam:http://alloyteam.github.io/Co...

动态加载 / 删除 css 文件以及图片预加载

~《小分享》~ 动态加载 / 删除 css 文件~

实现图片懒加载(Lazyload)

本文标题:实现图片懒加载(lazyload)文章作者:Jake发布时间:2016-11-26, 18:46:34最后更新:2016-11-28, 17:12:59原始链接:http://i.jakeyu.top/2016/11/2...: "署名-非商用-…

用github来展示你的前端页面吧

前言 经常会有人问我如何才能将自己做的静态页面放到网上供他人欣赏,是不是需要自己有一个服务器,是不是还要搞个域名才能访问?对于以上问题我都会回答:用github来展示你的前端页面吧。 工欲善其事,必先利其器。github是一个很好的代码管理与协同开发平台,在程序界又被称为最大的…

一个 H5lock

发现一个 H5lock,挺有意思。作者 github:https://github.com/lvming6816...

谈谈 CSS3 的长度单位(vh、vw、rem)

在 CSS3 中,新增了很多长度单位,今天就来谈谈:
vw、vh、vmin、vmax
rem 与 em

常用有用的 Git Tips · 简单心理技术团队

Git 除了 add, commit, push, 其实还有好多有用有意思的方法

JS Tips - 每天一个 JavaScript 小技巧

每天一个 JavaScript 小技巧

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/90290.html

相关文章

  • FED必备技能

    摘要:在我们深入研究这项新鲜的技术之前,让我们先快速的复习原理的相关知识。同时,希望本文能对大家有所帮助。工欲善其事,必先利其器。 flex.css快速入门,极速布局 什么是flex.css? css3 flex 布局相信很多人已经听说过甚至已经在开发中使用过它,但是我想我们都会有一个共同的经历,面对它的各种版本,各种坑,傻傻的分不清楚,flex.css就是对flex布局的一种封装,通过简洁...

    Zachary 评论0 收藏0
  • FED必备技能 - 收藏集 - 掘金

    摘要:收藏优秀组件库合集前端掘金开源的优秀组件库合集教你如何在应用程序中使用本地文件上传图片前端掘金使用在中添加到的,现在可以让内容要求用户选择本地文件,然后读取这些文件的内容。 『收藏』VUE 优秀 UI 组件库合集 - 前端 - 掘金github 开源的 Vue 优秀 UI 组件库合集✔... 教你如何在 web 应用程序中使用本地文件•上传图片file✔ - 前端 - 掘金使用在HTM...

    lyning 评论0 收藏0

发表评论

0条评论

williamwen1986

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<