自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 There are multiple modules with names that only differ in casing.

问题 在 npm run dev 后,控制台出现警告,没有出现链接,但是在浏览器上直接输入地址http://localhost:8080/#/ 又可显示界面 There are multiple modules with names that only differ in casing. Thi...

2020-03-24 21:10:23

阅读数 10

评论数 0

原创 vue项目中自定义toast弹框

直接引用别人封装的 vue toast组件,地址http://www.jq22.com/jquery-info10876 直接进去看演示效果以及下载代码 (声明:如有不妥请联系可删) 接下来我就操作怎样下载下来的文件让他在vue项目中运行起来 1、将toast文件放在 src 目录下 2、...

2020-03-20 22:01:43

阅读数 5

评论数 0

原创 报错 Uncaught (in promise) TypeError: Cannot read property 'id' of undefined

//出错的代码块 formatTableData(data){ for (var i = 0; i <=data.length; i++) { var obj = new Object(); obj.id = data[i].id; ...

2020-03-19 18:02:04

阅读数 4

评论数 0

原创 github新建仓库 + 初始化vue项目

在GitHub上新建一个仓库,并且将它拉取到本地,本地文件中放vue项目。以后项目每次修改直接从Vscode上推更新到GitHub。 1、GitHub上新建仓库 2、克隆到本地 git bash here cd test (进入test) vue init webpack (初始化vue项...

2019-11-13 19:24:55

阅读数 7

评论数 0

原创 vscode统计项目代码总行数

edit -> find in files 输入正则表达式 b*[:b#/]+.*$ ,图中10331就是代码行数

2019-10-17 10:55:21

阅读数 50

评论数 0

原创 vue中当内容超出一定长度以……代替

2019-10-12 19:53:21

阅读数 7

评论数 0

转载 button被点击后的蓝框 css button 的四种状态

1.普通状态2,鼠标hover状态 3.active 点击状态 4.focus 取得焦点状态 focus 经常用来取消a链接点击后产生的虚线边框 a:focus{ outline: none; } <style type="text/css"...

2019-09-18 09:50:47

阅读数 810

评论数 0

原创 slot 插槽子组件向父组件传值

slot 插槽要实现子组件向父组件传值,则需要运用 作用域插槽 1、父组件中用 标签加上 slot-scoped 的属性,属性值随性。(旧版本是scope,vue新版本必须用slot-scope) 2、子组件中给 加上一个自定义属性,在父组件中的slot-scope就能接收这个自定义属性的值 /...

2019-09-03 16:02:09

阅读数 224

评论数 0

转载 不能在slot上绑定和触发事件

在 slot 上进行事件的监听和分发,这是不可能的。 组件的 slot 由调用它的父组件提供,这意味着所有事件都应该与父组件相关联。尝试去倾听这些变化意味着你的父子组件是紧密耦合的,可以使用 $parent 来操作。 <script src="https://unpkg.com/v...

2019-09-03 15:51:53

阅读数 213

评论数 0

原创 table tr th td 去除默认的边距,间距

给table的表头设置背景色后,发现每列之间有间隙 解决办法:给table标签加上**border=“0” cellspacing=“0” cellpadding=“0”**即可 <table border="0" cellspacing="0" c...

2019-09-03 10:52:21

阅读数 568

评论数 0

原创 npm run dev 报错:missing script:dev

在 npm run dev 或 npm start 报错 打开package.js,发现没有script 里面的内容,本应该有如图内容 解决方法: 1、 vue init webpack, package.js文件中会添加内容 2、npm run dev 即可 ...

2019-09-02 08:52:13

阅读数 145

评论数 0

转载 解决vue中v-model绑定的变量赋值给了另一个变量后,两个变量同时改变

先来看一下问题背景 我们要做一个 搜索+分页 的功能,使用vue 我们将分页控件绑定了点击事件,点击后提交v-model绑定的formData表单,但是我们忽略了一个问题,就是当输入的信息改变的情况下,不点击搜索,直接点击分页控件,提交的将会是新现在搜索框中的搜索条件。这样就不和逻辑了。 于是我们...

2019-09-01 16:06:47

阅读数 3850

评论数 0

原创 vue中央事件总线bus

全局 1、新建 eventBus.js 文件 import Vue from 'vue' export default new Vue() 2、引用 (哪里要用就import eventBus.js 文件) $on : 监听 $emit :触发 $off : 释放 (...

2019-09-01 15:33:22

阅读数 34

评论数 0

转载 vue移动端项目屏幕适配--flexible rem

开始 首先,我们使用 vue 的脚手架 vue-cli 来初始化一个 webpack 项目 没有安装过 vue-cli 的请先安装 vue-cli 安装所需依赖后安装 lib-flexible 和 px2rem-loader 1.下载lib-flexible npm i lib-flexible ...

2019-08-27 19:17:28

阅读数 54

评论数 0

原创 1、Vitual Dom、 render函数

样例展开的思维导图

2019-08-19 21:06:14

阅读数 16

评论数 0

原创 8、$nextTick、x-template、手动挂载实例

2019-08-14 14:36:52

阅读数 27

评论数 0

原创 7、组件高级用法

在这里插入图片描述

2019-08-13 16:21:25

阅读数 18

评论数 0

原创 6、slot

在这里插入图片描述

2019-08-12 20:49:59

阅读数 17

评论数 0

原创 5、组件通信

2019-08-12 19:56:12

阅读数 13

评论数 0

原创 4、表单与v-model

2019-08-12 08:59:12

阅读数 65

评论数 0

原创 3、vue详解

2019-08-10 20:39:21

阅读数 57

评论数 0

原创 2、vue详解

2019-08-10 17:40:57

阅读数 16

评论数 0

原创 3、DOM

2019-08-09 11:56:45

阅读数 13

评论数 0

原创 2、JavaScript语法

2019-08-09 09:53:45

阅读数 11

评论数 0

原创 6、建立基本模型——类图

类图:描述了系统中各类对象以及他们之间的关系 1、对象与类的表示法 1)类: 分为三栏,从上到下分别写类名,属性列表,操作列表 2)对象:一个类的对象所拥有的操作是相同的,所有对象只描述对象名、属性和属性值 2、类之间的关系: 继承、关联 和 依赖 1)继承 : 如果类A的全部对象都是类B的对...

