前端tips
文章平均质量分 62
一些前端的小知识,随便写写
万物之恋
我思故我在
展开
-
简单介绍下CDN
CDN的概念,CDN的一些好处原创 2023-02-15 20:17:22 · 329 阅读 · 0 评论 -
SDK和API的区别
SDK和API的区别一、API的概念二、SDK的概念三、SDK和API的区别在正式了解它们的区别之前,我们得先知道 SDK 和 API 分别是什么?一、API的概念我们先来看这样一张图:(图画的很烂就请不要在意了)API 的全称为 Application Programming Interface,翻译过来的意思就是应用程序编程接口。实际上,API 是一些预先定义的函数,目的是提供应用程序与开发人员基于某个软件或硬件,得以访问一组进程的能力。不需要直接去访问源码,或去深刻理解内部工作机制的细节。原创 2022-05-13 13:54:36 · 43581 阅读 · 5 评论 -
常见的移动端兼容问题以及解决方案
常见的移动端兼容问题以及解决方案禁止ios识别长串数字为电话解决方法:添加 meta 属性<meta content="telephone=no" name="format-detection">禁止 ios 弹出各种窗口解决方法:添加全局 CSS 样式-webkit-touch-callout:none;禁止 Android 手机识别邮箱解决方法:添加 meta 属性<meta content="email=no" name="format-detect原创 2022-05-05 23:32:55 · 3055 阅读 · 0 评论 -
浅谈null和undefined的区别
浅谈null和undefined的区别简单来说,在 JavaScript 中 null 和 undefined 都代表空。主要的区别在于:undefined 表示尚未初始化的变量值;null 表示该变量有意缺少对象指向。null 就是值定义了,但它并没有指向任何内存中的对象,它是声明式的空值;undefined 就是这个变量压根就没有定义,它是隐藏式的空值。在具体点就是,null 是一个字面量,它不像 undefined,不是全局对象的一个属性;null 是表示缺少的标识,指示变量为指向原创 2022-05-04 23:43:24 · 1137 阅读 · 0 评论 -
应该了解的一些跨越问题和解决方法
应该了解的一些跨越问题和解决方法同源策略在遇到跨域问题的时候,我们首先应该想到的就是同源策略这个概念。同源策略 same-origin policy,在1995年由 Netspace 公司引入浏览器的一种安全策略,现在市面上的所有浏览器都必须遵守同源策略。是现代浏览器的安全基石。这里需要注意的就是,同源策略针对的仅是浏览器,也就是说只有在浏览器中才会受到同源策略的影响,而在服务器中则不受限制什么是同源?同源指的就是协议相同、域名相同和端口号相同,这同时也是最重要的三个元素。如下所示:以 htt原创 2022-05-01 18:18:04 · 273 阅读 · 0 评论 -
十个冷门的HTML属性
十个冷门的HTML属性1. contenteditable 网页内容可编辑2. spellcheck 拼写检查3. download 资源下载4. accept 上传文件5. translate 翻译指定6. poster 视频封面图7. inputmode 键盘选择8. pattern 添加正则表达式9. autocomplete 自动获取完成10. multiple 多种输入来自五一节回不了家的万物之恋。1. contenteditable 网页内容可编辑使用 contenteditable属性可原创 2022-04-30 10:57:54 · 334 阅读 · 0 评论 -
Swiper插件的使用
Swiper插件的使用一、使用版本与下载地址使用版本:swiper3官网地址:Swiper3|Swiper中文网下载地址:下载Swiper - Swiper3|Swiper中文网官方API文档:中文api - Swiper3|Swiper中文网二、初始化建立项目中的Swiper获取文件:压缩包下载:解压后找到dist文件夹,复制到自己的项目中;单独文件下载引入文件:以获取到dist文件夹的项目为例引入CSS文件: <link rel="原创 2022-01-24 21:54:19 · 939 阅读 · 0 评论 -
JS中的栈内存和堆内存
JS中的栈内存和堆内存JS的内存空间分为栈(stack)、堆(heap)、池(一般也会归类为栈中)。其中栈存放变量,堆存放复杂对象,池存放常量,所以也叫常量池。栈数据结构栈是一种特殊的列表,栈内的元素只能通过列表的一端访问,这一端称为栈顶。 栈被称为是一种后入先出(LIFO,last-in-first-out)的数据结构。 由于栈具有后入先出的特点,所以任何不在栈顶的元素都无法访问。 为了得到栈底的元素,必须先拿掉上面的元素。堆数据结构堆是一种经过排序的树形数据结构,每个结点都有一个值。 通常我原创 2022-01-21 22:22:33 · 1066 阅读 · 0 评论 -
如何使用JavaScript来判断用户设备类型
如何使用JavaScript来判断用户设备类型通过JS来实现判断当前用户所使用的设备类型。这里我们主要会使用到 navigator 对象,它是 JavaScript中的一个独对象,用于提供当前用户所使用的浏览器,操作系统等信息。相关信息数据会以 navigator对象属性的形式展现出来,目前市面上的所有主流浏览器都支持该对象的使用。而在 navigator对象中存在一个 userAgent属性,它会返回用户的设备操作系统,以及使用浏览器的信息。比较特殊的是,在APP应用不支持navigator对象的使用原创 2022-01-20 21:48:07 · 3803 阅读 · 0 评论 -
简单理解cookie、sessionStorage和localStorage
简单理解cookie、session、sessionStorage、localStorage前端本地存储数据的方式有三种,也就是是cookie,localstorage和sessionStorage 。三者的异同生命周期:cookie:可设置失效时间,没有设置的话,默认是关闭浏览器后失效localStorage:除非被手动清除,否则将会永久保存。sessionStorage: 仅在当前网页会话下有效,关闭页面或浏览器后就会被清除。存放数据大小:cookie:4KB左右localStorag原创 2022-01-20 21:15:03 · 1575 阅读 · 0 评论 -
HTTP和HTTPS的区别
HTTP和HTTPS的区别数据传输安全性:HTTP是明文传输,数据都是未加密的,安全性较差;HTTPS 即 SSL+HTTP,数据传输过程是加密的,安全性较好。使用 HTTPS协议需要得到 CA认证,CA就是 Certificate Authority即颁发数字证书的机构。是负责发放和管理数字证书的权威机构,并作为电子商务交易中受信任的第三方,承担公钥体系中公钥的合法性检验的责任。一般免费的证书较少,因而需要一定的费用。HTTP 页面响应的速度比 HTTPS要快,主要是因为 HTTP使用 TCP三次原创 2022-01-18 21:00:08 · 1657 阅读 · 0 评论 -
px、rpx、em、rem、vw、vh各种像素单位的区别
px、rpx、em、rem、vw、vh各种像素单位的区别px:px就是 pixel的缩写,意味像素。px就是一张图片最小的一个点,一张位图就是无数个这样的点构成的,是web开发中最常用的像素单位。rpx:由微信小程序官方推出的新单位,适用于移动端的 uni-app或者微信小程序的开发。可以根据屏幕宽度进行自适应,1rpx实际上等于相对于屏幕宽度的1物理像素。在设计时可以将1px约等于2rpx。em:相对单位,参照物是父元素的 font-size字体大小,具有继承的特点。如果自身定义了 font-si原创 2022-01-18 13:56:40 · 9733 阅读 · 0 评论 -
对版本控制的简单理解
对版本控制的简单理解含义 简单来说,版本控制,是维护工程蓝图的标准做法,能追踪工程蓝图从立项诞生一直到定案发布的过程。 此外,版本控制也是一种软件工程的开发技巧。依此能在软件开发的过程中,确保由不同开发者开发的同一程序文件能在最短时间内得到同步。透过版本控制,可以记录所有工程项目内各个模块的改动历程,并为每次改动编上序号。作用 版本控制的作用,是为项目设计者提供了将设计恢复到之前任意状态的选择权。简言之,在项目开发过程中,只要将每一阶段的修改提交到了版本控制系统中,就基本都可以找回,将项目恢原创 2022-01-16 12:01:21 · 591 阅读 · 0 评论