45fan.com - 路饭网

搜索: 您的位置网站首页>标签列表>
  • 2018-01-22 13:24:55css网页的布局有哪些?
  • css网页的布局有哪些? 2018年已经过了一周,总结一下2017年在公司wiki上写的一篇关于css布局的知识,当时也借鉴了几个大神写的css布局知识,和自己在项目中遇到的坑。废话不多说。请看以下的干货。 1、左边固定,右边自适应布局的两种实现方式 效果图如下:... [阅读全文]
  • 2018-01-22 11:16:40Html5中图片抛物线运动心得介绍
  • Html5中图片抛物线运动心得介绍 常见的, 物体/图片做抛物线或者更准确的说是沿贝塞尔曲线运动是H5开发中常见的需求, 那么如何快速的根据设计稿计算出运动路径是开发者首要解决的问题. 我这边H5开发常用的设计稿尺寸是640 * 1008, 那么根据这个尺寸解决方案思... [阅读全文]
  • 2018-01-05 19:48:50CSS中的变形功能Transform功能的方法
  • CSS中的变形功能Transform功能的方法 CSS3中的变形功能:在CSS3中可以利用transform功能来实现文字或图像的旋转、缩放、倾斜、移动着四种类型的变形功能。 1、如何使用transform功能: (1)在CSS3中通过transform属性来实现transform功能: (2)transform... [阅读全文]
  • 2018-01-03 21:47:47爬虫及绕过网站反爬机制内容介绍
  • 爬虫及绕过网站反爬机制内容介绍 爬虫是什么呢,简单而片面的说,爬虫就是由计算机自动与服务器交互获取数据的工具。爬虫的最基本就是get一个网页的源代码数据,如果更深入一些,就会出现和网页进行POST交互,获取服务器接收POST请求后返回的数据。一句话,... [阅读全文]
  • 2018-01-03 17:12:10App加载页面的等待体验设计技巧大全
  • App加载页面的等待体验设计技巧大全 设计师无法减少用户的等待时间,但能让等待时间变得有趣~ 在体验经济时代,用户对于等待过程的印象直接影响用户对于产品服务质量的感知和判断,进而影响用户的满意度和忠诚度。本文主要从用户实际等待时间和感觉等待时间... [阅读全文]
  • 2018-01-01 19:24:33CSS中的BFC内容知识介绍
  • CSS中的BFC内容知识介绍 在写样式时,往往是添加了一个样式,又或者是修改了某个属性,就达到了我们的预期。 而BFC就潜藏在其中,当你修改样式时,一不小心就能触发它而毫无察觉,因此没有意识到BFC的神奇之处。 一、什么是BFC(Block Formatting Context)... [阅读全文]
  • 2018-01-01 11:07:11如何通过CSS以图换字?
  • 如何通过CSS以图换字? 前面的话 CSS以图换字的技术,很久都没人提起了。它是一种在h1标签内,使用图像替换文本元素的技术,使页面在设计和可访问性之间达到平衡。本文将详细介绍CSS以图换字的9种方法 文字隐藏 在h1标签中,新增span标签来保存标题内容,然... [阅读全文]
  • 2017-12-30 15:37:56css3中的渐进增强和优雅降级分析
  • css3中的渐进增强和优雅降级分析 渐进增强和优雅降级这两个概念是在 CSS3 出现之后火起来的。由于低级浏览器不支持 CSS3,但是 CSS3 特效太优秀不忍放弃,所以在高级浏览器中使用CSS3,而在低级浏览器 只保证最基本的功能。二者的目的都是关注不同浏览器下的... [阅读全文]
  • 2017-12-30 15:27:15如何使用css3新单位vw.vh.vmin?
  • 如何使用css3新单位vw.vh.vmin? 本文介绍了css3新单位vw、vh、vmin、vmax的使用详解,分享给大家,具体如下: 1,vw、vh、vmin、vmax 的含义 (1)vw、vh、vmin、vmax 是一种视窗单位,也是相对单位。它相对的不是父节点或者页面的根节点。而是由视窗(Viewp... [阅读全文]
  • 2017-12-24 13:05:12怎么样使用HTMl5 filereader分布读取文件?
  • 怎么样使用HTMl5 filereader分布读取文件? 本文介绍了浅谈HTML5 FileReader分布读取文件以及其方法简介,分享给大家。具体如下: 效果图 老规矩先上效果图 先介绍一下H5中FileReader的一些方法以及事件 FileReader方法 名称 作用 about() 终止读取 readAsBi... [阅读全文]
  • 2017-12-24 11:16:13如何使用styled_conponents?
  • 如何使用styled_conponents? styled components 一种全新的控制样式的编程方式,它能解决 CSS 全局作用域的问题,而且移除了样式和组件间的映射关系 import React from react;import styled from styled-components;import { render } from react-dom; cons... [阅读全文]
  • 2017-12-23 17:45:24CSS棧格体统布局原理介绍
  • CSS棧格体统布局原理介绍 众所周知,现在前端有很多类似于bootstrap,foundation这样优秀的UI框架,它们都提供了自己的一套响应式布局方案,即栅格系统。用过的人都知道只要给页面的元素添加其栅格系统指定的类名,就能达到你想达到的响应式布局效果,简洁而... [阅读全文]
  • 2017-12-23 11:43:07CSS sticker-footer布局分析介绍
  • CSS sticker-footer布局分析介绍 在网页设计中,Sticky footers设计是最古老和最常见的效果之一,大多数人都曾经经历过。它可以概括如下:如果页面内容不够长的时候,页脚块粘贴在视窗底部;如果内容足够长时,页脚块会被内容向下推送。这种效果不仅是无处不... [阅读全文]
  • 2017-12-23 11:34:49怎么样使用CSS中的object_fit 与object-position?
  • 怎么样使用CSS中的object_fit 与object-position? 本文介绍了CSS中的 object-fit 与 object-position的使用,分享给大家,具体如下: 说明 问题: 一个div宽度不固定,高度固定,采用Flex布局,它里面有两个元素一个img宽度占40%,高度占100%,一个p元素,... [阅读全文]
  • 2017-12-23 11:29:33如何使用CSS3图标移入图片动态提示效果?
  • 如何使用CSS3图标移入图片动态提示效果? 第一次尝试着写博客,不好或者有误的地方希望大家多多指正呐,今天主要写的是关于CSS3的一个重要属性transform的一些用法,这些例子是之前在慕课网上学习某位老师的课程后自己敲的。 一、前言 1. transform是什么?... [阅读全文]
  • 2017-12-22 19:13:52前段开发中容易被忽略的css特性介绍
  • 前段开发中容易被忽略的css特性介绍 CSS初学感觉很简单,但随着学习的深入才感觉CSS的水由多深,平常总会遇到各种坑,先总结一些经常遇到的坑 大小写不敏感 虽然我们平时在写CSS的时候都是用小写,但其实CSS并不是大小写敏感的 .test{ background-COLOR:#a00... [阅读全文]
  • 2017-12-20 19:22:49移动端的自适应布局问题有哪些?
  • 移动端的自适应布局问题有哪些? 随着3G的普及,越来越多的人使用手机上网。移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?本篇文章将讲述自适应网页设计的概念和方... [阅读全文]
  • 2017-11-06 19:11:05html5之sse服务器发送事件Eventsource分析
  • html5之sse服务器发送事件Eventsource分析 前言 我前面文章讲过数据大屏,里面的数据时时更新。还有时时更新的股票数据,Facebook/Twitter 更新、估价更新、新的博文、赛事结果等等,都需要数据时时更新。之前我们一般都是请求服务器,看看有没有可以更新的数... [阅读全文]
  • 2017-11-04 21:16:49css双飞翼布局和圣杯布局分析介绍
  • css双飞翼布局和圣杯布局分析介绍 双飞翼布局和圣杯布局都是实现两边固定中间自适应的三栏布局的方式,最近在整理三栏布局实现方式的笔记,决定但拉出来一篇,记一下这两个经典布局。 1、圣杯布局 浮动、负边距、相对定位、不添加额外标签 效果图 DOM结构:... [阅读全文]
  • 2017-11-03 15:03:02css中浮动和清除浮动会带来什么影响?
  • css中浮动和清除浮动会带来什么影响? 有很多时候,我们都会用到浮动,而我们有时候对浮动只是一知半解,却不是太清楚它到底是怎么回事,不知道各位有没有和我一样的感觉,只知道用它,却不知道它到底是怎么回事,所以,在学习的过程中,就要把一个概念不是... [阅读全文]
关于我们 | 联系我们 | 友情链接 | 网站地图 | 手机版 | 返回顶部