2019-08-01 20:33:48

阅读数 68

评论数 0

原创 5、建立需求模型——用况图

1、参与者:在系统之外与系统交互的事物 2、用况:描述系统的一项功能的一组动作序列,这样的动作序列表示参与者与系统之间的交互,系统执行该动作序列要为参与者产生结果。 3、用况与参与者之间的关系——关联 把参与者和用况间的交互关系称为关联 (实线) 4、用况之间的关系 1)包含:在一个或几个用...

2019-08-01 18:41:50

阅读数 178

评论数 0

原创 4、OOA 面向对象分析

1、面向对象分析(object-oriented analysis ,OOA),运用面向对象方法进行系统分析,他是软件开发周期的一个阶段。OOA强调运用面向对象方法,对问题域和系统责任进行分析和理解,找出描述问题域和系统所需要的对象,定义对象的属性、操作以及对象之间的关系,目标是建立一个符合问题域...

2019-08-01 09:28:42

阅读数 131

评论数 0

原创 3、UML统一建模语言

一、统一建模语言( unified modeling language, UML ) 1、UML 最初是在多种面向对象分析与设计方法相互融合的基础上形成的,后来发展成为也可以用于业务建模以及其他非软件系统建模的语言。 UML 定义了建立系统模型所需的概念并给出了表示法,但他不涉及如何及进行系统建模...

2019-07-31 15:43:34

阅读数 40

评论数 0

原创 2、面向对象方法 概念式理解

之前写了一篇面向对象,比较容易让人理解面向对象是什么东西 https://blog.csdn.net/moon_tang/article/details/97235464 接下来,说说面向对象中的一些概念,此篇文章的内容自动认为你已经知道了面向对象具体是什么,不知道的去看上面那篇博客 1、**...

