9九-CSDN博客

原创 http常见的状态码和分类

常见的状态码有哪些？200：请求成功，浏览器会把响应体内容（通常是html）显示在浏览器中；404：(客户端问题)请求的资源没有找到。400: 语义有误，当前请求无法被服务器理解。401: 当前请求需要用户验证。403: 服务器已经理解请求，但是拒绝执行它。500：(服务端问题)请求资源找到了，但服务器内部发生了不可预期的错误。301/302/303：(网站换地址了)重定向304: Not Modified,代表上次的文档已经被缓存了,还可以继续使用。如果你不想使用本地缓存可以用Ctr

2021-03-11 10:55:23 89

原创 vue自定义组件和自定义一个拖拽

什么是自定义指令我们看到的v-开头的行内属性，都是指令，不同的指令可以完成或实现不同的功能，对普通 DOM元素进行底层操作，这时候就会用到自定义指令。除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。钩子函数一个指令定义对象可以提供如下几个钩子函数 (均为可选)：inserted：被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插入文档中)。bind：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。update：

2021-01-14 16:52:06 851

原创 vuex详解还有使用

1.什么是vuex?vuex是一个专为Vue.js应用程序开发的状态管理模式.。2.vuex由五部分组成state:数据actions:可以包含异步操作mutations:唯一可以修改state数据的场所getters:类似于vue组件中的计算属性，对state数据计算（会被缓存）modules:模块化管理store(仓库)，每个模块用域自己的state,mutation,action,getter。3.如何使用//调用vuex里面state的数据{{$store.state.tok

2021-01-14 16:28:28 132

原创 Vue生命周期的执行过程

简单的说：答案：总共分为8个阶段。beforeCreated：创建前在实例初始化之后，数据观测和事件配置之前被调用，此时组件的选项对象还未创建，el 和 data 并未初始化，因此无法访问 methods， data， computed 等上的方法和数据。created：创建后实例已经创建完成之后被调用，在这一步，实例已完成以下配置：数据观测、属性和方法的运算，watch/event 事件回调，完成了 data 数4据的初始化，el 没有。beforemount：挂载前在beforemoun

2021-01-11 21:01:04 113

原创什么是虚拟dom，和 diff 算法

什么是虚拟dom，和 diff 算法1、虚拟 DOM 的最终目标是将虚拟节点渲染到视图上。但是如果直接使用虚拟节点覆盖旧节点的话，会有很多不必要的 DOM 操作。例如，一个 ul 标签下很多个 li 标签，其中只有一个 li 有变化，这种情况下如果使用新的 ul 去替代旧的 ul,因为这些不必要的 DOM 操作而造成了性能上的浪费。为了避免不必要的DOM 操作，虚拟 DOM 在虚拟节点映射到视图的过程中，将虚拟节点与上一次渲染视图所使用的旧虚拟节点（oldVnode）做对比，找出真正需要更新的节点来进

2021-01-11 19:08:51 144

原创 vue项目准备工作

使用vue脚手架创建项目1.可以使用vue-cli创建项目 vue create 项目名称2.可以使用可视化工具创建项目在终端出入vue ui 进入可视化工具。安装项目所需要的插件并且进行相关配置安装axios合element-ui（如果是移动端项目可以安装vant）npm install axios --save//安装aixosnpm install element-ui --save//安装element-uinpm install vant -S //安装vant可以在min

2021-01-11 19:08:00 135

原创 vue双向数据绑定

先说面试答案：vue.js是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调来渲染视图。具体步骤可以分为:第一步：需要observer（欧巴扫完）的数据对象进行递归遍历,包括子属性对象的属性，都加上setter,getter这样的话这个对象的某个值赋值，就会触发setter,那么就能监听数据的变化。第二步：compile解析模板指令，将模板中的变量替换成数据，然

2021-01-11 19:07:13 70

原创 js的变量和类型转换

浅拷贝浅拷贝是会将对象的每个属性进行依次复制，但是当对象的属性值是引用类型时，实质复制的是其引用，当引用指向的值改变时也会跟着变化。可以使用 for in 、 Object.assign 、扩展运算符 … 、Array.prototype.slice()、Array.prototype.concat() 、递归等递归函数实现深拷贝深拷贝深拷贝复制变量值，对于非基本类型的变量，则递归至基本类型变量后，再复制。深拷贝后的对象与原来的对象是完全隔离的，互不影响，对一个对象的

2020-12-27 20:42:20 135

原创原型和原型链

js是一个基于原型的语言class可以使用constructor添加一个属性和方法class Student{ constructor(name,age){ this.name=name this.age=age } sayHi(){ console.log( `姓名${this.anme} 学号${this.age}` ) }}const xiaoming=new Student("小

2020-12-27 20:41:23 170 4

原创小程序实现上拉加载

无论是微信小程序还是其他前端框架，都会遇到上拉加载（上拉加载也是懒加载）和下拉刷新这种问题，清楚的知道什么时候请求数据，请求返回几种情况，那么做这个懒加载就很简单了。1.首先我们固定一个列表数据的view高度让他的列表数据超过容器就可以滚动了。2.那么列表的数据请求就会分成两种情况，一种是初始化页面加载第一页的数据；一种是滚到底部请求下一页的数据，所以我们在请求时要分两种情况，若是第一个ispage=false，下一页数据就ispage=true3.第一步的固定高度的view，它在往上滚动的时候，滚动

2020-12-25 19:53:07 2292 1

原创小程序操作dom

小程序操作DOM<scroll-view scroll-y='true' style="height:100vh;" bindscroll="bindscroll" scroll-into-view="{{toview}}"> <view class="rol"> <text class="title" id="normalServe">常用应用</text> <text class="title" id="normalServe1">

2020-12-25 19:52:17 952

原创路由跳转和本地存储

一.js实现1.nacigate（乃var给什）To(有返回键，不可以跳转到tabBar页面)。wx.nacigateTo({ url:"/路径"})2.switchTab（没有返回键，只能跳转到tabBar页面，不可以携带参数）。wx.switchTab({ url:"/路径"})3.reLaunch（维拉ch）(跳转任意页面，没有返回，有首页按钮)。wx.reLaunch({ url:"/地址"})4.redirect（瑞德ruai给他）To ( 只可以

2020-12-25 19:50:50 430

原创使用promise封装wx.request的流程

1:在根目录下创建http目录及api.js文件fetch.js以及http.js文件；在根目录下创建env目录,创建index.js配置并导出多个开发环境module.exports={ devBaseUrl:"http://123.207.32.32:8000/api/h8", testBaseUrl:"https://www.test.com", proBaseUrl:"httos://www.prodection.com"}在api.js中统一管理，请求的url地址m

2020-12-19 08:00:53 229 2

原创 Promise函数

Promise 是什么？Promise是一个异步编程解决方案Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作，因为同步的话就没有必要写了，他是让头一个异步编程更像同步的写法）的结果。从语法上说，promise 是一个对象，从它可以获取异步操作的的最终状态（会回调两个参数一个是成功的回调，一个是失败的回调）。Promise是一个构造函数，对外提供统一的API，自身上有all,reject，resolve方法，它的原型是有then，和catch的方法。all说明

2020-12-18 07:46:22 744

zuiruolong的博客