- 博客(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 指向构造函数的实例箭头函数中指向外层作用域的 thiscall()、apply()、bind() 都是用来重定义 this 这个对象的！调用他们可以为函数指定this的执行,同时也可以传参。call 、bind 、 apply 这三个函数的第一个参数都是 this 的指向对象call 的参数是
2020-09-01 20:59:14
168
原创 js数据类型判断
1 typeof1. console.log(typeof 2); // number2. console.log(typeof true); // boolean3. console.log(typeof 'str'); // string4. console.log(typeof []); // object []数组的数据类型在 typeof 中被解释为 object5. 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规范
BFCBFC的基本概念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
4790
原创 h5和css3新特性
h5和css3新特性H5 新特性语义化标签：header、footer、section、nav、aside、article增强型表单：input 的多个 type新增表单元素：datalist、keygen、output新增表单属性：placehoder、required、min 和 max音频视频：audio、videocanvas绘图地理定位拖放本地存储：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 + 负marginabsolute + margin autoabsolute + calc居中元素不定宽高absolute + transformlineheightcss-tableflexgrid仅居中元素固定宽高适用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关注的人