随笔分类 - 前端经验
摘要：当我们在浏览一些网站时发现，里面含有一些十分个性的字体，这些字体并不是我们电脑上安装的字体。那么css是如何实现自定义字体的呢？ 在css3中可以通过@font-face模块，把自己定义的Web字体嵌入到你的网页，web设计师可以使用他们喜欢的任意字体，只需要把该字体文件存放到 web 服务器上，它
阅读全文
posted @ 2020-07-03 20:38
前端一点红
摘要：绝对路径和相对路径的区别？ 1. 绝对路径：就是你的文件或目录在硬盘上的真正的路径例如“bg.jpg”这个图片是存放在硬盘的“E:\img”目录下，那么 “bg.jpg”这个图片的绝对路径就是“E:\img\bg.jpg" 2. 相对路径：顾名思义，相对路径就是相对于当前文件的路径。网页中一般表示路
阅读全文
posted @ 2020-07-03 20:36
前端一点红
摘要：css可以通过为元素设置一个position属性值,从而达到将不同的元素显示在不同的位置, position定位是指定位置的定位，以下为常用的几种： 1、static（静态定位）： 这个是元素的默认定位方式，元素出现在正常的文档流中，会占用页面空间。也就是按照文档的书写布局自动分配在一个合适的地方，
阅读全文
posted @ 2020-06-16 23:39
前端一点红
摘要：最简单实用的CSS3搜索框样式，纯CSS效果无需任何javascript，其中部分搜索框在点击的时候有动画特效，搜索框的应用也是比较普通的，效果如下： 代码如下： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8
阅读全文
posted @ 2020-06-16 22:10
前端一点红
摘要：每一个网页或者说是web页都有其固定的后缀名，不同的后缀名对应着不同的文件格式和不同的规则、协议、用法，最常见的web页的后缀名是.html和.htm，但这只是web页最基本的两种文件格式，今天我们来介绍一下web页的其它一些文件格式。 首先介绍一下html与htm 关于HTML，HTML(Hype
阅读全文
posted @ 2020-06-16 22:07
前端一点红
摘要：大家都知道autocomplete属性是表单字段中的HTML5新属性，该属性有两种状态值，分别为"on" 和 "off"，该属性可省略：省略属性值后默认值为"on"，也可以省略属性名，直接写入关键字on或off。 网站项目中，有登录和注册的弹框，在除chrome的浏览器中一切都ok，一旦在谷歌浏览器
阅读全文
posted @ 2020-06-13 13:57
前端一点红
摘要：由于http是无状态的协议，这种特性严重阻碍了客户端与服务器进行动态交互，例如购物车程序，客户在购物车中添加了商品，服务器如何知道购物车已有的物品呢？为了支持客户端与服务器之间的交互,为了弥补http的不足，目前实现会话跟踪的常用技术方法：cookie、session、url重写、隐藏input。
阅读全文
posted @ 2020-06-12 22:57
前端一点红
摘要：htm中doctype标签是一种标准通用标记语言的文档类型声明，它的目的是要告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义（DTD）来解析文档。 dotype 的特点： <!doctype>声明必须处于HTML文档的头部，在<html>标签之前，HTML5中不区分大小写 <!doctyp
阅读全文
posted @ 2020-06-11 11:45
前端一点红
摘要：页面的命名规则 统一用翻译的英文命名（推荐） 统一用拼音命名（拼音的简化也可） 如果文件名过长，企业要提前约定一份缩写的规范，如pro—product 例如： 首页—index 产品列表—prolist产品详细页面—prodetail 新闻列表—newslist新闻详细页面—newsdetail 发
阅读全文
posted @ 2020-06-11 00:53
前端一点红
摘要：<pliga' 1,="" 'onum'="" 'kern'="" 1;="" margin:="" 0px="" 1.75em;="" text-rendering:="" geometricprecision;="" color:="" rgb(58,="" 65,="" 69);=""
阅读全文
posted @ 2020-06-10 23:28
前端一点红
摘要：在网页中，如果需要使用辅助性/装饰性的内容的时候，我们不应该直接写在HTML中，这样会影响真正的内容，这就需要使用伪元素了，这是由于css的纯粹语义化是没有意义的。在使用伪元素的时候，会发现js并不真能直接控制它，这篇文章主要就介绍下如果间接的控制、修改css中伪元素的方法。 例如，我的样式表有以下
阅读全文
posted @ 2020-06-10 23:06
前端一点红
摘要：摘要 在各种BS架构的应用程序中，往往都希望服务端能够主动地向客户端推送各种消息，以达到类似于邮件、消息、待办事项等通知。 往BS架构本身存在的问题就是，服务器一直采用的是一问一答的机制。这就意味着如果客户端不主动地向服务器发送消息，服务器就无法得知如何给客户端推送消息。 随着HTML、浏览器等各项
阅读全文
posted @ 2020-06-09 18:36
前端一点红
摘要：在css中使用伪类虽然实现了样式的改变，但由于没有过渡效果会显得很生硬。以前如果要实现过渡，就需要借助第三方的js框架来实现。现在只需要使用CSS3的过渡（transition）功能，就可以从一组样式平滑的切换到另一组样式。 （1）背景色过渡变化 下面鼠标移入后，按钮背景色会慢慢地变成黄色。鼠标离开
阅读全文
posted @ 2020-06-09 18:29
前端一点红
摘要：为一个网站选择类型尺寸是项艰巨的任务. 标题和段落的尺寸在网页布局和可读性方面处理起来很棘手. 谢天谢地, 我们有模块化缩放可以引导我们. 模块化缩放是一个数字序列以某种方式关联另一个序列. Tim Brown,更多版面 在版面中应用的模块化比例实现了视觉层次效果与和谐的比例。它们提供了一组数值作为
阅读全文
posted @ 2020-06-09 17:51
前端一点红
摘要：在做接口测试时，经常会碰到请求参数为token的类型，但是可能大部分测试人员对token，cookie，session的区别还是一知半解。为此我查阅大量的资料做了如下总结。 此篇文章也许是最全最通俗的关于Token ，Cookie和Session的区别的文章，好好揣摩文章的每一个字，也许你会有更深的
阅读全文
posted @ 2020-06-09 17:39
前端一点红
摘要：前言 前端框架时代，为开发体验、效率与页面性能带来，非常大的革命。大家纷纷拿起一系列打包工具(webpack/parcel etc.)，配合一系列加载器快速搭建起一个 SPA 页面。 SPA 应用带来的好处非常明显； 提升页面切换体验 降低切换时间 易于部署&前后端分离 但是也带来一系列性能问题：
阅读全文
posted @ 2020-06-09 17:30
前端一点红
摘要：最近重构了一个项目，一个基于redux模型的react-native项目，目标是在混乱的代码中梳理出一个清晰的结构来，为了实现这个目标，首先需要对项目的结构做分层处理，将各个逻辑分离出来，这里我是基于典型的MVC模型，那么为了将现有代码重构为理想的模型，我需要做以下几步： 拆分组件 逻辑处理 抽象、
阅读全文
posted @ 2020-06-08 17:43
前端一点红
摘要：meta标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。 必要属性 属性值描述 content some text 定义与http-equiv或name属性相关的元信息 可选属性
阅读全文
posted @ 2020-06-08 17:13
前端一点红
摘要：微信webview内置了调整字体大小的功能，用户可以根据实际情况进行调节。但是这也会导致字体大小改变以后，出现页面布局错乱的情况。 1、iOS的解决方案是覆盖掉微信的样式： 1 body { /* IOS禁止微信调整字体大小 */ 2 -webkit-text-size-adjust: 100% !
阅读全文
posted @ 2020-06-08 17:04
前端一点红
摘要：页面的命名规则 统一用翻译的英文命名（推荐） 统一用拼音命名（拼音的简化也可） 如果文件名过长，企业要提前约定一份缩写的规范，如pro—product 例如： 首页—index 产品列表—prolist产品详细页面—prodetail 新闻列表—newslist新闻详细页面—newsdetail 发
阅读全文
posted @ 2020-06-08 16:57
前端一点红
浙公网安备 33010602011771号