自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(33)
  • 收藏
  • 关注

原创 Bootstrap知识点大合集(上)

简介Bootstrap 是全球最受欢迎的前端框架,用于构建响应式、移动设备优先的网站。利用 jsDelivr 和我们提供的入门模板帮助你快速掌握 Bootstrap。快速开始如何让项目快速用上 Bootstrap? 使用 jsDelivr,这是一个免费且开源的 CDN,在你的页面上添加几个文件链接就能开始你的 Bootstrap 之旅啦。你是否在使用软件包管理器或想下载 Bootstrap 的源文件? 请转到下载页面查看说明。CSS 文件复制以下 <link> 标签并粘贴到 <h

2024-06-27 11:26:37 3

原创 微信小程知识点大合集(超详细)

WXML(WeiXin Markup Language)是小程序框架设计的一套标签语言,用来构建小程序页面的结构,其作用类似于网页开发中的 HTML。WXSS (WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式,类似于网页开发中的 CSS。宿主环境(host environment)指的是程序运行所必须的依赖环境。例如:Android 系统和 iOS 系统是两个不同的宿主环境。

2024-06-26 10:30:00 573

原创 JS高级超详细合集

原型和原型链一、前言在js中,原型和原型链是一个很重要的知识点,只有理解了它,我们才能更深刻的理解js,在这里,我们将分成几个部分来逐步讲解。二、构造函数构造函数和普通函数本质上没什么区别,只不过使用了new关键字创建对象的函数,被叫做了构造函数。构造函数的首字母一般是大写,用以区分普通函数,当然不大写也不会有什么错误。function Person(name, age) { this.name = name; this.age = age; this.species =

2024-06-25 10:00:00 422

原创 JS对象、数组、字符串超详细方法

JavaScript对象方法对象创建的方式对象字面量var dog1 = {` `name: "大黄",` `age: 2,` `speak: function () {` `console.log("汪汪");` `},``};使用Object构造函数var dog2 = new Object();dog2.name = "大黄";dog2.age = 2;dog2.speak = function () { console.log("汪汪");};

2024-06-24 15:45:52 330

原创 微信小程序简易录音机

通过wx.createInnerAudioContext()方法获取到。最终效果:在主页视频。

2024-06-21 10:31:01 291

原创 微信小程序常用的api(2)

作用:用于在微信小程序中完成动画效果的制作。

2024-06-20 13:44:03 576

原创 微信小程序常用的api(1)

注意:开启微信小程序的背景音频播放功能,需要在app.json文件中配置 “requiredBackgroundModes”: [“audio”]

2024-06-19 09:45:35 656

原创 如何安装和使用微信小程序

小程序根目录下,有三个app开头的文件(app.js,app.json,app.wxss)、project.config.json文件和两个文件目录(pages,utils)。3.安装好后,打开软件,点击+号,然后先将路径改为自己的项目路径,再将路径后加“\lesson1”,改完后填写AppID,再将选项改为“不使用云服务”,最后将分类选择为“不使用模版”,点击确定即完成。微信小程序的概念:在微信内被便捷地获取和传播,良好的用户体验,不需要下载即可使用,体积非常小的用于连接用户与服务的应用。

2024-06-17 09:56:05 515

原创 Vue router(路由守卫)

beforeRouteEnter: 在进入路由前调用,不能访问当前组件实例(this不可用),但可以通过回调函数传递给next方法的数据访问。作用:在每次路由切换成功后执行,通常用于更新页面标题、埋点统计、页面缓存清理等工作,不涉及阻断路由访问。beforeRouteUpdate: 路由参数变化时(路径相同而参数不同)调用,可以访问当前组件实例。beforeRouteLeave: 离开当前路由时调用,可以访问当前组件实例。位置:在定义路由配置对象时,直接在目标路由的配置内设置。位置:在路由组件内部编写。

2024-05-12 22:07:03 344

原创 Vue2slot插槽(理解与应用)

举个例子:组件好比小霸王游戏机,插槽就是游戏机的插口,看用户插什么卡,就在屏幕(预留的位置)上显示出对应的游戏(内容)。我们不能把一个游戏机就固定一个游戏,有了插槽,这就一个(游戏机)组件,可以玩(显示出)不同的游戏(用户自定义的内容)如果父组件在使用到一个复用组件的时候,获取这个组件在不同的地方有少量的更改,如果去重写组件是一件不明智的事情。作用域插槽允许子组件将数据传递到父组件中的插槽内容中,使得父组件可以使用子组件中的数据进行渲染。scope用于父组件往子组件插槽放的html结构接收子组件的数据。

2024-04-21 16:06:04 710 1

原创 前端面试题(小整理)

防抖:防抖是指在事件触发后,等待一段时间后再执行回调函数。如果在等待时间内又发生了相同的事件,那么就会重新计时。防抖的主要目的是减少函数的执行次数,尤其是在频繁触发事件的情况下,可以避免函数多次执行。常见的应用场景包括输入框的搜索建议、窗口大小改变的回调等。例如,当用户在输入框中输入关键字时,可以使用防抖来减少发送请求的次数,只有在用户停止输入一段时间后才发送请求。节流:节流是指在一段时间内只执行一次回调函数。即使在这段时间内发生了多次事件,也只会执行一次回调函数。

2024-04-14 22:01:32 587

原创 Vue CLI本地存储

定义:用于将数据存储到浏览器中浏览器打开存储的方式:打开浏览器—F12打开控制台—点击application(应用)—存储中有本地存储localStorage、会话存储sessionStroage、cookie(数据就是存储在这三个存储空间里)

2024-04-06 20:24:11 333

原创 Vue组件化

使用Vue.extend(options)创建,其中options和newVue(options)时传入的options几乎一样,但也有点区别(Vue.extend()方法本质就是实例化VueComponent构造函数)(1)、el不要写,因为最终所有的组件都要经过一个vm的管理,由vm中的el才决定服务哪个容器(2)、data必须写成函数,避免组件被复用时,数据存在引用关系template:``,mounted(){

2024-03-31 19:50:50 719

原创 Vue属性、生命周期、过滤器

生命周期

2024-03-23 21:00:52 255 1

原创 Vue-核心

规则:定义指令名称不能使用驼峰和v-,要是用-连接,记得添加引号使用时要v-自定义名称函数写法名称(节点,绑定对象){}对象写法名称:{绑定成功调用bind(节点,绑定对象){},插入到页面调用inserted(节点,绑定对象){},重新解析时调用(值发生改变)update(节点,绑定对象){}1.局部自定义指令directives ,写入Vue实例中2.全局自定义指令Vue.directive ,定义在实例化之前bind成功绑定时调用。

2024-03-16 21:30:23 375 1

原创 初识Vue(Vue2)

**Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。**

2024-03-08 22:37:11 591

原创 初识node.js

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境

2024-01-07 19:39:52 1524 1

原创 HTML5合集

html html5区别 HTML5不基于SGML(Standard Generalized Markup Language 标准通用标记语言),因此不需要对DTD(DTD 文档类型定义)进行引用,但是需要DOCTYPE来规范浏览器行为。

2024-01-07 19:03:18 1856 1

原创 swiper插件(轮播)

第二步解压缩后打开文件夹找到(swiper-bundle.min.css、swiper-bundle.min.js)这两个文件复制到项目文件夹中。第一步在浏览器搜索swiper并下载安装包(可以安装任意版本并解压)ps:我下载的最新版本(需要什么版本自行选择)

2024-01-01 22:33:51 494

原创 JS中的深拷贝or浅拷贝

深拷贝or浅拷贝。

2023-12-24 22:03:50 289

原创 node.js(Path)模块

path 模块提供了一些用于处理文件路径的小工具,我们可以通过以下方式引入该模块。path.join() 方法,用来将多个路径片段拼接成一个完整的路径字符串。path.basename() 方法,用来从路径字符串中,将文件名解析出来。path.extname() 方法,可以获取路径中的扩展名部分。

2023-12-24 15:06:40 307

原创 jq中的ajax

ajax() 默认行为是 get

2023-12-24 15:06:20 322

原创 ES6合集

ES6let与constES2015(ES6) 新增加了两个重要的 JavaScript 关键字: let 和 const。Letlet 特性声明变量只有在let所在的代码块内有效。let只能声明一次。不存在变量提升。不影响作用域。 注意:通常与循坏一起使用Constconst 特性声明一个只读常量,一旦声明,常量的值就不能改变。声明必须赋初始值。标识符一般为大写。只能声明一次。不允许修改。块级作用域。 注意:对象和数

2023-12-24 15:03:03 1756

原创 js中的Ajax

http连结很简单,是无状态的;https 是有SSL + HTTP 协议构成的可进行加密传输、身份认证的网络协议,比http更安全。http 和 https 使用的是完全不同的连接方式,用得端口号也不一样,前者是80,后者是443。http是超文本传输协议,信息是明文传输,https则是具有安全性的SSL加密传输协议。https协议需要到 ca 申请证书,一般免费证书比较少,因此要一定的费用。创建的对象.open(“请求方式”,“url”);Http 和 Https 的区别。

2023-12-24 14:55:47 376

原创 node.js(HTTP)

201:表示资源被正确的创建。202:请求是正确的,但是结果正在处理中,这时候客户端可以通过轮询等机制继续请求。101:请求者已要求服务器切换协议,服务器已确认并准备进行切换。303:使用 GET 来访问新的地址来获取资源。404:请求的内容不存在。400:请求出现错误,比如请求头不对等。301:请求成功,但是资源被永久转移。300:请求成功,但结果有多种选择。100:请求者应当继续提出请求。200:正确的请求返回正确的结果。304:请求的资源并没有被修改过。501:请求还没有被实现。500:服务器错误。

2023-12-21 15:16:10 342

原创 Es6数组扁平化

将多维数组变为一维数组。

2023-11-10 14:52:35 43

原创 JS防抖和节流

【代码】JS防抖和节流。

2023-11-05 21:50:11 33 1

原创 JSON对象

【代码】JSON对象。

2023-10-31 19:32:17 67 1

原创 ES6(map对象)

(对象或者原始值) 都可以作为一个键或一个值。Map 对象保存键值对。

2023-10-22 16:34:09 96 1

原创 ES6函数(箭头函数)

3.apply 的所有参数都必须放在一个数组里面传进去 obj.myFun.apply(db,[‘成都’, …, ‘string’ ])。bind 除了返回是函数以外,它 的参数和 call 一样。2.call 的参数是直接放进去的,第二第三第 n 个参数全都用逗号分隔,直接放到后面 obj.myFun.call(db,‘成都’, …4.当然,三者的参数不限定是 string 类型,允许是各种类型,包括函数 、 object 等等!1.call 、bind 、 apply 这三个函数的第一个参数都是。

2023-10-15 22:04:00 27

原创 CSS3中2D转换、过渡、动画的属性

2D是可以将元素进行移动、缩放、转动、拉长或拉伸。

2023-09-24 15:56:12 52 1

原创 CSS3弹性盒子

1、flex 属性用于指定弹性子元素如何分配空间(flex值为数字时,最大值为12)flex-direction :属性指定了弹性子元素在父容器中的位置( flex-direction的排列方向: row | row-reverse | column | column-reverse)用法row反转横向排列(右对齐,从后往前排,最后一项排在最前面反转横向排列(右对齐,从后往前排,最后一项排在最前面column纵向排列反转纵向排列,从后往前排,最后一项排在最上面。

2023-09-17 21:05:12 42

原创 HTML5新特性(标签、视(音)频、属性)

3、controls——是给视(音)频增加控制件,如:开始(播放)播放、进度条、音量调节、全屏观看(视频)、音量倍速调节(音频)等。2、autoplay——是在视(音)频缓存加载完成后自动播放不可直接播放。6、poster——用户下载时显示的图像(下载时的封面) ,值为url。ps:(第一次写博客如有遗漏or错误请帮忙及时指出!7、preload——是在视(音)频缓存加载时同时播放。5、muted——是指在静音的情况下播放视(音)频。4、loop——是在视(音)频播放完继续循环播放。

2023-09-10 00:03:45 159 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除