- 博客(22)
- 收藏
- 关注
RSS订阅原创 了解vue中的v-model,通俗易懂!
v-model是什么?v-model 就是 vue 的双向绑定的指令，能将页面上控件输入的值同步更新到相关绑定的data属性，也会在更新data绑定属性时候，更新页面上输入控件的值。
2022-06-03 21:09:19
3256
原创 常见的业务状态码
1xx（临时响应）表示临时响应并需要请求者继续执行操作的状态码。100（继续） 请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。101（切换协议） 请求者已要求服务器切换协议，服务器已确认并准备切换。2xx （成功）表示成功处理了请求的状态码。200（成功） 服务器已成功处理了请求。通常，这表示服务器提供了请求的网页。如果是对您的 robots.txt 文件显示此状态码，则表示 Googlebot 已成功检索到该文件。201（已创建） 请求成功并且服务
2022-05-22 16:47:25
1009
原创 typeof和instanceof的区别
typeof用于判断数据类型，返回值有number、string、boolean、function、undefined、object 六个。<script> let a = [1, 2, 3, 4, 5]; let b = 1; let c = "weaface"; let d = false; let f = null; let e = new Date();
2022-05-13 23:05:56
12687
3
原创 什么是重绘和回流?
重绘: 当渲染树中的一些元素需要更新属性，而这些属性只是影响元素的外观、风格，而不会影响布局的操作，比如 background-color，我们将这样的操作称为重绘。回流：当渲染树中的一部分（或全部）因为元素的规模尺寸、布局、隐藏等改变而需要重新构建的操作，会影响到布局的操作，这样的操作我们称为回流。常见引起回流属性和方法：任何会改变元素几何信息（元素的位置和尺寸大小）的操作，都会触发回流。（1）添加或者删除可见的 DOM 元素；（2）元素尺寸改变——边距、填充、边框、宽度和高度（3）内
2022-05-12 00:15:30
6800
1
原创 vue插槽的理解和使用-默认插槽-具名插槽-作用域插槽
一、什么是插槽?插槽就是子组件中的提供给父组件使用的一个占位符，用<slot></slot> 表示，父组件可以在这个占位符中填充任何模板代码，填充的内容会替换子组件的<slot></slot>标签。下面大家可以看一下代码了解 ====>默认插槽子组件代码如下 :父组件代码如下 :最后看下渲染的效果 :我们可以看到的是填充的内容会替换子组件的<slot></slot>标签里面的内容....
2022-05-09 22:08:05
2902
原创 一篇文章了解vue单向数据流
单向数据流就是 : 组件之间的数据传递具有单向数据流这样的特性。下面看示例代码:下面子组件的名称是MySon.vue , 父组件的名称是Father.vue.在父组件里面使用动态绑定,把return的值存储在自己定义的属性里面父组件代码:子组件代码:然后子组件通过props的语法格式,来获取到父元素传过来的值.看渲染后的效果:当我点击button时,执行fn函数里面函数体代码,所以我们可以看到控制台里面会打印数组里面下边3的元素.注意点:在.
2022-05-07 22:57:53
240
原创 什么是vue监听器---立即执行
什么是监听器?就是watch 侦听器允许开发者监视数据的变化，从而针对数据的变化做特定的操作。语法: watch: { "被监听的属性名" (newVal, oldVal){ } }可以看一下下面的例子:上面是初始状态,name的值是小明,没有发生任何变化,所以watch这时也没有触发,当我在input输入框输入内容时,此时我们可以看控制台,可以看到最新的值. 函数中的newVal , oldVal一个是查看新值,一个是查看旧值,下面咱们可
2022-05-06 21:53:23
2246
原创 什么是MVVM设计模型
相当于数据驱动视图,我们可以先看下数据驱动视图演示:MVVM详解模式说明：MVVM = Model + View + ViewModel1. MVVM，一种软件架构模式，决定了写代码的思想和层次● M： model数据模型 (data里定义)● V： view视图 （template里定义html页面结构）● VM： ViewModel视图模型 (vue组件实例this)2 . MVVM通过数据双向绑定让数据...
2022-05-04 15:38:17
852
原创 安装vue-cli脚手架,使用vue-cli创建项目
步骤:1 . 全局安装命令npm install -g @vue/cli注意: 如果半天没动静(95%都是网速问题), 可以ctrl + c 停止安装，换一个网络环境来继续重新安装2 . 检查是否安装成功在任意小黑窗中 : vue --version ---如果可以看到版本号，就表示安装成功了。vue-cli 创建项目1. 创建项目创建项目的命令,文件名可以根据自己的来命名# vue和create是命令, vuecli-demo是文件夹名vue create vuec
2022-05-03 22:57:29
335
原创 了解webpack静态模块打包器
什么是webpack：现代 javascript 应用程序的 静态模块打包器 (module bundler)静态: 文件资源 模块: node环境, 引入文件, 遵守模块化语法 除了合并代码, 还可以翻译和压缩代码 操作顺序：安装node 用npm init 初始化项目(如果已经有package.json，则跳过这一步) 在当前项目中安装并使用webpack下面可以看一个简单的案例来使用webpack示例项目：项目名├── index.html├── index
2022-05-02 22:46:45
382
原创 Promise的三种状态
1 . 初始态pendingpending。它的意思是 "待定的，将发生的"，相当于是一个初始状态。创建Promise对象时，且没有调用resolve或者是reject方法，相当于是初始状态。这个初始状态会随着你调用resolve，或者是reject函数而切换到另一种状态。这个初始状态可以理解为你对别人说出承诺的那个瞬间，此时，大家都不知道这个承诺是否能兑现。2 . 成功态resolved--也叫fulfilledresolved。表示解决了，就是说这个承诺实现了。 要实现从...
2022-05-01 23:47:10
20492
原创 使用nodemon出现的错误及解决方法
nodemon的作用就是在命令中,使用nodemon可以代替node,它的好处在于会自动监听server.js这个文件的变化，如果变化了，就会重新自动再去运行。在我们使用的过程中会出现这样的错误:解决方法:1:首先 window + r ，输入powershell也可以cmd2 : 然后再命令栏输入set-ExecutionPolicy RemoteSigned; 随后就会出现下面的错误,那么就在出现的选项中,输入A 回车3 : 我们在命令行输入命令 ---...
2022-05-01 17:26:55
1926
原创 什么是跨域 , 跨域问题如何解决?
跨域问题是我们前端开发中经常会遇到的问题,遇到这样的问题,我们如何解决呢?主要内容错误原因分析 用CORS来解决一、错误原因分析1.get接口2.点击按钮ajax发送请求 3.当我们在小黑窗启动接口,点击按钮ajax发送请求时,就会报错,下图就是跨域错误4.什么原因导致了浏览器报跨域错误呢?(1)先认识下什么是跨域错误?域错误就是:不同源的ajax请求====> 报跨域的错误,简单来说就是发起ajax请求的那个页面的地址 和 a...
2022-04-29 20:56:50
1244
原创 什么是请求报文和响应报文?
在了解请求报文和响应报文之前,咱们先了解下什么是HTTP协议?http协议: 网络传输协议 协议:规定网络数据传输格式 --- http协议组成: 请求报文+响应报文浏览器发请求 必须是 ： 请求报文服务器响应 必须是 ： 响应报文那什么是请求报文呢?由三部分组成 (1)请求行 ： 包含请求方法, URL(请求地址) (2)请求头： 浏览器告诉服务器,我发送给你的数据是什么格式(文本、json、图片、音视频等等) (3)请求体：浏览器发送...
2022-04-28 22:36:40
11209
原创 npm包从创建到发布详细步骤
准备工作: 在npm上注册账号第一步:在本地磁盘上创建一个空项目，文件夹取名根据自己的实际情况去名字,但是要注意先去npm网官去确定一下，这个项目名是否已经被占用了,如果这个名字已经被占用了，则你是无法向npm上上传的我们也可以在命令窗检查包名是否被占用,通过以下命令进行检查:npm view 包名# 这个命令用来查看 某个包的信息# 如果返回404，说明这个项目名在npm官网上找不到，此时你就可以使用。# 否则，说明不可用。然后需要通过npm init --yes命令来创建一...
2022-04-27 18:45:45
1723
原创 导出模块exports和module.exports的两个对象的关系
导出模块可以导出对象，数组，函数等等类型。为了方便组织代码，导出对象的情况比较多
2022-04-26 22:42:33
510
原创 Node.js中模块的分类
分为三大类:核心模块: 就是node.js自带的模块，在安装完nodejs之后，就可以任意使用相当于学习js时使用的Array对象.核心模块就是 Node 内置的模块，需要通过唯一的标识名称来进行获取。每一个核心模块基本上都是暴露了一个对象，里面包含一些方法供我们使用。一般在加载核心模块的时候，变量（或常量）的起名最好就和核心模块的标识名同名。捕获同步格式中的错误对象自定义模块: 程序员自己写的模块,相当于我们在学习js时的自定义函数。第三方模块:其他程序员写好...
2022-04-25 22:33:51
1286
1
原创 伪数组如何转为真数组
比如:有三个li标签<ul><li></li><li></li><li></li></ul>我通过document.querySelectorAll来获取所有的li标签,使其成为伪数组let list = document.querySelectorAll("li");此时我们就可以使用: Array.form(伪数组) 这种方法来转换为真数组Array.from(li...
2022-04-25 01:21:59
185
原创 函数的三种this指向
函数this三种指向:1. 普通函数: 格式: 函数名() this指向window2. 对象方法: 格式: 对象名.方法名( ) this指向对象3. 构造函数: 格式: new 函数名() this指向new创建的实例对象简单理解就是没有点没有new的this指向的就是window,有new指向就是实例对象,有点就是左边的对象!...
2022-04-25 00:59:14
99
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人