![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习
文章平均质量分 57
周万宁.FoBJ
不辜负生活中的每一份热爱
展开
-
关于我在vue3中使用swiper的使用碰到swiper-slide的width特别大的这件事儿
在加上其他的一些样式会将swiper撑开,swiper大小变化后影响后面slide的width的计算.swiper大小可变, 内部的slides的width是根据swiper的大小进行计算的,因为内部的。还要注意swiper可变的情况,要么对slide大小进行控制,要么对swiper进行控制, 可以使用。非常大, 奇怪的是我没有设置任何的行内样式啊。所以在使用swiper的时候除了注意。自己在写样式的时候设置为。属性对最大宽度进行限制。原创 2024-07-17 01:05:54 · 892 阅读 · 0 评论 -
ES6解构赋值
解构赋值语法是一种 Javascript 表达式。通过解构赋值,可以将属性/值从对象/数组中取出,赋值给其他变量。原创 2022-10-12 22:33:28 · 199 阅读 · 0 评论 -
前端发送请求的几种方式
Asynchronous JavaScript + XML(异步 JavaScript 和 XML), 其本身不是一种新技术,而是一个在 2005 年被 Jesse James Garrett 提出的新术语,用来描述一种使用现有技术集合的‘新’方法,包括:HTML 或 XHTML, CSS, JavaScript, DOM, XML (en-US), XSLT, 以及最重要的 XMLHttpRequest。原创 2022-10-09 00:11:33 · 3542 阅读 · 0 评论 -
事件流 & 事件的执行过程
事件流描述的就是从页面中接受事件的顺序,而早期的IE和Netspace提出了完全相反的事件流的概念,IE事件流是事件冒泡,而Netspace的事件流就是事件捕获。IE提出的事件流就是事件冒泡,几从下至上,从目标触发的元素逐级向上传播,直到window对象。2)处于目标阶段:事件目标阶段(对真正用户发生交互的标签进行触发事件),事件目标就指的该标签。而Netspace的事件流就是事件捕获,即从document逐级向下传播到目标元素,3)事件冒泡阶段冒泡阶段(执行一次完整的冒泡)二.事件冒泡事件捕获。原创 2022-10-05 10:55:01 · 358 阅读 · 0 评论 -
如何根据地理位置获取城市编码 / (高德地图) 获取城市编码API / 经纬度获取城市or城市编码
2022年9月29日,今天在做搜索天气的页面的时候遇到了这个问题,刚开始想用导入json文件的方法来去弄这个,有些json文件并没有做到那个精确,假如用到的地理位置是某个县,有可能就无法获取到城市编码.还需要自己去写方法,来截取存取地理位置的字符串.这里提供一个简单的方法,我们可以去使用某些地图平台的API(当然需要联网的情况下),去获取城市编码,比如百度地图或者高德地图.这里我使用的是高德地图.在文章的结尾我会附上原平台链接.代表的参数包括必填参数和可选参数。下面的列表枚举了这些参数及其使用规则。原创 2022-09-29 14:51:06 · 7370 阅读 · 1 评论 -
css中@font-face的使用
format]定义字体的格式,用来帮助浏览器识别字体,主要有以下这些格式:[truetype(.ttf)、opentype(.otf)、truetype-aat、embedded-opentype(.eot)、svg(.svg)、woff(.woff)]font-face是css3中允许使用自定义字体的一个模块,它主要是把自己定义的web字体嵌入网页中。src:[url]加载字体可以是相对路径,可以是绝对路径,也可以是网络地址。font-weight:定义加粗样式。font-style:定义字体样式。原创 2022-09-26 22:22:35 · 1628 阅读 · 1 评论 -
JavaScript动画和CSS3动画的区别
如果动画只是简单的状态切换,不需要中间过程控制,这种情况下,CSS动画是优选方案,它可以让你将动画逻辑放在样式文件里,而不会让你的页面充斥JavaScript库,然而如果你在设计很复杂的客户端界面或者开发一个有着复杂UI状态的APP,那么你应该使用JS动画,这样你的动画可以保持高效,并且你的工作流也更可控,所以再实现一些小的交互动画的时候,就多考虑CSS动画,对于一些复杂控制的动画,使用JavaScript比较可靠。原创 2022-09-24 15:14:03 · 342 阅读 · 1 评论 -
JS判断一个值是什么类型
判断js数据类型有很多方法,我这里介绍以下三种常见的方法1.typeof运算符typeod是最常见的,使用它会返回一个字符串,设置函数对象和基本类型(js中的基本类型:number,string,boolean,null,undefined,object 还有ES6新增 symbol)的判断2.instanceof操作符(基于原型链)obj instanceof Object实质就是:instanceof操作符判断做操作数对象的圆形链上是否有右边这个构造函数的prototype属性,也就是说原创 2022-09-24 14:36:37 · 279 阅读 · 0 评论 -
JavaScript 中的作用域、预解析与变量声明提升
ES6之前 JavaScript 采用的是函数作用域 + 词法作用域 ES6 js采用的是块级作用域+词法作用域。局部作用域一般只在固定的代码片段内可以访问到,而对于函数外部都是无法访问的,最常见的例如函数内部,变量提升:定义变量的时候,变量的声明会被提升到作用域的最上面,变量的赋值不会提升。在ES6之前,只有函数可以划分变量的作用域,所以在函数外面无法访问函数内的变量。凡是代码块就可以划分变量的作用域,这种作用域的规则就叫块级作用域,块级作用域和函数作用域描述的是,什么东西可以划分变量的作用域。原创 2022-09-23 20:07:48 · 252 阅读 · 0 评论 -
浅谈数组与伪数组的区别
数组相信大家已经很熟悉了,那么这篇文章讲讲什么是伪数组以及数组与伪数组的区别伪数组的定义拥有length属性,其他属性(索引)为非负整数不具有数组所具有的方法常见的伪数组有:函数参数arguments,DOM对象列表;jQuery中的$(' ')等伪数组与数组的区别索引(index)和长度(length)伪数组的索引,就是那些键值对的key,没有真正的顺序,长度是手动设置的属性数组的索引和长度是内置属性Array.prototype伪数组没有Array.prototype,它只是原创 2022-09-23 11:06:13 · 202 阅读 · 0 评论 -
雪碧图 or 精灵图 ?
就是把网站上用到的一些图片整合到一张单独的图片中,从而减少网站的HTTP请求次数,该图片使用css background和background-position属性渲染,这也就意为着你的标签变得更复杂了,图片是在css中定义,并非在标签中。4.精灵图不能随意改变大小和颜色,改变大小会失真模糊,降低用户体验,css新属性可以改变精灵图颜色,但是比较麻烦,并且新属性有兼容为题,现在一般用字体图标代替精灵图。4.更换风格方便,只需要在一张或少张图片上修改图片的颜色或样式,整个网页的风格就可以改变。原创 2022-09-22 18:30:47 · 396 阅读 · 0 评论 -
浅谈flex布局
CSS flel布局(弹性布局/弹性盒子)1.基本概念Flex是Flexible Box的缩写,意为"弹性布局"或者"弹性盒子",是CSS3中的一种新的布局模式,可以简便 完整 响应式地实现各种页面布局,当页面需要适配不同的屏幕大小以及设备类型时非常使用,目前,几乎所有的浏览器都支持Flex布局可以通过将元素的display属性设置为flex(生成块级flex容器)或inline-flex(生成类似inline-block的行内快级flex容器),当一个元素设置flex布局以后,其子元素的float原创 2022-09-22 18:16:07 · 244 阅读 · 0 评论 -
浅谈常见浏览器缓存方法(前端缓存)
浏览器缓存时浏览器保存数据用于快速读取或避免请求重复资源,提升网页加载速度. 前端缓存可分为两大类:http缓存和浏览器缓存一.http缓存 http缓存指的是:当客户端向服务器请求资源时,会先抵达浏览器缓存,如果浏览器有"要求资源"的副本,就可以直接从浏览器缓存中提取,而不是从原始服务器中提取这个资源常见的htttp缓存只能缓存get请求响应的资源,对于其他类型的响应则无能为力,http缓存都是从第二次请求开始的,第一次请求资源时,服务器返回资源,并在respone hearder头中回传资源的原创 2022-08-02 20:26:21 · 6596 阅读 · 1 评论 -
网页布局分布
网页布局分布原创 2022-07-20 18:51:57 · 2215 阅读 · 0 评论