阅读本文之前最好对flex布局有基本了解,可以通过“参考资料”中列举的资源来学习。 flex布局规范的设计目标 一维布局模型(one-dimensional layout model),元素项沿着水平或垂直方向来排列,就…
分类:css
css3动画效果抖动解决
div{ height: 20%; } @keyframes shanghua{ from{ height: 0%; } to{ height: 60%; } } div:hover{ animation: shangh…
javascript调试接口
最近在学习 JS 的面向对象实现,看「Javascript 设计模式」看不明白 JS 关于接口是怎么实现的。 最近做的一个小例子如下图: 下面有一段在JS中使用接口的代码,不知道是不是你在《JavaScript设计模式》…
JavaScript fetch接口
JavaScript fetch接口 如果看网上的fetch教程,会首先对比XMLHttpRequest和fetch的优劣,然后引出一堆看了很快会忘记的内容(本人记性不好)。因此,我写一篇关于fetch的文章,为了自己看…
Slog27_支配vue框架初阶项目之博客网站-样式居中
ArthurSlog SLog-27 Year·1 Guangzhou·China July 30th 2018 GitHub 掘金主页 简书主页 segmentfault 没有写够足够的代码量,想成为高手是不可能的,只…
写一个BUI折叠菜单插件
写一个BUI折叠菜单插件 效果预览 控件分析 控件结构 一个点击显示隐藏的效果, 并且点击的时候, 会先把展开进行隐藏, 再展开自己的. 从界面上我们来看看结构的设计. <!-- 一般控件最外层就是控件的容器名 -…
这些Zepto中实用的方法集
前言 时间过得可真快,转眼间2017年已去大半有余,你就说吓不吓人,这一年你成长了多少,是否荒度了很多时光,亦或者天天向上,收获满满。今天主要写一些看Zepto基础模块时,比较实用的部分内部方法,在我们日常工作或者学习中…
IMWebConf 2017 官网彩蛋解谜
前言 IMWebConf 2017 ←这是官网 然后看到了这个: 所以就试了下,作为一个前端菜鸟,发现通关还挺简单的,不过每个方面的知识都涉及到一点,所以在这里总结一下。 下面进入正题。 第 0 关 就在这个页面打开控制…
web前端——美化效果总结
概述 项目开发过程中使用到了不少web前端美化效果的方法,总结一下 1 图片作为背景 要实现的效果是,任意一张图片"img-page-background.png",不需要调整图片尺寸,图片完全填充网页背景。首先需在CS…
css布局,左右固定中间自适应实现
1.绝对定位+浮动 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>…
绑定右键事件
右键单击鼠标后会出现一个菜单,实现这个功能 一. contextmenu 事件 单击右键触发 contextmenu 事件 1.定义和用法 绑定该事件 .on( “contextmenu”, ha…
前端程序员需要掌握的几个专业“词语”
有不少前端开发工程师,可能并不清楚下面的部分词语,但是在实战中其实都在使用着它们。 明确一下这些词语和概念没有什么不好~一方面能够让自己能够更专业的谈论知识,另一方面,在面试的时候也能够应对一些“爱问前端名词”的面试官~…