- 博客(51)
- 收藏
- 关注
原创 WebSocket的基本使用
在前端使用 WebSocket 实现聊天功能是一种常见且强大的方法。WebSocket 是一种提供双向通信的协议,它可以在客户端和服务器之间建立持久连接,允许实时的数据传输。
2023-05-16 09:41:54 182
原创 AWS 地图的使用
在Amazon Location 控制台中,点击“地图“,然后点击”创建地图“,在创建地图的页面中输入地图名称和地图说明,然后再选择地图的样式,然后同意Amazon Location Service 的条款与条件,然后点击创建地图。2、对请求进行身份验证,要确保我们在初始化地图的身份池中的角色拥有位置搜索的权限,在IAM中给我们使用的角色要赋予对应的权限,例。2、对请求进行身份验证,要确保我们在初始化地图的身份池中的角色拥有位置搜索的权限,在IAM中给我们使用的角色要赋予对应的权限,例。
2023-05-06 15:22:25 1005
原创 vue中路由传参
vue路由传参的使用场景一般都是应用在父路由跳转到子路由时,携带参数跳转。传参方式可划分为params传参和query传参,而 params传参又可分为在 url 中显示参数和不显示参数两种方式,这就是vue路由传参的三种方式。
2022-10-26 20:29:46 782 2
原创 Vue中插槽(slot)的使用
其中三个插槽名相同为default,在中写入的内容会同时渲染到名称相同的插槽,如果给插槽给上相应的name属性,就会避免这种情况。插槽(slot):是vue为组件的封装者提供的能力。允许开发者在封装组件时,把不确定的,希望由【用户指定】的部分定义为【插槽】在同一个组件中,我们有时需要多个插槽作为预留区域,此时,应该给每一个插槽取一个不同的name名称。这样就能把child2中的值传给child1,然后在将获取到的值渲染到列表中。插槽分为3类:默认插槽,具名插槽,作用域插槽。将内容渲染到指定插槽中。
2022-10-26 20:24:16 388
原创 VueX的基本使用
设计的数据仓库,就是把各个组件公用的数据放到一个仓库里面进行统一的管理,这样既使得非父子组件间的数据共享变得简单明了,而且只要仓库里面的数据发生了变化,在其他组件里面数据被引用的地方也会自动更新。我们在组件中通过**Dispatch()**触发vuex中的action异步方法,中“add”为方法名,“this.sv”为数据。在src文件夹下创建store文件夹,并在里面创建index.js文件,在里面引入vuex,并创建。因为用原本的方式代码写出来后过于繁杂,所以我们用辅助函数来解决这个问题。
2022-10-25 08:51:49 397
原创 JS中DOM
DOM(Document Object Model),文档对象模型。我们可以把网页中的所有的【东西】看成【对象】。DOM是w3c指定的网页标准或规则,而这个标准,在浏览器中,一【对象】的形式得以实现。DOM的官方定义:DOM可以使脚本动态的访问或操作网页的内容、外观、结构。
2022-09-07 13:47:23 237 1
原创 JS中字符串的常用方法
charAtcharCodeAtindexOf和lastIndexOfsubstringsubstrtoLowerCase 和 toUpperCasesplitslicereplacetrimconcat
2022-09-06 21:24:36 102
原创 JS中数组
1.1 字面量创建一个数组1.2 内置构造函数创建数组1.3 数组的 length1.4 数组的索引1.5 数组的遍历二、数组的常用方法2.1 push2.2 pop2.3 unshift2.4 shift2.5 splice2.6 reverse2.7 sort2.8 concat2.9 join三、ES5中常用的数组方法3.1 indexOf3.2 forEach3.3 map3.4 filter3.5 some3.6 every3.7 reduce
2022-09-02 21:48:13 107
原创 JS中递归函数
在编程世界里面,递归就是一个自己调用自己的手段递归函数: 一个函数内部,调用了自己,循环往复,利用递归求100的阶乘,编写一个递归函数dep(), 实现需求:一年薪资是10k,涨幅每年0.5%,那么50年后薪资多少钱?利用递归求斐波那契数列...
2022-08-26 19:44:24 726
原创 JS中用函数封装的一些试题(包含循环问题)
一、编写一个函数,计算两个数字的和、差、积、商二、 编写一个函数,计算三个数字的大小,按从小到大顺序输出1. 方法一(基础)2. 方法二(冒泡排序)三、编写一个函数求一个数字是否是质数四、 编写一个函数,计算任意两个数字之间所能组成的奇数个数,数字必须是个位数五、 - 某个公司采用公用电话传递数据,数据是四位的整数,在传递过程中是加密的,加密规则如下:每位数字都加上5,然后用除以10的余数代替该数字,再将第一位和第四位交换,第二位和第三位交换,请编写一个函数,传入原文,输出密文.........
2022-08-25 21:18:50 510
原创 JS中函数
把可以重复使用的代码块,封装成独立的模块在JS中,函数就是把一段代码块放在一个**盒子**里面,在我想要让这段代码执行的时候,直接执行这个 **盒子**里面的代码就行
2022-08-25 20:34:21 100
原创 JS中的循环
- 循环结构,就是根据某些给出的条件,重复的执行同一段代码- 循环必须要有某些固定的内容组成(四大要素) 1. 初始化 2. 条件判断 3. 要执行的代码 4. 自身改变
2022-08-24 18:51:36 341
原创 JS中的分支结构
一、IF条件分支结构1.1 if语句1.2 if~else语句1.3 if else if 。。。语句二、三元运算符三、SWITCH 条件分支结构四、逻辑判断的优先级
2022-08-23 19:37:32 220
原创 JavaScript基础语法
1. ECMASCRIPT: 定义了javascript的语法规范,描述了语言的基本语法和数据类型2. BOM (Browser Object Model): 浏览器对象模型 - 有一套成熟的可以操作浏览器的 API,通过 BOM 可以操作浏览器。比如: 弹出框、浏览器跳转、获取分辨率等3. DOM (Document Object Model): 文档对象模型 - 有一套成熟的可以操作页面元素的 API,通过 DOM 可以操作页面中的元素。比如: 增加个 div,减少个 div,给 div 换
2022-08-22 20:20:48 140
原创 CSS3弹性盒子
弹性盒子是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间,我们在一个盒子样式中设置以下代码,就能让盒子变为弹性盒子,从而控制子元素。...
2022-08-15 20:43:31 250
原创 CSS3动画
动画是使元素从一种样式逐渐变化为另一种样式的效果,可以改变任意多的样式任意多的次数,百分比来规定变化发生的时间,或用关键词 "from" 和 "to",等同于 0% 和 100%,0% 是动画的开始,100% 是动画的完成。...
2022-08-13 17:00:09 156
原创 CSS3过渡
transition的过渡就是平滑地改变一个元素的样式,使元素从一个样式逐渐过渡到另一个样式,是一种动画转换的过程,如渐现、渐弱、动画快慢等。
2022-08-13 11:44:57 182
原创 HTML5新特性
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。HTML产生于1990年,1997年HTML4成为互联网标准,并广泛应用于互联网应用的开发。HTML5将Web带入一个成熟的应用平台,在这个平台上,视频、音频、图像、动画以及与设备的交互都进行了规范。...
2022-08-09 21:17:15 610
原创 CSS中的表格
一、语法二、表格的相关属性三、高级表格应用1.单元格间距2.合并相邻单元格边框3.无内容时单元格的设置4.显示单元格行和列的算法4.1 值为auto时(默认值)4.2 值为fixed时5.表格列标题6.表格标题设置表格标题的位置7.数据行分组8.数据列分组...
2022-08-06 11:35:45 4879
原创 v-for中key的原理
v-for中key的原理、拟DOM中key的作用、对比规则、用index作为key可能会引发的问题、开发中如何选择key
2022-08-03 19:44:52 259
原创 HTML中元素类型及元素类型的转换
块级元素常见有div、h1~h6、p、ul、dl、ol、form等。盒模型不能正常使用,上下失效,左右[生效]!内联元素常见有a、span、i、u、b等。none隐藏该元素,让浏览器不解析该元素。可以与其它内联标签,文字或图片在同一行。可以与其它内联标签,文字或图片在同一行。行内块常见的元素有img、input。inline-block行内块元素。inline行内元素。盒模型不能正常使用,可以与文字内容在一行。...
2022-08-01 15:57:34 1778
原创 JS中的排它思想
当我们在点击一个选项的时候,我们需要清空之前所点击的选项,首先我们先获取到所有选项卡的节点,然后利用循环给每个按钮添加事件,然后在里面嵌套一个循环,在点击这个按钮生效前一步清空之前的所有事件,保证只让当前点击的事件生效,从而实现排它!多个选项中无论如果只有一个会有样式,从而实现排它。......
2022-07-30 22:10:06 696 1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人