自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 【gitlab连接步骤】记录

GitLab连接步骤,(根据记忆中的步骤安装完,发现SSH每次拉提都需要输入密码,搜了一堆博客,才发现缺少一步,写个帖子记录一下)

2023-11-17 15:55:05 163

原创 element table 组件封装

参数项注释参数可选值默认值表头数据tableHead接口key值[ ]表格数据tableData接口数据[ ]高度tableHeightNumber / String100%斑马线tableStripeBooleanfalse多选isShowSelectionBooleanfalse操作isShowOperateBooleanfalse操作宽度operateWidthNumber100.

2022-04-28 17:58:08 578 2

原创 element-ui 分页索引问题

如果你遇到的问题是这样:1.解决方案如下代码:<el-table :data="roles"> <el-table-column label="序号" width="120" type="index" :index="indexChange" /></el-table>:index="indexChange" 自动定义事件data里面存储的数据:export default { name: 'Settings', data() { r

2022-01-13 11:35:00 351

原创 flexIble.js

(function flexible(window, document) { var docEl = document.documentElement; var dpr = window.devicePixelRatio || 1; // adjust body font size function setBodyFontSize() { if (document.body) { document.body.style.fontSiz

2021-05-24 15:02:01 7173

原创 Vue SEO解决方案

目录SEO是什么SEO目的Vue中seo的解决方案SEO是什么seo是一种网站优化技术,也被叫做搜索引擎优化,可以利用搜索规则提高网站上有关搜索的自然排名,主要表现为微博热搜控榜等。通过seo技术,可以实现一系列的商业行为,对产品品牌进行宣传收益。简单来说:它是 搜索引擎优化SEO目的达成广告点击销售产品/服务提升品牌建设Vue中seo的解决方案方案一:prerender-spa-plugin这里用的是 vue-cli 4.5 + Vue2使用 vue ui 进入图

2021-05-06 16:30:07 3750 2

转载 Vue源码分析 - observer.js

观察者模式一般包含发布者(Publisher)和订阅者(Subscriber)两种角色;顾名思义发布者负责发布消息,订阅者通过订阅消息响应动作了。回到Vue中,在Vue源码core/oberver目录下分析代码可以知道有三个类分别是Oberver,Watcher和Depfunction Observer(data) { //在Observer实例上,暂存data this.data = data; this.walk(data);}Observer.prototype .

2021-05-06 07:44:23 143

转载 Vue源码分析 - watcher.js

function Watcher(vm, exp, cb) { //在watcher的实例上保存回调函数 this.cb = cb; //用于更新界面的回调函数 this.vm = vm; //MVVM的实例vm this.exp = exp; //对应的表达式 this.depIds = {}; //n个相关的dep的容器 this.value = this.get(); //初始化获取当前表达式对应的value}Watcher.prototype =

2021-05-06 07:44:09 132

转载 Vue源码分析 - compile.js

function Compile(el, vm) { this.$vm = vm; //this是Compile的实例 //$vm 是MVVM的实例 (vm) // el == "#app" 判断现在用户传递的el属性,是元素节点还是选择器,如果是元素节点就直接保存到$el中。 //如果不是 ,就根据选择器,查找对应的元素,保存 this.$el = this.isElementNode(el) ? el : document.querySelecto

2021-05-06 07:29:50 91

原创 Vue源码分析 - mvvm.js

什么是MVVMMVVM是Model-View-ViewModel的简写。即模型-视图-视图模型。模型指的是后端传递的数据。视图指的是所看到的页面。视图模型是mvvm模式的核心,它是连接view和model的桥梁。它能够将数据转化为视- 图,也能将视图转化为模型,其中视图与模型是不能直接进行通信。ViewModel通过DOM事件监听视图数据的变化,一旦数据发生改变则更新model数据; Model通过数据绑定机制,将数据渲染到视图的Dom上,从而实现了数据的双向绑定function MVVM(

2021-05-06 07:29:22 138

原创 小米商城项目解析(完)

一、 项目架构封装各个模块的api

2021-05-05 19:25:49 6686 1

原创 vue项目正确打包

VUE- 在项目中输入命令进行打包npm run build创建一个vue.config.js文件(放在最外层)在里面配置module.exports = { lintOnSave: false, publicPath:"./"}可以在dist的 index.html 中通过 如下 强制隐藏控制台的打印信息console.log = function(){}打开dist文件中的index.html文件就好嘞...

2021-03-31 20:38:48 2157 5

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除