biuyyyxxx-CSDN博客

原创 JS闭包+案例

变量作用域变量根据作用域的不同分为两种：全局变量和局部变量。函数内部可以使用全局变量函数外部不可以使用局部变量当函数执行完毕，本作用域内部的局部变量会销毁什么是闭包闭包（closure）指有权访问另一个函数作用域中变量的函数。简单的理解就是，一个作用域可以访问另外一个函数内部的局部变量。 <script> // 闭包（closure）指...

2020-09-07 10:31:21 431

原创 this的指向问题

<button>点击</button> <script> // 函数的不同调用方式决定了this 的指向不同 // 1. 普通函数 this 指向window function fn() { console.log('普通函数的this' + this); } ...

2020-09-07 10:31:00 114

原创 Vuex，state、mutations、actions调用的两种方法

state.jsexport default new Vuex.Store({ state: { count: 0, text: 'current count:' }, mutations: { add1 (state) { state.count++ }, add2 (state, payload) { state.count += payload } }})直接通过this.$store.xxxxxxxx调用

2020-09-07 10:30:32 2945

原创创建Vue-cli 3.x的项目

安装vue-cli 3.0卸载旧版本npm uninstall vue-cli -g 安装3.0以上的版本npm install -g @vue/cli创建一个vue 3.0的项目vue create xxxxx(project name)然后选择模式，默认模式不需要自行配置，我选择手动配置按space选择，选择完成后回车选择路由模式，是否使用history模式?选No，使用默认的hash模式。ESlint选择标准配置语法检查是在保存的时候进行，还是commit的时候进行

2020-09-07 10:29:37 161 1

原创 Vue的生命周期函数

创建时的生命周期函数html<div id="app"> <p>{{msg}}</p></div>jsnew Vue({ el: '#app', data: { msg: 'this is data' }, methods:{ _test () { console.log('this is methods') } }, be.

2020-09-07 10:29:15 100

原创创建第一个Vue项目（三）——使用码云和安装git，初始化一个vue项目

下载git进入git官网下载对应版本安装git接下来一直默认不修改，按next直到install选项出现

2020-07-11 15:08:19 1536

原创创建第一个Vue项目（四）——Vue项目的目录结构+修改首页

啊啊啊

2020-07-11 15:07:59 961

原创创建第一个Vue项目（二）——安装vue-cli和webpack包管理工具

安装Vue-cli脚手架cnpm install vue-cli -g 安装webpack包管理工具cnpm install -g webpackcnpm install -g webpack-cli

2020-07-11 15:07:36 127

原创创建第一个Vue项目（一）——安装nodeJS

安装nodeJS下载和安装进入nodeJS官网下载配置在cmd中检查是否安装成功因为npm的默认安装目录在c盘C:\Users\xxxx\文件夹下，并不是默认安装到nodeJS的程序目录D:\Program Files\nodejs\下，当安装的模块越多时，所占用的C盘空间越大，因此需要修改npm的默认安装目录。修改npm的缓存目录和全局安装目录在D:\Program Files\nodejs\目录下创建两个目录，分别是node_cache和ode_global，分别用来存放缓

2020-07-11 15:07:22 293 1

原创文本溢出-省略号显示超出的文本，text-overflow属性

<li><a href="#"><strong>[重磅]</strong>啦啦啦我是卖报的小行家嘤嘤嘤嘤嘤嘤</a></li>CSSli{ height: 24px; line-height: 24px; overflow: hidden; white-space: nowrap;/*规定段落中文本不换行*...

2020-03-31 20:35:32 406

原创 CSS伪元素after，显示字体图标 Font Awesome

HTML<li class="arrow-ioc">我的品优购</li>CSS/*声明字体图标*/@font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('../fonts/fontawesom...

2020-03-31 11:47:26 1858

原创 CSS定位 position 相对定位绝对定位固定定位静态定位

1.为什么需要定位？标准流和浮动，难以实现一下情况某个元素可以自由的在一个盒子内移动位置，并且压住其他盒子。当我们滚动窗口时吗，盒子是固定屏幕某个位置的 2. 定位组成定位 = 定位模式 + 边偏移定位模式通过CSS的position属性来设定，定位模式有四个值：值语义 static 静态定位 relative 相对定位 abso...

2020-03-11 21:12:48 356

原创 DIV盒子模型-外边距合并问题

1.相邻元素垂直外边距的合并当上下相邻的两个块元素（兄弟关系）相遇时，如果上面的元素有下外边距margin-bottom，下面的元素有上外边距margin-top，则它们之间的垂直间距不是margin-bottom与nargin-top之和。取两个值中的较大者这种现象称为相邻元素垂直外边距的合并解决方案：尽量只给一个盒子添加margin值2.嵌套块元素垂直外边距的塌陷对于...

2020-03-10 22:08:21 631

原创 CSS布局浮动float属性

传统网页布局三种方式标准流（默认）浮动（float）定位（position） 1.为什么需要浮动？标准流无法很方便的使多个块级元素（DIV）水平排列成一行。可以转为行内块元素，但是行内块元素之间有默认间距，很难控制。网页布局第一准则：多个块级元素纵向排列找标准流，多个块级元素横向排列找浮动。2.什么是浮动？float属性用于创建浮动框，将其移动到一边，直到左边...

2020-03-10 22:07:18 458

原创 Chrome开发者工具不完全指南

Chrome开发者工具不完全指南（一、基础功能篇）：http://www.cnblogs.com/constantince/p/4565261.htmlChrome开发者工具不完全指南（二、进阶篇）：http://www.cnblogs.com/constantince/p/4579121.htmlChrome开发者工具不完全指南（三、性能篇）：http://www.cnblogs.com/c...

2020-02-26 18:40:48 195