前端一点红

2020年6月3日

摘要： css引入伪类和伪元素概念是为了格式化文档树以外的信息。也就是说，伪类和伪元素是用来修饰不在文档树中的部分，比如，一句话中的第一个字母，或者是列表中的第一个元素。伪类用于当已有元素处于的某个状态时，为其添加对应的样式，这个状态是根据用户行为而动态变化的。比如说，当用户悬停在指定的元素时，我们可以阅读全文

posted @ 2020-06-03 20:07 前端一点红阅读(4144) 评论(0) 推荐(1) 编辑

HTML5全局属性汇总

摘要：局部属性和全局属性局部属性：有些元素能规定自己的属性，这种属性称为局部属性。比如link元素，它具有的局部属性有href、 rel、 hreflang、 media、 type、 sizes这六个。全局属性：可以用来配置所有元素共有的行为，这种属性称为全局属性，可以用在任何一个元素身上。 1、ac 阅读全文

posted @ 2020-06-03 20:04 前端一点红阅读(349) 评论(0) 推荐(0) 编辑

2020年6月2日

20 个 CSS高级样式技巧汇总

摘要：使用技巧会让人变的越来越懒，没错，我就是想让你变懒。下面是我收集的CSS高级技巧，希望你懒出境界。 1. 黑白图像这段代码会让你的彩色照片显示为黑白照片，是不是很酷？ 1 img.desaturate { 2 filter: grayscale(100%); 3 -webkit-filter: g 阅读全文

posted @ 2020-06-02 12:36 前端一点红阅读(1502) 评论(0) 推荐(1) 编辑

网页开发中利用CSS以图换字的多中实现方法总汇

摘要：在h1标签中，新增span标签来保存标题内容，然后将其样式设置为display:none <style> h1 { width: 64px; height: 64px; background: url(); font: 12px/1 '微软雅黑'; } span { display: none; } 阅读全文

posted @ 2020-06-02 11:19 前端一点红阅读(198) 评论(0) 推荐(0) 编辑

html/css解决inline-block内联元素间隙的多种方法总汇

摘要：序 display有几种属性：inline是内联对象，比如<a/> 、 <span/>标签等，可以“堆在一起”显示，宽高由内容决定，不能设置；block是块对象，比如<div/>、<p/>标签等，要占一整行，但是宽高可以自定义；为了弥补inline和block的不足，又扩充了inline-block 阅读全文

posted @ 2020-06-02 11:06 前端一点红阅读(929) 评论(0) 推荐(0) 编辑

你不知道的前端SDK开发技巧

摘要：最近在做公司内部的一个的一个SDK的重构，这里总结一些经验分享给大家。类型检查和智能提示作为一个SDK，我们的目标是让使用者能够减少查看文档的时间，所以我们需要提供一些类型的检查和智能提示，一般我们的做法是提供JsDoc，大部分编辑器可以提供快捷生成JsDoc的方式，我们比较常用的vscode可阅读全文

posted @ 2020-06-02 11:02 前端一点红阅读(2124) 评论(0) 推荐(0) 编辑

web页面弹出遮罩层,通过js或css禁止蒙层底部页面跟随滚动

摘要：场景概述弹窗是一种常见的交互方式，而蒙层是弹窗必不可少的元素，用于隔断页面与弹窗区块，暂时阻断页面的交互。但是，在蒙层元素中滑动的时候，滑到内容的尽头时，再继续滑动，蒙层底部的页面会开始滚动，显然这不是我们想要的效果，因此需要阻止这种行为。那么，如何阻止呢？请看以下分析：方案分析方案一打开阅读全文

posted @ 2020-06-02 10:53 前端一点红阅读(3633) 评论(0) 推荐(0) 编辑

web开发，前后分离接口规范

摘要： 1. 前言随着互联网的高速发展，前端页面的展示、交互体验越来越灵活、炫丽，响应体验也要求越来越高，后端服务的高并发、高可用、高性能、高扩展等特性的要求也愈加苛刻，从而导致前后端研发各自专注于自己擅长的领域深耕细作。然而带来的另一个问题：前后端的对接界面双方却关注甚少，没有任何接口约定规范情况下各阅读全文

posted @ 2020-06-02 10:50 前端一点红阅读(682) 评论(0) 推荐(0) 编辑

h5移动端实现图片文件上传

摘要： PC端上传文件多半用插件，引入flash都没关系，但是移动端要是还用各种冗余的插件估计得被喷死，项目里面需要做图片上传的功能，既然H5已经有相关的接口且兼容性良好，当然优先考虑用H5来实现。 JS代码： <script type="text/javascript"> function fileSel 阅读全文

posted @ 2020-06-02 10:46 前端一点红阅读(4495) 评论(0) 推荐(0) 编辑

使用flex实现5种常用布局

摘要： Sticky Footer 经典的上-中-下布局。当页面内容高度小于可视区域高度时，footer 吸附在底部；当页面内容高度大于可视区域高度时，footer 被撑开排在 content 下方 demo link <body> <header>HEADER</header> <article>CON 阅读全文

posted @ 2020-06-02 10:44 前端一点红阅读(876) 评论(0) 推荐(0) 编辑

豌豆资源网

开引网企业服务

服务外包网

公告

豌豆资源网 开引网企业服务 服务外包网

前端一点红

公告

豌豆资源网

开引网企业服务

服务外包网