按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以打开原始页面。 登录/注册页面https://codepen.io/bermudaque… 鼠标划过粒子特效https://codepen.io/st…
标签:css
Codepen 每日精选(2018-4-9)
按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以打开原始页面。 前端工程师的技能树https://codepen.io/SoyEva/ful… 纯 css 写的咖啡机动画https://codepe…
input在iOS里的兼容性
input框在iOS里,无法聚焦,不能输入内容,把-webkit-user-select:none改成-webkit-user-select:auto;或者直接加一个style=“-webkit-user-select:…
Flexbox响应式网页布局 - W3Schools视频02
今日继续W3Schools响应式网页布局的实现,采用Flexbox方案。使用Flexbox实现响应式网页布局是目前最流行的做法。如果你对Flexbox并不熟悉,可以查看W3Schools的教学: W3Schools Fl…
Vue & Bootstrap 结合学习笔记(二)
本文主要描述不才在学习Vue和Bootstrap中遇到的关于插槽的问题及解决方案 插槽理解 vue官网和很多热心朋友又很多关于默认插槽,具名插槽,插槽作用域相关的解释,我就不重复搬过来占用篇幅了,这里简单的谈谈我个人的浅…
vue使用iview的表格改变颜色
1. .ivu-table-header th { color: #fff; //字体颜色 font-weight: bold; //字体粗细 background-color: #041A23; //背景颜色 bord…
怎样举行页面优化?
为何要举行页面优化? 更快:页面加载更快,客户感知更快; 更易于浏览:易于搜索引擎抓页面重点,易于瞽者浏览; 更易于保护:易于本身和同事后期读懂、定位、修正和扩大代码. 怎样举行页面优化 html 语义化 加载递次:cs…
html下拉菜单的实现方式
** 方法一:纯css实现下拉菜单 ** <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> &l…
Vue全局API总结
带图原文链接地址:http://www.cnblogs.com/douyae…1.extend用于创建一个子类Vue,用$mount来挂载 <body> <div id="app">&…
搞清animation/transtion/transform/translate
css3动画 animation 使用css3动画需要2步 为指定元素添加animation属性及属性值。各浏览器私有属性在前,通用属性在最后。 使用@keyframes定义动画过程名称。各浏览器私有属性在前,通用属性在…
常见的CSS布局样式
在定义样式前要设定一些默认样式 *{margin:0;padding:0;} html body{height:100%;} 一列布局 两个要点 页面内容区域有一个固定宽度。 页面内容区域在浏览器窗口中自适应居中 实现方…
orderBy排序与筛选的例子
2)<!DOCTYPE html><html ng-app=”filterApp”> <head> <meta charset="UTF-8"> &…