![](https://img-blog.csdnimg.cn/20200811092913136.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
HTML5,JS,JQuery,Vue
觉悟不晚的程序员
这个作者很懒,什么都没留下…
展开
-
VUE3.0从零开始-源码分享(续)
里面有VUE3.0从零开始系列文章的源码和VSCode工具。链接:https://pan.baidu.com/s/1SuAWy8ILXfelwUTRC7SLMw提取码:6868欢迎大家点赞,评论!原创 2021-04-26 16:15:15 · 431 阅读 · 0 评论 -
VUE3.0从零开始-打包发布到IIS(终)
1.在终端上 输入npm run build2.生成dist文件夹,里面的内容就是打包压缩好的文件3.新建web.config 文件到dist下面,把下面的内容复制进去。<?xml version="1.0" encoding="UTF-8"?><configuration> <system.webServer> <staticContent> <remove fileExtension=".woff"...原创 2021-04-26 16:02:57 · 3042 阅读 · 0 评论 -
VUE3.0从零开始-右侧主要内容(7)
1.Element UI 找到表格控件,分页控件,复制代码到自己页面上。2.按照需求需要内容。3.新建可以访问数据的api4.编写脚本代码。5.最终效果。原创 2021-04-26 14:25:44 · 206 阅读 · 0 评论 -
缓存篇之浏览器缓存
1.缓存 Cache系统性能优化第一步就使用缓存。在应用程序中缓存数据有以下好处:·减少交互的通讯量——缓存数据能有效减少在进程和机器间的传输量;·降低系统中的处理量——减少处理次数;·降低需要做的磁盘访问次数——比如缓存在内存中的数据。二八原则:80%的请求都集中在20%的数据上,缓存就是把这个20%存起来,直接复用。2.缓存全景图3.浏览器缓存客服端向服务器重新发起HTTP...原创 2020-05-03 14:14:34 · 208 阅读 · 0 评论 -
VUE3.0从零开始-主页面左侧菜单(6)
1.新建vue页面。2.配置路由。3.找布局组件。先找全局的布局,再找上面分2块的布局。然后自己加点样式。4.左侧菜单先找布局组件,再配置好路由,再编写脚本。5.最终展示效果。...原创 2021-04-25 14:57:29 · 1802 阅读 · 1 评论 -
VUE3.0从零开始-登陆页面(6)
1.新建login.vue页面和login.js 页面2.配置路由3.去element-plus网站把想要的按钮控件复制下来,放到login.vue里面https://element-plus.gitee.io/#/zh-CN/component/message4.编写css脚本。5.setup 方法6.最终效果图。...原创 2021-04-23 14:20:13 · 12123 阅读 · 3 评论 -
VUE3.0从零开始-Element-plus和Axios初始化(5)
1.Element-plus使用cli安装 vue add element-plus,安装完成之后多了几个文件。可以看看官网:https://element-plus.gitee.io/#/zh-CN/component/installation2.安装Axios使用cli安装 axios http请求框架 npm install axios3.axios基础使用方法:axios.create({config}) //创建axios实例 axios.get(url,{.原创 2021-04-21 15:57:05 · 1170 阅读 · 0 评论 -
VUE3.0从零开始-响应式api(4)
1.reactive与ref被响应式api标记过的数据才可以成为响应式数据2.ref--用来标记简单类型数据如果用ref对象/数组, 会自动将对象/数组转换为reactive的代理对象ref的数据操作: 在js中要.value, 在模板中不需要(内部解析会自动添加.value)3.reactive—标记复杂类型数据(深度响应式)...原创 2021-04-21 10:49:05 · 475 阅读 · 0 评论 -
VUE3.0从零开始-生命周期(3)
1.与vue2版本不同点与 2.x 版本生命周期相对应的组合式 APIbeforeCreate -> 使用 setup() created -> 使用 setup() beforeMount -> onBeforeMount mounted -> onMounted beforeUpdate -> onBeforeUpdate updated -> onUpdated beforeDestroy -> onBeforeUnmount原创 2021-04-20 18:23:11 · 502 阅读 · 0 评论 -
VUE3.0从零开始-创建项目(2)
1.创建项目vue create vue3-app2.运行项目npm run serve3.访问项目原创 2021-04-20 17:31:38 · 528 阅读 · 0 评论 -
vue2.0 vue实例的生命周期
每个Vue 实例在被创建之前都要经过一系列的初始化过程。例如,实例需要配置数据观测(data observer)、编译模版、挂载实例到 DOM ,然后在数据变化时更新 DOM 。下图展示的就是一个vue实例对象的生命周期。 从图上我们可以看到vue在生命周期中有这些状态,beforeCreate,created,beforeMount,mounted,beforeUpdate,updated,beforeDestroy,destroyed。Vue在实例化的过程中,...转载 2021-04-20 16:47:51 · 159 阅读 · 0 评论 -
VUE3.0从零开始-项目搭建(1)
1.Nodejs安装安装地址:https://nodejs.org/zh-cn/预装环境 :node v8+ 为什么需要运行环境 VUE项目==文件类型是.vue他是需要被编译成.js文件,才可以被浏览器识别 安装复杂度 一键安装 会不会增加学习成本 我们只是运用node环境,不需要单独学习查看node版本: node –vVu3需要node 版本8以上2.设置镜像源查看npm版本: npm -vnpm 镜像: 淘宝npm镜像 ...原创 2021-04-20 16:15:52 · 709 阅读 · 0 评论 -
async和await
一、解释ES6 = ES2015ES7= ES2016async和await是ES7出现关键字,目的是彻底解决回调地狱,比Promise彻底。即就是:把异步的回调变成了同步的写法。据说,async和await是回调地狱的终极解决方案。async:异步await:等待二、 async定义函数的格式语法: async function 函数名() { try{let res = await 异步操作 (使用Promise) ;//res: 就是Promise里面转载 2020-08-11 10:45:47 · 227 阅读 · 0 评论