vue
文章平均质量分 51
lcj529
这个作者很懒,什么都没留下…
展开
-
web项目性能优化
web项目性能优化(关于浏览器端优化)1、压缩源码和图片(压缩源码)JavaScript文件源代码可以采用混淆压缩的方式,CSS文件源代码进行普通压缩,(压缩图片)JPG图片可以根据具体质量来压缩为50%到70%,PNG可以使用一些开源压缩软件来压缩,2、合并静态资源包括CSS、JavaScript和小图片,减少HTTP请求3、选择合适的图片格式如果图片颜色数较多就使用JPG格式,如果图片颜色数较少就使用PNG格式,如果能够通过服务器端判断浏览器支持WebP,那么就使用WebP格式和原创 2021-02-22 14:16:57 · 435 阅读 · 0 评论 -
webpack核心概念
webpack核心概念Webpack在启动后会从Entry里配置的Module开始,递归解析Entry依赖的所有Module。每找到一个Module,就会根据配置的Loader去找出对应的转化规则,对Module进行转换后,再解析出当前Module依赖的Module。这些模块会以Entry为单位进行分组,一个Entry及其所有依赖的Module被分割到一个组也就是一个Chunk。最后,Webpack会将所有Chunk转化成文件输出。在整个流程中,Webpack会在恰当的时机执行Plugin里定义的逻辑。原创 2021-02-06 17:36:27 · 192 阅读 · 0 评论 -
Echarts插件下载引入
Echarts插件下载引入ECharts是一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表进入Echarts官网官网: Echarts在下载中选择在线定制:2勾选自己所需要的组件:3之后点击下载:(会自动Build)4将生成的echarts.min.js引入工程静态原创 2020-11-19 11:07:18 · 496 阅读 · 1 评论 -
el-select想在change事件上传递option对象
<el-select v-model="selectedItem" placeholder="请选择" class="marLeft20" @change="changeClass($event)"> <el-option v-for="(item) in areaList" :key="item.id" :label="item.name" :value="item"> </el-option> </el-select>原创 2020-11-09 23:23:25 · 3630 阅读 · 0 评论 -
后台管理项目总结
后台管理项目总结电商后台管理系统用于管理用户账号,商品分类,商品信息,订单,数据统计 等业务功能项目概述电商后台管理系统整体采用前后端分离分开发模式,其中前端项目是基于Vue技术栈前端技术栈vuevue-viewElement-UlaxiosEchartstable富文本编辑器后端技术栈Node.js项目功能登录/退出功能主页布局用户管理模块权限管理模块参数管理模块商品列表模块订单管理模块数据统计模块这是主要的模块 和用到的技术栈 这个项目做了做了一个星期原创 2020-09-17 21:52:27 · 977 阅读 · 0 评论 -
vue3.0 的特性
vue3.0 的特性vue3.0的目标是让Vue核心变得更小,更快,更强大新增特性:(1)监测机制的改变只能监测属性,不能监测对象检测属性的添加和删除检测数组索引和长度的变更支持Map,Set,WeakMap和WeakSet(2)模板模板方面没有大的变更, 只改了作用域插槽,2.X的机制导致作用域插槽变了,父组件 会重新渲染,而3.0把作用域插槽改成函数的方式,这样只会影响子组件的重新渲染,提升了渲染的性能(3)对象式组件声明方式vue2.0X中的组件是通过声明的方式传入一系列opti原创 2020-09-16 20:33:24 · 249 阅读 · 0 评论 -
vue生命周期
vue中生命周期的理解?beforeCreate 创建前 组件实例被创建之初,组件的属性生效之前created 创建之后 组件实例已经完全创建,但dom还没有生成,beforeMount 挂载前 再挂载开始之前调用。mounted 挂载后 挂载到实例之后调用beforeUpdate 更新前 组件数据更新之前调用,发生在虚拟dom 之前update 更新后 组件数据更新之后beforeDestory 销毁前 组件销毁之前调用desto原创 2020-09-01 19:45:15 · 83 阅读 · 0 评论 -
promise
promise 是什么?语法 new promise ()含义:他是一种异步编程的解决方案,promise是一个内置的构造函数,自己身上有all,rejected,resolve这几个方法,原型上有then,catch等方法all() 处理多个异步处理时非常有用then()是成功之后执行的一个方法,有2个参数 第一个参数是成功之后执行的 第二个参数是失败之后回调为什么会有promise?在ES5中处理异步,基本都是选择回调函数的请求方式,在请求到的回调函数里面继续写函数,长期就形成了回调地狱原创 2020-08-28 19:27:49 · 92 阅读 · 0 评论 -
v-model实现原理
v-model的实现原理v-model 本质上不过是语法糖,可以用 v-model 指令在表单 、 及 元素上创建双向数据绑定实现原理:Object.defineProperty()组件之间通信(兄弟组件)Bus通信在组件之外定义一个bus.js作为组件间通信,适用于比较小型不需要vuex又需要兄弟组件通信的(1.)bus.js中添加如下import Vue from ‘vue’export default new Vue(2.)组件中调用bus.js通过自定义事件传递数据 3).兄原创 2020-08-26 22:11:16 · 420 阅读 · 0 评论 -
vue样式穿梭
vue样式穿梭当你修改你用的插件里面的样式时,修改不了 可以使用vue样式穿梭混用本地和全局样式如果你希望 scoped 样式中的一个选择器能够作用得“更深”,例如影响子组件,你可以使用 >>> 操作符:有些像 Sass 之类的预处理器无法正确解析 >>>。这种情况下你可以使用 /deep/ 或 ::v-deep 操作符取而代之——两者都是 >>> 的别名,同样可以正常工作。/deep/在使用scss less 的时候使用/deep原创 2020-08-24 20:07:20 · 151 阅读 · 0 评论 -
什么是vuex
什么是vuexvuex是专门针对vue.js程序开发的状态管理工具。vuex辅助函数通过辅助函数mapState、mapActions、mapMutations,把vuex.store中的属性映射到vue实例身上,这样在vue实例中就能访问vuex.store中的属性了,对于操作vuex.store就很方便了。vuex的五个核心概念state:Vuex的基本数据,用来存储变量getter:相当于state的计算属性mutation:提交数据更新的方法,必需是同步的(如果是异步操作,则需要act原创 2020-08-21 20:59:49 · 93 阅读 · 0 评论 -
Vue.js 过滤器的使用filter
Vue.js 过滤器的使用filtervue中锅里器分为两种:全局过滤器(vue.filter)局部过滤器(filter)使用全局过虑器示例 {{ msg | msgFormat}} <script> // 定义一个 Vue 全局的过滤器,名字叫做 msgFormat Vue.filter('msgFormat', function(msg) { // 字符串的 replac原创 2020-08-20 18:33:22 · 108 阅读 · 0 评论 -
vue脚手架搭建
vue脚手架搭建1.安装最新版本脚手架npm install -g @vue-cli2.创建项目vue create 文件夹名称3.选择自动安装还是手动安装default 自动安装manually 手动安装(建议用)第二种 vue ul 图形界面4.项目开发前环境准备适配环境 rem vw vh flexpx转换为rem格式的svg图标:放大不失真,可以通过css来调整样式1.直接复制svg代码,缺点:代码量比较大 2.直接当作img图片来处理3.svg sp原创 2020-08-18 19:25:04 · 128 阅读 · 0 评论 -
基于webpack搭建vue的开发环境
基于webpack搭建vue的开发环境一、1.安装node.js(查看是不是淘宝镜像,不是改成淘宝镜像)查看npm config list改成淘宝镜像npm config set registry https://registry.npm.taobao.org2.如何创建目录并初始化package.jsonnpm init -y3.安装webpack和webpack-clinpm install webpack webpack-cli --save-dev4.运行webpack测原创 2020-08-17 20:16:59 · 92 阅读 · 0 评论