- 博客(32)
- 收藏
- 关注
RSS订阅原创 【05_02_vue】07_动态组件、插槽
Vue组件进阶多个组件使用同一个挂载点，并动态切换。vue内置的component组件, 配合is属性。切换时改变is属性的值, 为要显示的组件名即可。
2023-11-29 16:32:58
460
原创 【05_02_vue】06_生命周期, axios, $refs和$nextTick
生命周期生命周期vue实例从创建到销毁的整个过程为vue的生命周期。
2023-11-29 15:11:12
964
原创 【05_02_vue】05_vue组件
目标：子组件触发父自定义事件方法。1. 父组件内, 绑定自定义事件和事件处理函数。语法: @自定义事件名="父methods里函数名"2. 子组件内, 恰当的时机, 触发父给我绑的自定义事件, 导致父methods里事件处理函数执行。
2023-11-20 15:30:09
109
原创 【05_02_vue】04_vue基础与指令
更新监测和key【v-for】目标：目标结构变化, 触发v-for的更新。数组变更方法, 就会导致v-for更新, 页面更新。数组非变更方法, 返回新数组, 就不会导致v-for更新, 可采用覆盖数组或this.$set()。v-for更新时, 循环出新的虚拟DOM结构, 和旧的虚拟DOM结构对比, 尝试复用标签就地更新内容。：在document对象上,渲染到浏览器上显示的标签。真实DOM属性过多, 遍历耗时。：本质是保存节点信息, 属性和内容的一个JS对象。
2023-11-18 11:07:18
116
原创 【05_02_vue】03_vue基础与指令
项目中没有webpack.config.js文件，因为Vue脚手架项目用的vue.config.js。src并列处新建vue.config.js, 填入配置, 重启webpack开发服务器。
2023-11-15 21:02:44
88
原创 【05_01_vue】01_ES6模块化与异步编程
在 ES6 模块化规范诞生之前，JavaScript 社区已经尝试并提出了 AMD、CMD、CommonJS 等模块化规范。但是，这些由社区提出的模块化标准，还是存在一定的差异性与局限性、并不是浏览器与服务器通用的模块化标准。例如：AMD 和 CMD适用于浏览器端的 Javascript 模块化CommonJS适用于服务器端的 Javascript 模块化太多的模块化规范给开发者增加了学习的难度与开发的成本。因此，大一统的 ES6 模块化规范诞生了！
2023-11-06 15:42:48
116
原创 【04_03_nodejs】04_MySQL与身份认证
数据库（database）是用来组织、存储和管理数据的仓库。当今世界是一个充满着数据的互联网世界，充斥着大量的数据。数据的来源有很多，比如出行记录、消费记录、浏览的网页、发送的消息等等。除了文本类型的数据，图像、音乐、声音都是数据。为了方便管理互联网世界中的数据，就有了数据库管理系统的概念（简称：数据库）。用户可以对数据库中的数据进行新增、查询、更新、删除等操作。
2023-10-28 20:09:18
131
原创 【04_02_Git+Github】01_Git
Git 是一个开源的分布式版本控制系统，是目前世界上最先进最流行的版本控制系统。可以快速高效地处理 从很小到非常大的项目版本管理。特点：项目越大越复杂，协同开发者越多，越能体现出 Git 的高性能和高可用性。Git 之所以快速和高效，主要依赖于它的如下两个特性：① 直接记录快照，而非差异比较。② 近乎所有操作都是本地执行。
2023-10-11 10:02:00
93
原创 【04_01_Ajax+HTTP】04_跨域与JSONP
<button id="btnJSONP">发起JSONP数据请求</button><script>$.ajax({address=北京&location=顺义',})})})</script>
2023-10-03 15:09:18
90
原创 【04_01_Ajax+HTTP】03_xml
XMLHttpRequest（简称 xhr）是浏览器提供的 Javascript 对象，通过它，可以请求服务器上的数据资源。之前所学的 jQuery 中的 Ajax 函数，就是基于 xhr 对象封装出来的。
2023-10-01 14:54:10
94
原创 【04_01_Ajax+HTTP】02_form表单与模板引擎
它的可选值有三个，默认情况下，enctype 的值为 application/x-www-form-urlencoded，表示在发送前编码所有的字符。HTML中的标签，就是用于采集用户输入的信息，并通过标签的提交操作，把采集到的信息提交到服务器端进行处理。通过点击 submit 按钮，触发表单提交的操作，从而使页面跳转到 action URL 的行为，叫做表单的同步提交。在 {{ }} 语法中，可以进行变量的输出、对象属性的输出、三元表达式输出、逻辑或输出、加减乘除等。
2023-09-28 09:54:59
92
原创 【04_01_Ajax+HTTP】01_get、post、ajax
浏览器中提供的 XMLHttpRequest 用法比较复杂，所以 jQuery 对 XMLHttpRequest 进行了封装，提供了一系列 Ajax 相关的函数，极大地降低了 Ajax 的使用难度。jQuery 中提供的 $.ajax() 函数，是一个功能比较综合的函数，它允许我们对 Ajax 请求进行更详细的配置。：数据的添加、删除、修改、查询操作，都需要通过 ajax 的形式，来实现数据的交互。，我们参照接口文档就能方便的知道接口的作用，以及接口如何进行调用。，它是我们调用接口的依据。
2023-09-24 09:04:34
94
原创 【03_04_jQuery】03_jQuery插件
获取到的数据格式是 name1=value1&name2=value2 的 字符串。jQuery 除了封装了大量的 DOM 操作外，还提供了一些工具方法，这些。表单的 submit 事件中阻止默认行为，自己获取数据并提交。form 标签本身具有提交数据的能力，但是现在基本不这么用。用户在不同的浏览器下可以用一致的方式来选择日期。jQuery 并没有封装所有 dom 的方法。封装了快速获取表单数据的方法 , 叫做序列化。图片地址设置给 data-original。索引从 0 开始，获取到的是 dom 对象。
2023-09-18 20:10:16
122
原创 【03_04_jQuery】02_jQuery动画
jQuery提供了animate方法来实现更为复杂的动画效果。数值类样式支持动画，且支持多个动画。默认单位是px。支持非样式的特殊属性。持续时间单位是毫秒。// 自调用函数(自执行函数);// 1. 顶部高亮} else {})// 2.返回顶部console.log('执行啦!')// 显示 无动画// 显示// 淡入// 展开.stop()} else {// 隐藏 无动画// 隐藏// 淡出// 收起.stop()})// 3.返回顶部 - 点击返回。
2023-09-16 14:27:31
84
1
原创 【03_04_jQuery】01_jQuery基本操作
jQuery 是JavaScript类库，使用它封装的方法可以极大的提升开发效率。使用 jQuery 的准备工作：下包 , 导包。完整版本和压缩版本的 jQuery 功能上没有区别。文件名中有 mini 的是压缩版本。
2023-09-15 09:10:05
87
原创 【03_03_JS高级】02_面向对象
【注意：Boolean 也可以当做普通函数使用，这时它的作用是强制转换成布尔类型数据，由其它数据类型转换成布尔类型的数据被称为真值（truly）或假值（falsly）。本质上也是对象类型，因此允许直接为函数动态添加属性或方法，构造函数的属性和方法被称为静态成员。1. 构造函数内部 “this” 实际上就是实例对象，为其动态添加的属性和方法即为实例成员。3. 引用类型的数据保存在内存的堆空间中，栈内存中存取的是引用类型的地址（房间号）。1. 推荐使用字面量方式声明字符串，而不是 “String” 构造函数。
2023-09-09 20:07:06
184
1
原创 【02_01_CSS】05_移动适配
注意：浏览器不识别Less代码，目前阶段，网页要引入对应的CSS文件。扩充了 CSS 语言, 使 CSS 具备一定的逻辑性、计算能力。在px单位转换到rem单位过程中，除法运算是最麻烦的，因为。如果是less文件，可以省略.less后缀名。1rem = 1HTML字号大小。当某个条件成立, 执行对应的CSS样式。设备宽度不同，HTML标签字号设置不同。运算写法完成px单位到rem单位的转换。变量：存储数据，方便使用和修改。解决方案：可以通过Less实现。设备宽度大， 元素尺寸大。差异化的 CSS 样式。
2023-09-04 19:10:29
71
1
原创 【02_01_CSS】04_flex布局
justify-content基本相同。默认情况下，多个弹性盒子排成一排显示。Flex布局模型中，弹性盒子默认沿着。
2023-09-02 17:00:04
77
1
原创 【03_02_web API】07_JS正则表达式
正则表达式（Regular Expression）是用于匹配字符串中字符组合的模式。大多数的字符仅能够描述它们本身，这些字符称作普通字符，例如所有的字母和数字。g 是单词 global 的缩写，匹配所有满足正则表达式的结果。如果正则表达式与指定的字符串匹配 ，返回true，否则false。是一些具有特殊含义的字符，可以极大提高了灵活性和强大的匹配功能。也就是说普通字符只能够匹配字符串中与它们相同的字符。方法 用来查看正则表达式与指定的字符串是否匹配。[^a-z] 匹配除了小写字母以外的字符。
2023-08-28 16:36:40
59
1
原创 【03_02_web API】06_BOM- 操作浏览器
JS执行机制【经典面试题】同步和异步 location.searchtarget.htmllocation.hashlocation.reload navigator对象 histroy对象本地存储localStoragesessionStorage（了解）自定义属性综合案例css
2023-08-26 21:03:23
96
原创 【02_01_CSS】03_移动端特点
align-self： 控制某个弹性盒子在侧轴的对齐方式（width=device-width：视口宽度 = 设备宽度。initial-scale=1.0：缩放1倍（不缩放）视口：显示HTML网页的区域，用来约束HTML尺寸。手机屏幕尺寸都不同， 网页宽度为100%生产屏幕时就固定的，它是不可被改变的。使用meta标签设置视口宽度，制作适配。网页宽度和设备宽度(分辨率)相同。缩放调节的分辨率（软件设置）。网页的宽度和逻辑分辨率尺寸相同。解决办法：添加视口标签。是由软件（驱动）决定的，
2023-08-24 10:46:53
60
1
原创 【03_02_web API】05_DOM网页特效
当初始的 HTML 文档被完全加载和解析完成之后，DOMContentLoaded 事件被触发，而无需等待样式表。很多网页需要检测用户把页面滚动到某个区域后做一些处理， 比如固定导航栏，比如返回顶部。获取元素的自身宽高、包含元素自身设置的宽高、padding、border。加载外部资源（如图片、外联CSS和JavaScript等）加载完毕时触发的事件。【注意：不光可以监听整个页面资源加载完毕，也可以针对某个资源绑定load事件。监听整个页面滚动：监听某个元素的内部滚动直接给某个元素加即可。
2023-08-21 21:46:34
64
1
原创 【02_01_CSS】01_平面转换与渐变
先写旋转，则后面的转换效果的轴向以旋转后的轴向为准，会影响转换结果。一般情况下, 只为scale设置一个值, 表示x轴和y轴等比例缩放。transform: translate(水平移动距离, 垂直移动距离);transform: scale(x轴缩放倍数, y轴缩放倍数);改变盒子在平面内的形态（位移、旋转、缩放） ，即2D转换。transform: scale(缩放倍数);旋转会改变网页元素的坐标轴向。取值为负, 则逆时针旋转。使用scale改变元素的尺寸。处理简单的、颜色单一的图片。
2023-08-20 21:49:48
79
1
原创 【02_01_CSS】02_空间转换与动画
transform-style: preserve-3d【给父元素添加】，transform: translateX(值);transform: translateY(值);transform: translateZ(值);transform: rotateZ(值);transform: rotateX(值);transform: scaleX(倍数);transform: scaleY(倍数);transform: scaleZ(倍数);transform: rotateY(值);
2023-08-20 21:22:01
92
1
原创 【03_02_web API】04_DOM事件
②若传入false代表冒泡阶段触发，默认就是false。原理：事件委托其实是利用事件冒泡的特点， 给父元素添加事件，子元素可以触发。阻断事件流动传播，不光在冒泡阶段有效，捕获阶段也有效。阻止默认行为，比如链接点击不跳转，表单域的不提交。是个对象，这个对象里有事件触发时的相关信息。事件绑定的回调函数的第一个参数就是事件对象。事件流指的是事件完整执行过程中的流动路径。捕获阶段是 从父到子 冒泡阶段是从子到父。利用事件流的特征解决一些开发需求。时，同样的事件将会在该元素的所有。可以获得真正触发事件的元素。
2023-08-18 21:27:31
70
1
原创 【03_02_web API】03_DOM节点操作
由于节点(元素)的样式的改变并不影响它在文档流中的位置和文档布局时(比如：color、background-color、outline等), 称为重绘。当 Render Tree 中部分或者全部元素的尺寸、结构、布局等发生改变时，浏览器就会重新渲染部分或全部文档的过程称为回流。隐藏节点（display:none）是存在的，但是删除，则从html中删除节点。1970年01月01日00时00分00秒起至现在的毫秒数，是一种特殊的计量时间的方式。父元素.insertBefore(要插入的元素，插入的位置)
2023-08-16 20:35:12
87
1
原创 【03_02_web API】02_事件
可以理解为函数的高级应用，JavaScript 中函数可以被当成“值”来对待，基于这个特性实现函数的高级应用。鼠标事件：click（鼠标点击）mouseenter（鼠标经过）mouseover（鼠标离开）事件： 用什么方式触发，比如鼠标单击 click、鼠标经过 mouseover 等。事件源： 那个dom元素被事件触发了，要获取dom元素。如果将函数 A 做为参数传递给函数 B 时，我们称函数。焦点事件：focus（获得焦点）blur（失去焦点）事件调用的函数： 要做什么事。指的是函数内部特殊的。
2023-08-14 21:39:35
66
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人