2019-07-30 17:32:53

阅读数 19

评论数 0

原创 i 标签设置背景图片作 icon的问题

写了一个 i 标签给它设置了宽高和背景图片,但是界面不显示,且宽高依然是0 .icon-name { background: url("../../img/username.png"); width: 40px; height: 3...

2019-07-28 21:25:29

阅读数 709

评论数 0

原创 修改 input button 标签点击时的边框颜色以及消除

点击 input 会出现蓝色边框 1、消除点击时标签边框的蓝色 input { outline:none } 2、修改点击时标签边框颜色 button, input { outline-color: red; }

2019-07-28 20:20:17

阅读数 360

评论数 0

原创 两个不同html标签之间他们顶部/底部不对齐

今天用 i 标签 和 input 标签写用户登录,用 i 标签当icon, input输入框,结果遇到两者顶部不对对齐 于是在网上找了一下,原因是 baseline 的对齐理解,可以自己去网上查 baseline 具体是什么 将input的 vertical-aligin 设为 top就可以解决...

2019-07-28 20:10:15

阅读数 120

评论数 0

原创 vue定义全局颜色变量

1、新建一个style文件夹,然后里面再新建一个baseColor.scss文件,里面定义全局颜色变量 2、在 build 文件夹中找到utils.js文件,将它的**scss: generateLoaders(‘sass’)**修改为 scss: generateLoaders('s...

2019-07-28 17:36:43

阅读数 1041

评论数 0

原创 Module not found: Error: Can't resolve 'sass-loader' Module build failed: TypeError: this.getReso

在网上看了许多,基本上都是这样告诉你的,然而以下方法根本不起任何作用 后来看到一个良心评论 npm install sass-resources-loader --save-dev 然后 npm run dev 就不报错了 这样子就对了 ...

2019-07-28 17:19:31

阅读数 857

评论数 0

原创 vue-cli脚手架初始化vue项目

vue-cli就是Vue的脚手架工具,他帮助我们搭建基本的开发环境,利用它可以搞定项目目录,本地调试,单元测试及代码部署等等。 一、创建项目 参考网址(vue如何新建一个项目(超详细哦)) https://www.jianshu.com/p/02b12c600c7b 1、安装 vue-cli cm...

2019-07-26 18:09:08

阅读数 89

评论数 0

转载 webpack

首先了解一下打包的意思 打包:把一个或者多个文件(夹)用压缩软件进行压缩的过程,一般可称之为打包。通过“打包“操作,可以有效减少数据大小,并节省保存空间和传输的时间。 软件打包: 将你开发后的可执行文件和必要的文档(如使用说明等)使用打包工具(如InstallShield)制作成软件包,就是我们通...

2019-07-26 17:35:48

阅读数 14

评论数 0

原创 node.js 、 npm

一、node.js node.js 是一个Javascript运行环境(一个基于chrome JavaScript运行时建立的平台,他是对Google v8 引擎进行了封装的运行环境);是一个可以快速构建网络服务器及应用的平台,使用JavaScript语言构建的服务平台,可用于后端建立服务器。 二...

2019-07-26 16:07:42

阅读数 13

评论数 0

原创 Java虚拟机 jdk jre

一、Java虚拟机 首先我们要了解Java程序执行有两步:编译、解释。 Java语言编写的程序经过编译,生成一种与平台无关的字节码( .class文件),而不会生成特定平台的机器码;但是这种字节码是不可执行的,需要使用Java解释器来解释执行,而Java虚拟机就负责解释。因为Java语言不是纯粹的...

2019-07-26 12:49:51

阅读数 36

评论数 0

原创 1、JavaScript、 DOM

一、JavaScript 首先需要说明的是,JavaScript与Java没有多大关系,JavaScript原名是 LiveScript,曾经也被叫做ECMAScript、JScript,后来选择JavaScript作为正式名称,大概是因为他们出自同一个公司,让它听起来有系出同门的感觉。但这也容易...

2019-07-25 11:07:04

阅读数 12

评论数 0

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