45fan.com - 路饭网

搜索: 您的位置网站首页>标签列表>
  • 2018-04-16 15:27:10Html5和App混合开发会遇到哪些问题?
  • Html5和App混合开发会遇到哪些问题? 背景 在公司参与一个原生APP和h5混合开发的项目,本人在项目中负责h5部分,现将项目中遇到的问题总结如下: 具体问题 问题1:页面滚动条问题 问题描述 web页面在PC浏览器上浏览时有滚动条;但是,在移动端浏览器打开时,... [阅读全文]
  • 2018-04-15 19:48:49如何基于canvas手绘风格图形库rough.js?
  • 如何基于canvas手绘风格图形库rough.js? 前言 推荐一个基于Canvas的手绘风格图形JS库。 Rough.js Rough.js是一个轻量的(大约8k),基于Canvas的可以绘制出粗略的手绘风格库。 提供绘制线条、曲线、弧线、多边形、圆形和椭圆的基础能力,同时支持绘制SVG路... [阅读全文]
  • 2018-03-12 11:33:54CSS代码重构的步骤
  • CSS代码重构的步骤 1. 重构和架构 重构是指在不改变代码行为的前提下,重写代码,使其更加简洁、易于复用。 架构是指软件项目的各个不同部件之间的组合方式。 优秀的架构: 可预测:可以对软件的工作方式和结构做出准确的假设 可复用:在多处使用同一代码,... [阅读全文]
  • 2018-02-25 13:45:27如何使用He5 Web workers?
  • 如何使用He5 Web workers? Web Worker是HTML5提供的一个javascript多线程解决方案,我们可以将一些大计算量的代码交由web Worker运行而不冻结用户界面。 一:如何使用Worker Web Worker的基本原理就是在当前javascript的主线程中,使用Worker类加载一个java... [阅读全文]
  • 2018-02-23 19:43:52Html5 video移动端填坑记介绍
  • Html5 video移动端填坑记介绍 本文介绍了html5 video 移动端填坑记,分享给大家,具体如下: video id=video style=object-fit:fill autoplay webkit-playsinline playsinline x5-video-player-type=h5 x5-video-player-fullscreen=true x5-video-orientatio... [阅读全文]
  • 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是什么?... [阅读全文]
关于我们 | 联系我们 | 友情链接 | 网站地图 | 手机版 | 返回顶部