- 博客(14)
- 收藏
- 关注
RSS订阅原创 React中进行PDF预览（PDF预览文字消失问题）
一，PC1.在 pc 端浏览器中，最好用的方法是使用浏览器自带的 <a /> 标签进行预览：直接通过 a 标签进行预览// a标签属性会连接到队形的 url 地址，所以如果url是一个以.PDF结尾的链接，浏览器会直接在浏览器打开// type属性规定被链接文档的的 MIME 类型相对性的类型文件会在浏览器打开<a href="https://pdfobject.com/pdf/sample-3pp.pdf" type='application/pdf'>PDF<
2021-04-10 12:20:45
3210
1
原创 JS不可扩展对象（使用immer.js导致的封闭对象）
1. 不可扩展对象 Object.preventExtensions() 仅阻止添加自身的属性。但属性仍然可以添加到对象原型。const obj = {a:1,b:2,c:3}Object.preventExtensions(obj) // 不可扩展对象obj.d=1 // obj = {a:1,b:2,c:3} // 不可添加属性obj.a=2 // obj = {a:2,b:2,c:3} // 可修改delete obj.a // obj = {b:2,c:3} // 可删除
2021-04-10 12:03:17
384
原创 VueX属性的使用
VueX的概念 vuex是vue的状态管理工具,状态即数据。状态管理就是集中管理vue中的通用数据 注意：不是所有的场景都适用于vuex，只有在必要的时候才使用vuex使用了vuex之后，会附加更多的框架中的概念进来，增加了项目的复杂度vuex中如何提供数据，组件如何访问数据store与state...
2020-08-28 11:00:54
379
原创 vue数据绑定的解析
一、vue2.0双向数据绑定简单解析1.Object.defineProperty定义定义：定义属性。 可以用来对数据的劫持操作。何为数据劫持呢？ 就是在我们访问或者修改某个对象的某个属性的时候，通过一段代码进行拦截行为， 然后进行额外的操作，然后返回结果。2.简单实现双向数据绑定<body> <div id="app"> <input type="text" /> </div> <script&
2020-07-29 22:16:47
185
原创 Vue组件通信(data,props,单向数据流)
组件的数据是独立的, 有些功能需要组件通信才能做常见的组件通信:父传子子传父非父子**注意： 组件的数据来源: 1. data 自己提供的数据, 可以随便改 2. props 父组件传递过来的数据, 不要改 不要改父组件传递过来的值, 是在遵循一个开发规范 => 单向数据流 单向数据流: 父组件的数据如果修改了, 会自动向下流动, 影响到子组件,触发子组件的更新一，父传子// 1. 给子组件, 以添加属性的方式, 传值 （ 以添加html属性的方式, 传值）
2020-07-29 22:11:37
356
原创 Vue插槽slot
slot插槽 内容分发, 可以将组件使用时，内部写的内容, 分发到 slot 标签匿名插槽(默认插槽)：没有配置过名字的插槽, 没有具体分配的内容, 都会给到匿名插槽具名插槽：给插槽起个名字，可以实现定向分发，不是给他的他不要1. 给插槽起个名字，< slot name="main" ></slot>2. 再分发内容时，使用 template 标签，包裹需要分发的内容3. 在 template 标签上 ，通过 v-slot ： 插槽名 指定分发给谁 <di
2020-07-29 19:23:26
316
原创 Vue数据绑定的解析
一 、VUE2.0双向数据绑定1.Object.defineProperty定义定义：定义属性。可以用来对数据的劫持操作。何为数据劫持呢？就是在我们访问或者修改某个对象的某个属性的时候，通过一段代码进行拦截行为，然后进行额外的操作，然后返回结果。2.简单实现双向数据绑定<body> <div id="app"> <input type="text" /> </div> <script> c
2020-07-26 23:18:07
194
原创 Ajax HTTP协议
概念:HTTP（HyperText Transfer Protocol，超文本传输协议）最早就是计算机与计算机之间沟通的一种标准协议随着时代的发展，技术的变迁，这种协议现在广泛的应用在各种领域，也不仅仅局限于计算机与计算机之间手机、电视等各种智能设备很多时候都在使用这种协议通讯，所以一般现在称 HTTP 为端与端之间的通讯协议这种协议规范了通讯内容的格式以及各项内容的含义。HTTP协议分为请求 和响应 两个部分组成:请求请求行 协议及版本 请求的地址 [请求的参数] 请求的方式请求头
2020-07-26 22:48:26
181
原创 Ajax使用原生Ajax发送POST请求
进行注册前的用户名验证<form> 用户名: <input type="text" name="userName" id="userName"><span></span><br /> 密 码: <input type="text" name="userPwd"><br /> <input type="submit"> </form>当失去焦点的时候使用异步对象向服务器
2020-07-26 15:09:15
1780
原创 Ajax原生API详解
xhr.open() : 发起请求，可以是get、post方式 第二个参数是请求的后端目标地址 设置请求行xhr.setRequestHeader() : 设置请求头xhr.send() : 发送请求主体get方式使用xhr.send(null) 设置请求体xhr.onreadystatechange = function () {} 监听响应状态readstate : 属性有五个状态：xhr.readyState = 0时，（未初始化）还没有调用send()方法xhr.readySt
2020-07-26 15:05:55
1014
原创 Ajax中的GET请求和POST请求
GET请求1.什么是GET请求？GET从字面上理解为’获取’，通常用于获取服务端的数据，也可以将客户端的数据发送给服务器。2.常见的发起GET请求的方式地址栏访问 URL的访问都是GET请求src/href表单网页中有许多效果使用的就是GET请求：各种搜索框各种详情页面大部分超链接3.GET方式提交数据的格式格式:index.php?userName=jack&userPwd=123参数名与参数值之间没有空格,多个参数之间要使用&来连接参数值不需要使用单
2020-07-26 14:55:01
650
原创 事件循环队列与宏任务和微任务
说到事件循环队列, 就要知道为什么会有事件循环队列这个概念 :首先我们要知道, 我们的JavaScript是单线程的,( 所谓的单线程就是说, 事情要一件一件的做, 转换在代码上就是说代码是 一行一行的执行的 ),.大家都知道同步把,同步代码就是从上到下执行,前面的代码不执行完, 会阻塞后面代码的执行 .但是说到同步就要说到异步 , 异步代码就不是一行一行从上到下依次执行的 , 它可以同时做几件事, 而且异步代码在同步代码后面输出结果 :console.log(1) setTimeout(()
2020-07-25 22:03:13
235
原创 Ajax readystate属性的状态变化
Ajax readystate属性的状态变化 - readyState 属性有五个状态: - xhr.readyState == 0 时,(未初始化)还没有调用send()方法 - xhr.readyState == 1 时,(载入)以调用send()方法,正在发送请求 - xhr.readyState == 2 时,(载入完成) send()方法执行完成,已经接收到全部响应内容 - xhr.readyState == 3 时,(交互) 正在解析相应内容 不一定解析完毕,数据不一定
2020-07-25 20:45:17
593
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人