随笔分类 - 前端经验
摘要：小伙伴们在写CSS3动画时，会发现在手机上很多时候会感到卡顿，然后Google到的解决方案大多是开启GPU加速transform: translate3d(0,0,0); 可解决，但是为什么开启GPU加速就能让动画顺滑呢? 我们从浏览器内部去理解下 JS是单线程的，但是浏览器可以开启多个线程，渲染一
阅读全文
posted @ 2020-05-22 15:38
前端一点红
摘要：Canvas 是H5的一部分，允许脚本语言动态渲染图像。Canvas 定义一个区域，可以由html属性定义该区域的宽高，javascript代码可以访问该区域，通过一整套完整的绘图功能（API）,在网页上渲染动态效果图。 二、Canvas 能做什么 游戏：毫无疑问，游戏在HTML5领域具有举足轻重的
阅读全文
posted @ 2020-05-22 00:16
前端一点红
摘要：前言 提高网站整体加载速度的一个重要手段就是提高代码文件的网络传输速度。之前提到过，所有的代码文件都应该是经过压缩了的，这可提高网络传输速度，提高性能。除了压缩代码之外，精简代码也是一种减小代码文件大小的手段。以下将讨论CSS代码相关的代码精简方案。 定义简洁的CSS规则 CSS的每条规则中都包含了
阅读全文
posted @ 2020-05-21 23:31
前端一点红
摘要：在 Web 应用开发中，CSS 代码的编写是重要的一部分。CSS 规范从最初的 CSS1 到现在的 CSS3，再到 CSS 规范的下一步版本，规范本身一直在不断的发展演化之中。这给开发人员带来了效率上的提高。不过与其他 Web 领域的规范相似的处境是，CSS 规范在浏览器兼容性方面一直存在各种各样的
阅读全文
posted @ 2020-05-21 23:21
前端一点红
摘要：浮动到底是做什么呢？他们是如何影响相关元素的盒模型的呢？浮动的元素与内联元素有什么不同呢？制定浮动元素的位置的具体规则是什么？clear属性是如何工作的，并且它的作用是什么？ 即使是经验丰富的开发者也会在浮动上出错，所以理解浮动的行为能帮你摆脱面对CSS的很多困扰。即使你认为你已经了解了关于浮动的所
阅读全文
posted @ 2020-05-21 23:12
前端一点红
摘要：在移动端web开发过程中，如果你对边框设置border：1px，会发现，边框在某些手机机型上面显示的1px比实际感觉会变粗，这也就是1像素问题。如下图是对桌面浏览器和移动端border设置1px的比较。那么是什么导致这种原因的呢？ 一、1px像素产生原因 首先，我们先对物理像素，设备独立像素，设备像
阅读全文
posted @ 2020-05-21 22:52
前端一点红
摘要：很多网站都是习惯使用<i></i>来代表小图标？而实际上用 <i> 元素做图标在语义上是不正确的（虽然看起来像 icon 的缩写），那么用<i>表示小icon，是出于好记的原因吗,还是看上去有点像icon?这样不是违背了语义化的原则吗? 在语义上<i> 标签显示斜体文本效果，它告诉浏览器将包含其中的
阅读全文
posted @ 2020-05-20 12:37
前端一点红
摘要：HTML 5 是一个新的网络标准，目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich internet application，RIA)，如Adobe
阅读全文
posted @ 2020-05-20 12:23
前端一点红
摘要：CSS样式被称为为“层叠样式表”，是一种网页制作做不可或缺的技术，是用于装饰网页，达到设计效果的一种样式语言，下面将整理一下css常用样式： 字体属性：(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、P
阅读全文
posted @ 2020-05-20 12:04
前端一点红
摘要：在HTML中，某些字符是预留的。比如不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体HTML中一些无法打出来的符号可以用相应的代码进行代替显示,以下对照表提供了一些HTML特殊符号相应的代码。 特殊符号 命名
阅读全文
posted @ 2020-05-18 21:08
前端一点红
摘要：从IE5.5+就支持iframe框架的背景透明。通过使用allowtransparency和background-color来设置iframe框架的透明效果，代码如下： 1 <iframe src="a.html" allowtransparency="true" style="background
阅读全文
posted @ 2020-05-18 12:58
前端一点红
摘要：letter-spacing lletter-spacing 属性增加或减少字符间的空白（字符间距）。 该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符框要窄，指定长度值时，会调整字母之间通常的间隔。因此，normal 就相当于值为 0。 <p style="letter-spac
阅读全文
posted @ 2020-05-18 12:33
前端一点红
摘要：http请求由三部分组成，分别是：请求行、消息报头、请求正文。 HTTP（超文本传输协议）是一个基于请求与响应模式的、无状态的、应用层的协议，常基于TCP的连接方式，HTTP1.1版本中给出一种持续连接的机制，绝大多数的Web开发，都是构建在HTTP协议之上的Web应用。HTTP就是一个用文本格式描
阅读全文
posted @ 2020-05-18 12:29
前端一点红
摘要：这几年的web设计中，大背景的设计变得越来越流行。特别是在现在大屏大行其道的情况下，设计师在设计中越来越多的使用大分辨率的背景图来填充屏幕，这样更能制造独特的视觉效果，能更好的传达他们想要向用户传达的内容。 但是，大部分的设计仅仅是硬生生的把大背景图填充就了事了。其实，借助于CSS和JavaScri
阅读全文
posted @ 2020-05-18 11:59
前端一点红
摘要：一个网页访问速度的快慢， 不仅看它服务器的配置，这里除去你空间主机配置很烂的情况以外，我们从网站开发方面来探讨，前端技术需要从哪些方面提高访问的速度，需要用到哪些技术手段。 文件的加载 图标的加载:图标尽量使用“sprite雪碧图”或者字体图标，区别就做自适应用字体图标保证缩放的高清度，如果只是Pc
阅读全文
posted @ 2020-05-17 18:27
前端一点红
摘要：关于webAPP的开发最主要解决的就是“自适应自适应布局”。常规的适配有很多做法，例如：流式布局、限死宽度等，但是这些方案都不是最佳的解决方法，而最满足设计需要的是： 元素可以根据屏幕大小而等比列变化，达到最佳的视觉效果。所以我们采用rem来实现自适应，由于rem是通过html根元素进行适配的，设
阅读全文
posted @ 2020-05-17 17:58
前端一点红
摘要：微信h5页面下拉露出网页来源的解决办法：将document的touchmove事件禁止掉 //禁止页面拖动 document.addEventListener('touchmove', function(e) { e.preventDefault(); }, { passive: false });
阅读全文
posted @ 2020-05-16 15:54
前端一点红
摘要：了解字体的一样常识，不管做一份文档编辑还是网页开发，都是很有必要的。整齐划一，井然有序才终是大家之道。 1.字体 在文档编辑中，我们常用的是宋体，小四号字，新罗马字体，字母和数字用的是Arial字体,段落首行缩进2个字体，采用多倍行距中的1.25倍行距。 在网页开发中，普遍偏爱微软雅黑与宋体，14/
阅读全文
posted @ 2020-05-15 10:44
前端一点红
摘要：概念 Responsive design，意在实现不同屏幕分辨率的终端上浏览网页的不同展示方式。通过响应式设计能使网站在手机和平板电脑上有更好的浏览阅读体验。 步骤 1. 设置 Meta 标签 大多数移动浏览器将HTML页面放大为宽的视图（viewport）以符合屏幕分辨率，可以使用视图的meta标
阅读全文
posted @ 2020-05-14 21:49
前端一点红
摘要：我们都知道，一个完整的IT项目是由多个不同岗位的成员共同完成，包含UI规划、前端开发、后端开发、测验等。为了完成项目的完整性，前后端需求运用技能完成联通。不过，前后端交互技能有哪些呢？目前常用的完成前后端交互的技能有三个： 1、ajax ajax是一种用于创建快速动态网页的技能。经过在后台与服务器进
阅读全文
posted @ 2020-05-14 21:43
前端一点红
浙公网安备 33010602011771号