- 博客(27)
- 收藏
- 关注
原创 Vue (5)
概念:自己定义的指令,可以封装一些DOM操作,扩展额外的功能全局注册//在main.js中Vue.directive('指令名', {// 可以对 el 标签,扩展额外功能el.focus()})局部注册//在Vue组件的配置项中"指令名": {// 可以对 el 标签,扩展额外功能el.focus()inserted:被绑定元素插入父节点时调用的钩子函数el:使用指令的那个DOM元素使用指令注意:在使用指令的时候,一定要先注册再使用,否则会报错使用指令语法: v-指令名。注册。
2023-08-29 18:06:02
51
原创 Git学习
需求1:基于 master 新建 publish 分支,完成发布文章业务,然后修改内容页面的 html 文件的 title 标签,并提交一次。合并提交:发生于原分支产生了新的提交记录后,再合并回去时发生,自动使用多个快照记录合并后产生一次新的提交。暂存区 -> 覆盖 -> 工作区,命令:git restore 目标文件(注意:完全确认覆盖时使用)1.小传开发代码 -> 工作区 -> 暂存区 -> 提交 -> 拉取(可选)-> 推送。注意2:回退后,继续修改->暂存->提交操作即可(产生新的提交记录过程)
2023-08-21 15:17:17
20
原创 Webpack
Webpack 是一个静态模块打包工具,从入口构建依赖图,打包有关的模块,最后用于展示你的内容静态模块:编写代码过程中的,html,css, js,图片等固定内容的文件打包过程,注意:只有和入口有直接/间接引入关系的模块,才会被打包Webpack 的作用:把静态模块内容,压缩,这个和,转译等(前端工程化)把 less/sass 转成 css 代码把 ES6+ 降级成 ES5 等支持多种模块文件类型,多种模块标准语法为何不学 vite?
2023-08-18 17:06:10
28
原创 Node.js
Node.js 是一个独立的 JavaScript 运行环境,能独立执行 JS 代码,因为这个特点,它可以用来编写服务器后端的应用程序作用:使用 Node.js 编写服务器端程序✓ 编写数据接口,提供网页资源浏览功能等等✓ 前端工程化:为后续学习Vue和React等框架做铺垫前端工程化:开发项目直到上线,过程中集成的所有工具和技术Node.js 是前端工程化的基础(因为 Node.js 可以主动读取前端代码内容)Node.js 为何能执行 JS。
2023-08-16 09:55:53
33
1
原创 Ajax(3)
需要设置请求头 Content-Type:application/json,来告诉服务器端,发过去的内容类型是 JSON 字符串,让他转成对应数据结构取值使用。没有 axios 了,我们前端要传递的请求体数据,也没人帮我把 JS 对象转成 JSON 字符串了,需要我们自己转换。Promise 的状态改变有什么用:调用对应函数,改变 Promise 对象状态后,内部触发对应回调函数传参并执行。// 1. 告诉服务器,我传递的内容类型,是 JSON 字符串。
2023-08-10 15:56:49
37
1
原创 Ajax(2)
使用 FormData 表单数据对象装入(因为图片是文件而不是以前的数字和字符串了所以传递文件一般需要放入 FormData 以键值对-文件流的数据传递(可以查看请求体-确认请求体结构)<button data-bs-toggle="modal" data-bs-target="css选择器">所以在显示和隐藏之前,需要执行 JS 代码逻辑,就使用 JS 方式 控制 Bootstrap 弹框显示和隐藏。当我显示之前,隐藏之前,需要执行一些 JS 逻辑代码,就需要引入 JS 控制弹框显示/隐藏的方式了。
2023-08-09 16:09:40
29
原创 Ajax(1)
使用浏览器的 XMLHttpRequest 对象与服务器通信浏览器网页中,使用 AJAX技术(XHR对象)发起获取省份列表数据的请求,服务器代码响应准备好的省份列表数据给前端,前端拿到数据数组以后,展示到网页AJAX 是浏览器与服务器进行数据通信的技术可以暂时理解为提供数据的一台电脑URL 就是统一资源定位符,简称网址,用于访问网络上的资源。
2023-08-08 16:52:48
34
原创 JavaScript 进阶(4)
1. throw 抛出异常信息,程序也会终止执行2. throw 后面跟的是错误提示信息3. Error 对象配合 throw 使用,能够设置更详细的错误信息。
2023-08-04 10:31:24
21
1
原创 JavaScript 进阶(3)
面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的依次 调用就可以了。面向过程,就是按照我们分析好了的步骤,按照步骤解决问题。面向对象是把事务分解成为一个个对象,然后由对象之间分工与合作。面向对象是以对象功能来划分问题,而不是步骤。在面向对象程序开发思想中,每一个对象都是功能中心,具有明确分工。面向对象编程具有灵活、代码可复用、容易维护和开发的优点,更适合多人合作的大型软件项目。
2023-08-02 19:03:56
27
原创 JavaScript 进阶(2)
比如我们创建了佩奇的对象,继续创建乔治的对象还需要重新写一 遍,此时可以通过构造函数来快速创建多个类似的对象。其实字符串、数值、布尔、等基本类型也都有专门的构造函数,这些我们称为包装类型。2. 为构造函数传入参数,动态创建结构相同但值不同的对象。引用类型: Object,Array,RegExp,Date 等。1. 如果没有起始值,则上一次值以数组的第一个数组元素的值。创建数组建议使用字面量创建,不用 Array构造函数创建。Object 是内置的构造函数,用于创建普通对象。构造函数在技术上是常规函数。
2023-08-01 19:14:28
33
1
原创 JavaScript 进阶(1)
在开发中【使用箭头函数前需要考虑函数中 this 的值】,事件回调函数使用箭头函数时,this 为全局的 window,因此DOM事件回调函数为了简便,还是不太推荐使用箭头函数。目的:引入箭头函数的目的是更简短的函数写法并且不绑定this,箭头函数的语法比函数表达式更简洁 使用场景:箭头函数更适用于那些本来需要匿名函数的地方。的【最外层】就是所谓的全局作用域,在此声明的变量在函数内部也可以被访问。JS中内存的分配和回收都是自动完成的,内存在不使用的时候会被垃圾回收器自动回收。
2023-08-01 12:58:23
27
1
原创 web APIs (6)
正则表达式(Regular Expression)是用于匹配字符串中字符组合的模式。在 JavaScript中,正则表达式也是对象通常用来查找、替换那些符合正则表达式的文本,许多语言都支持正则表达式正则表达式在 JavaScript中的使用场景:例如验证表单:用户名表单只能输入英文字母、数字或者下划线, 昵称输入框中可以输入中文(匹配)过滤掉页面内容中的一些敏感词(替换),或从字符串中获取我们想要的特定部分(提取)等。
2023-07-28 16:35:50
31
1
原创 web APIs (5)
随着互联网的快速发展,基于网页的应用越来越普遍,同时也变的越来越复杂,为了满足各种各样的需求,会经常性在本地存储大量的数据,HTML5规范提出了相关解决方案。
2023-07-27 16:24:24
34
1
原创 web APIs (4)
看在线演示,找到符合自己需求的demo https://www.swiper.com.cn/demo/index.html。查看APi文档,去配置自己的插件 https://www.swiper.com.cn/api/index.html。查看基本使用流程 https://www.swiper.com.cn/usage/index.html。插件: 就是别人写好的一些代码,我们只需要复制对应的代码,就可以直接实现对应的效果。将来的时间戳 - 现在的时间戳 = 剩余时间毫秒数。
2023-07-26 17:59:03
24
1
原创 web APIs (3)
开发中,我们经常检测页面(HTML)滚动的距离,比如页面滚动100像素,就可以显示一个元素,或者固定一个元素。给父(祖)元素注册事件,当我们触发子元素的时候,会冒泡到父(祖)元素身上,从而触发父(祖)元素的事件。概念:当一个元素的事件被触发时,会从DOM的根元素开始依次调用同名事件 (从外到里)概念:当一个元素的事件被触发时,同样的事件将会在该元素的所有祖先元素中依次被触发。简单理解:当一个元素触发事件后,会依次向上调用所有父级元素的。此方法可以阻断事件流动传播,不光在冒泡阶段有效,捕获阶段也有效。
2023-07-25 19:37:56
84
原创 web APIs (1)
文档对象模型,用来呈现以及与任意HTML或XML文档交互的APIDOM是浏览器提供的一套专门用来操作网页内容的功能DOM作用:开发网页内容特效和实现用户交互标签天生自带的属性 比如 class id title 等 可以直接使用点语法操作 比如 disabled checked selected在html5中推出来了专门的data-自定义属性在标签上一律以data-开头在DOM对象上一律以dataset对象方式获取<body>
2023-07-20 18:29:21
35
1
原创 JavaScript 基础(5)
对象(object):JavaScript 里的一种数据类型,是无序的数据的集合特点:无序的数据的集合,可以详细的描述某个事物。
2023-07-18 17:18:57
49
1
原创 JavaScript 基础(4)
说明:函数可以把具有相同或相似逻辑的代码“包裹”起来,通过函数调用执行这些被“包裹”的代 码逻辑,这么做的优势是。通常来说,一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名 字的作用域。2. 函数的调用语法:函数名() //函数不调用自己不执行 可以多次调用。函数分为具名函数和匿名函数 匿名函数:没有名字的函数,无法直接使用。具名函数的调用可以写在任何位置,但是函数表达式必须先声明函数表达式后调用。
2023-07-17 18:12:52
75
原创 JavaScript 基础(2)
循环结束:break:退出整个循环 中止整个循环,一般用于结果已经得到, 后续的循环不需要的 时候可以使用(提高效率): 一些简单的双分支,可以使用 三元运算符(三元表达式),写起来比 if else双分 支 更简单。使用场景: 适合于有多个条件的时候,也属于分支语句,大部分情况下和 if多分支语句 功能相同。=赋值 ==是判断 ===是全等(强烈推荐使用)
2023-07-15 17:37:02
80
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人