userlvlu的博客

原创 前端常见面试题

前端性能优化异步组件路由赖加载图片赖加载雪碧图按需要引入ui组件库vue的路由的钩子函数全局的路由钩子函数beforeachaftereacheforeResolve(全局解析守卫)路由所对应的钩子beforeRouter 进入前beforeRouteUpdata 更新前beforeRouteLeave 离开前...

原创 小程序API的三大类

小程序官方把小程序APi分为如下 三大类事件监听API特点 以on 开头 用来监听某些事件的触发同步API特点 以sync 结尾的API都是同步的API特点2 同步 API的执行的结构 可以通过函数返回值直接件获取 如果执行出错 会抛出异常异步API持续更新中.....年龄比较小前端的工作好找吗...

原创 vue组件通信

父传子传 子组件标签 属性名=值受props:{ 属性名:{type:类型 多个类型的时候 [object Array string]default 基本的数据类型 直接写复杂的数据类型 :()=>{return 复杂数据的类型}required:true, 必填}}props:{item:{ type:数据的类型 obj Arry 基本的数据的类型 number string null boolean undefin...

原创 路由传参的使用

路由的传参路由: 把一个地址 指向一个对应的组件router:路由的实例化对象 管理 整个路由router 提供当前路由的基本的信息基本的路由的传参this.$router.push('/path地址参数名=值$ 参数2=值2')基本的路由的传参传this.$router.psuh({path:'path地址'query:{参数名:值参数2 :值 2}})收 this.$router.query.参数名this.$route.query 参数2动态路由的

原创 计算属性 computed与 watch 的区别

计算属性场景 计算属性:一个变量的值 需要用另外变量计算拿得到计算属性的基本的使用计算属性的特点是函内使用的变量改变 会重新 计算结果返回computed计算属性有缓存计算属性优点带有缓存 计算属性对应函数执行后会把return的值缓存起来依赖项不变 会从缓存中取值依赖项变化 函数 会 自动 重新 执行并且缓存新的值...

原创 vuex中的 mapState 的基本的使用

通过映射的方式进行渲染数据第一步导入vuex第两步在computed 进行 映射computed:{...mapstate('模块名'['xxx'])}前提是模块里面已经存储了数据的信息可以直接的使用使用vuex方便可以直接从仓库中拉出来使用持续更新中......

原创 axios的基本使用

axios的特点支持客服端发送的axios请求支持服务器的node.js 发送请求支持promise相关的用法,请求拦截器和响应-拦截器自动的转换JSON数据axios是一个发送请求的请求库axios的基本使用下载包yarn add axios 导入axios使用axios发送请求axios({ methods 'get, post' //请求的方式 url:"请求的地址', data(){} params:

原创 vue项目中富文本的基本的使用方法

使用过程分为三步第一步先下载包使用npm或者yarn都是可以的安装npm install "vue-quill-editor" -S其中分为全局注册和局部注册全局注册的就是在任何一个组件里面都可以使用他 ,在main.js里面进行注册,其中用到富文本的地方也不是很多可以封装一个富文本的.vue文件进行使用局部注册只是在需要使用他的文件里面进行注册我使用的是单独封装一个.vue文件进行导入import导入富文本需要使用的相对应的文件import 'quill/dis

原创 Missing required prop: “value“解决办法

原创 vuex的基本使用

vuex的基本使用 Vuex是什么，官网的说法是，vuex是一个专为vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 1-下载安装 npm i vuex 或者 yarn add vuex 2- 导入 src/store/index.js import Vuex from 'Vuex' 3-注册 vue.use(Vuex) 4 s实例化

原创 了解常用的组件库和使用的方法

前端项目分类移动端（h5页， 小程序）PC端常见的vue技术栈组件库移动端（Vant, Cube-UI, NutUI ）PC端 （ element-ui, Ant Design of Vue, iView）小程序: uniapp组件库的使用根据项目的实际使用的情况进行技术选择用什么技术栈, 用什么组件库根据对应的组件库去对应的官网查文档例如element组件库是一个第三方开原的组件库使用方法是先创建一个项目vue create 要创建的文件的名字创..

原创 vue的基本概念

1.Vue 是一套用于构建用户界面的渐进式框架2什么是渐进式: 逐渐进步, 想用什么就用什么, 不必全都使用什么是库和框架库:封装的属性和方法(例如query)框架:有自己的规则和元素比库强大的多 (例如 vue.js)学习vue的两个方式1-传统的开发模式是基于html/css/js的模式开发的项目2--采用了工程化的开发模式: 在webpack中开发vue 是企业常用的方式node_modules是项目依赖第三方的包,scr是入口的的文件夹main.js是入口

原创 中间件的概念

1-什么是中间件所谓的中间件（Middleware），特指业务流程的中间处理环节2-现实生活中的例子在处理污水的时候一般要经过三个处理环节,从而保证处理过后的废水，达到排放标准处理污水的这三个中间处理环节，就可以叫做中间件express中间件的调用流程当一个请求到达express的服务器时可以连续调用多个中间件从可以对这次请求进行预先的处理express中间件的格式express的中间件本质就是一个function处理的函数 2注意中间件...

原创 初始express

01-什么是express官方给出的概念：Express 是基于 Node.js 平台，快速、开放、极简的 Web 开发框架，官方简单的来说express的作用和node.js提供的内置模块(http) 类似是用来创建web服务器的express就是一个node官网上面的第三方包其中他可以简单方便的创建一个web服务器 使用express可以方便快速创建web服务器02-express的基本使用01- 在项目所处的目录运行终端 命令，即可将 express...

原创 Ajax中get与post两种请求方式的区别

1-运行速度 get 请求方式简单 运行速度相对更快 ,2-GET请求只能进行url编码，而POST支持多种编码方式。3-缓存:get存在的缓存(优点速度快,但是不能及时的更新最新数据)post没有缓存4 GET的请求参数会完整的保存在浏览器的历史记录里面,post不会5 GET相对post来说不安全因为他的参数会显示在url上面,所以不能用来传递隐私信息和敏感信息6GET请求在URL中传送的参数是有长度限制的，而POST么有。7 传参方式: GET参数拼接在url后面 pos...

原创 开发一个属于自己的包

规范包的结构开发一个规范可以使用的包必须满足3个条件01-开发的包必须以单独的目录存在,02-包的顶级目下必须包含有package.json这个包管理 的配置的文件03 package.json中必须包含有name,version, main 三个属性 其中代表包的名字,版本号, 包的入口02-其中可以了解一下自己需要实现的功能格式化日期的步骤导入自己...

原创 什么是模块化

什么是模块化1 模块化是指解决一个复杂的问题的时候由下逐层把系统划分成若干模块的过程对于系统来说模块化是可以更换,分解和组合的的单元2 编程中的模块化,就是把遵守固定的规则,把一个大的文件拆成独立并互相依赖的多个小模块3 把代码进行模块化拆分的好处可以提高代码的复用性可以提高代码的可以提高性能可以实现按需加载模块化规范的好处在于大家遵守相同的规则写代码可以提高协调性,可以加快项目的开发的进度还可以方便每一个模块的相互的调用性,较大的降低了沟通的成本node.js中的模块.