随笔分类 - Web前端
摘要：ios系统和某些移动端background-attachment:fixed不兼容性，没有任何效果，但可以hack一下就可以了，代码如下: ps：想在哪个标签加背景，可以在它class后:before. body:before { content: ' '; position: fixed; z-i
阅读全文
摘要：庚子清明，以国家之名哀悼，以国家之名哀悼在新冠肺炎疫情中牺牲的烈士和逝世的同胞！ 向抗疫英雄致敬！ 今日打开各样的app，各大电商，爱奇艺都是灰色的 这里我也一直很好奇该功能，前端如何实现，了解过后发现这个CSS滤镜，点击了解更多 写下随笔记录一波 如果去实现，作为程序员，copy能力，搜索能力肯定
阅读全文
摘要：这种效果可以由元素内嵌套canves实现，也可以由css3实现。 Canves实现 网上摘了一份canves实现的代码，略微去掉了些重复定义的样式并且给出js注释，代码如下 第一种方法: html骨架代码 <a class="btn color-1 material-design" data-col
阅读全文
摘要：html骨架代码 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <!--<meta name="viewport" content="width=device-width, initial-scale=1.0">-->
阅读全文
摘要：一个jQuery插件，使你能够做任何元素在您的网页上总是可见的,可以作为顶部固定导航显示插件。 官网地址：http://stickyjs.com/ github：https://github.com/garand/sticky 插件依赖于jq核心库，需要引入！ 该博客导航固定使用了此插件 <scri
阅读全文
摘要：1.基本类型不是对象（boolean、undefined、number、string） 2.引用类型都是对象（Array，function ，Object) 3.对象是通过函数创建，并且强调，对象字面量也是通过函数创建，举例说明，ES6继承的语法糖 4.函数有的是显式原型prototype 5.对象
阅读全文
摘要：浮动时，父级元素无法撑开 .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{zoom:1} IE6 div浮动时，margin双倍边距bug 解决方案：为浮动的div加上
阅读全文
摘要：自己jquery开发的返回顶部，当时只为了自己用一下，为了方便，修改成了插件。。。 自己的博客现在用的也是这个插件。。使用方便！！ <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatib
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style> .close { background: orange; color: red; border
阅读全文
