- 博客(15)
- 收藏
- 关注
RSS订阅原创 VUE后台管理系统项目优化
VUE后台管理系统项目优化 1、生成打包报告 通过可视化的UI面板直接查看报告，在可视化的UI面板中，通过控制台和分析面板，可以方便地看到项目中所存在的问题。 2、 通过 vue.config.js 修改 webpack 的默认配置 默认情况下，Vue项目的开发模式与发布模式，共用同一个打包的入口文件（即 src/main.js）。为了将项目 的开发过程与发布过程分离，我们可以为两种模式，各自指定打包的入口文件，即： ① 开发模式的入口文件为 src/main-dev.js ② 发布模式的入口文件为 src
2020-09-22 20:49:42
1245
原创 vue 生命周期函数
标题 vue 生命周期函数 beforeCreate( 创建前 ) 在实例初始化之后，数据观测和事件配置之前被调用，此时组件的选项对象还未创建，el 和 data 并未初始化，因此无法访问 methods， data， computed 等上的方法和数据，但是$route对象是存在的，可以根据路由信息进行重定向之类的操作。 created ( 创建后） 实例已经创建完成之后被调用，在这一步，实例已完成了数据观测、属性和方法的运算，完成了 data 数据的初始化，这是一个常用的生命周期， 我们可以调met
2020-09-17 07:46:16
133
原创 JavaScript原型，原型链，继承
JavaScript原型，原型链，继承 原型 JavaScript 的所有对象中都包含了一个 [proto] 内部属性，这个属性所对应的就是自身的原型 JavaScript 的函数对象，除了原型 [proto] 之外，还有 prototype 属性，当函数对象作为构造函数创建实例时，该 prototype 属性值将被作为实例对象的原型 [proto] 原型链 当一个对象调用自身不存在的属性/方法时，就会去自己 [proto] 关联的前辈 prototype 对象上去找，如果没找到，就会去该 prototy
2020-09-02 22:36:26
207
原创 js this,call,apply,bind
js中 this,call,apply,bind 总结 全局作用域或者普通函数中 this 指向全局对象 window。 方法调用中谁调用 this 指向谁 在构造函数或者构造函数原型对象中 this 指向构造函数的实例 箭头函数中指向外层作用域的 this call()、apply()、bind() 都是用来重定义 this 这个对象的！ 调用他们可以为函数指定this的执行,同时也可以传参。 call 、bind 、 apply 这三个函数的第一个参数都是 this 的指向对象 call 的参数是
2020-09-01 20:59:14
168
原创 js数据类型判断
1 typeof 1. console.log(typeof 2); // number 2. console.log(typeof true); // boolean 3. console.log(typeof 'str'); // string 4. console.log(typeof []); // object []数组的数据类型在 typeof 中被解释为 object 5. console.
2020-08-31 20:44:52
108
原创 js 数据类型
js 数据类型 值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol（es6）、BigInt（es10） 引用数据类型：对象(Object)、数组(Array)、函数(Function)。 Symbol 是 ES6 引入了一种新的原始数据类型，表示独一无二的值。 BigInt 是一种内置对象，可以表示任意大的整数。 ...
2020-08-31 19:43:09
77
原创 BFC规范
BFC BFC的基本概念 W3C CSS 2.1 规范中的一个概念,它是一个独立容器，决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用。 BFC特性 内部的Box会在垂直方向，从顶部开始一个接一个地放置。 Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生叠加，与方向无关。 每个元素的margin-left， 与包含块(border-left)的左边相接触(对于从左往右的格式化，否则相反)。即使存在浮动也是如此。 BFC的区域不会与float的元素区域
2020-08-30 19:12:40
324
原创 vue刷新当前页面重新传递参数
vue刷新当前页面重新传递参数 在vue中碰到了需要刷新当前页面并传递重新params参数的需求。 我们可以进入空白页再在空白页跳转回到上一个页面实现需求 首先在空白页写上路由守卫beforeRouteEnter，在beforeRouteEnter中获取到上一个路由，直接跳转回去 //空白页面 export default { beforeRouteEnter(to, from, next) { next((xq) => { //要注意，必须使用this.$router.repla
2020-08-30 16:43:43
4788
原创 h5和css3新特性
h5和css3新特性 H5 新特性 语义化标签：header、footer、section、nav、aside、article 增强型表单：input 的多个 type 新增表单元素：datalist、keygen、output 新增表单属性：placehoder、required、min 和 max 音频视频：audio、video canvas绘图 地理定位 拖放 本地存储：localStorage - 没有时间限制的数据存储；sessionStorage - 针对一个 session 的数据存储，当
2020-08-30 16:14:22
216
原创 三栏布局与两栏布局
三种方法实现CSS三栏布局 1.方法一：自身浮动的方法 实现方法：需要左栏向左浮动，右栏向右浮动，中间设左右margin来撑开距离 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS实现三栏布局1</title> <style type="text/css"> body{ margin: 0; padding
2020-08-28 00:01:38
169
原创 css实现水平垂直居中对齐
css实现水平垂直居中对齐 仅居中元素固定宽高适用 absolute + 负margin absolute + margin auto absolute + calc 居中元素不定宽高 absolute + transform lineheight css-table flex grid 仅居中元素固定宽高适用 1、absolute + 负margin 绝对定位的百分比是相对于父元素的宽高，通过这个特性可以让子元素的居中显示，但绝对定位是基于子元素的左上角，期望的效果是子元素的中心居中显示 为了修正
2020-08-27 23:51:20
656
原创 vue使用UI组件时无法修改默认样式问题
vue使用UI组件时无法修改默认样式问题 该问题的主要原因是vue文件中style标签上的一个特殊的属性：scoped。 当一个style标签拥有scoped属性时，它的CSS样式就只能作用于当前的组件，也就是说，该样式只能适用于当前组件元素。通过该属性，可以使得组件之间的样式不互相污染。如果一个项目中的所有style标签全部加上了scoped，相当于实现了样式的模块化。 解决方法一：使用深度作用选择器穿透scoped >>> .wz-ect >>> .van-dropd
2020-08-26 19:00:36
294
原创 flex布局学习笔记
flex布局 Flex布局是什么？ Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局 .box{ display: flex; } Webkit内核的浏览器，必须加上-webkit前缀。 .box{ display: -webkit-flex; display: flex; } 基本概念 采用Flex布局的元素，称为Flex容器（flex container），简称”容器”。它的所有子元素自动成为容器成员，称为
2020-08-26 18:09:57
234
原创 css盒模型(标准盒模型 怪异盒模型)
css盒模型(标准盒模型 怪异盒模型) CSS 盒子模型(Box Model) 每个HTML元素都可以看作是一个盒子，父元素和子元素的关系就行大盒子里放了个小盒子，兄弟元素就像在大盒子平放了两个小盒子。盒模型包括：外边距（margin）、边框（border）、内边距（padding）、实际内容（content）四个属性。 由于目前大部分主流的浏览器支持的是W3C标准盒模型（标准盒模型），也有保留对怪异盒子样式的解析，当然IE沿用的是自己标准的盒模型（怪异盒子模型） 用两个简单的例子分别介绍下这两个盒子模型：
2020-08-26 15:56:45
318
原创 git 基础
GIT 常用命令详解 GIT 简介 git是目前世界上最先进的分布式版本控制系统，与集中式版本控制系统不同的是，每个人都工作在通过克隆建立的本地版本库中，也就是说每个人都拥有一个完整的版本库，查看提交日志、提交、创建里程碑和分支、合并分支、回退等所有操作都直接在本地完成而不需要网络连接。 GIT 三大区 工作区(working diretory) 用于修改文件 缓存区(stage) 是用来暂时存放工作区中修改的内容 提交历史（commit history） 提交代码的历史记录 GIT使用前配置 在使用 gi
2020-08-24 17:04:36
195
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人