- 博客(16)
- 收藏
- 关注
RSS订阅原创 react项目中的样式配置
1，关于样式less安装下载less和less-loader npm install less less-loader --save-dev在引用less时不能用的解决方法在config文件中打开webpack.config.js，然后Ctrl+F全局搜索sass，将相关的sass改成less即可在改完配置文件后要重新启动 npm run start2，样式作用域问题因...
2020-03-26 22:10:21
311
原创 CSS的选择器
一、基本选择器*通用元素选择器，匹配任何元素E 标签选择器，匹配所有使用E标签的元素.info class选择器，匹配所有class属性中包含info的元素#footer id选择器，匹配所有id属性等于footer的元素二、多元素的组合选择器E,F 多元素选择器，同时匹配所有E元素或F元素，E和F之间用逗号分隔E F 后代元素选择器，匹配所有属于E元素后代的F元素，E和F之间...
2020-03-17 22:48:46
156
原创 react脚手架工具以及解决创建项目时速度慢的问题
安装命令npm install create-react-app -g//由于网络问题，也可使用下面这行命令cnpm install create-react-app -g查看版本号（必须是大写V）create-react-app -V通过脚手架工具创建项目create-react-app demo解决创建项目时速度慢的问题解决方法就是换源，通过修改create-reac...
2020-03-16 23:17:25
1509
原创 react基本用法
react用法1，引入三个文件<script src="../base/react.min.js"></script><script src="../base/react-dom.min.js"></script><script src="../base/browser.min.js"></script>文件引入是...
2020-03-16 22:12:26
229
原创 JS事件流（W3C和IE的区别）
1，JS事件的3个阶段为捕获、目标、冒泡；而低版本IE不支持捕获阶段2，在浏览器解析事件的时候，有两种触发方式：一种叫做Bubbling(冒泡)，另外一种叫做Capturing(捕获)。冒泡的方式效果就是当一个DOM元素的某事件例如click点击事件被触发时，依次它的父元素的click事件也被触发，一直传递到最顶层的body元素为止。捕获的触发方式正好相反，当某个元素的click事件被触发...
2020-03-13 22:25:45
226
原创 bind，call，apply的用法和区别
相同点：都是用来改变this指向不同点：call()的第一个参数是this要指向的对象，后面传入的是参数列表，参数可以是任意类型，当第一个参数为null、undefined的时候，默认指向window；apply接受两个参数，第一个参数是要绑定给this的值，第二个参数是一个参数数组。当第一个参数为null、undefined的时候，默认指向window。注：apply 和 c...
2020-03-12 18:21:17
95
原创 数组的操作方法
自定义一个函数或者对象的方法，这是js语言里自带的方法。考虑的方面：功能，参数，返回值push/popunshift/shiftslice/splicereverse/sortjoin/concat（除了slice和concat是原数组不发生改变，其他的都是原数组发生改变）1.push()可以接受多个参数，将参数追加到数组的尾部，返回增加后的数组的长度，原数组发生改变var ...
2020-03-06 22:25:12
81
原创 Vue组件之间的通信
父子组件通信父组件控制子组件，父组件控制自己的数据变化，将变化后的数据通过props自定义属性传给子组件1.在组件标签上使用自定属性2.在组件内部通过props来接受自定义属性3.接受完了即可以在组件里直接使用 ，但是只能用不能改 <div id='app1'> 这里是实例 {{money}} <hr> <!-- 在t...
2020-03-06 21:44:41
88
原创 Vue过滤器
1.什么是过滤器过滤器的主要作用是对数据的处理，可被用于一些常见的文本格式化2.过滤器的用法过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 ( v-bind 表达式从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示：<!-- 在双花括号中 -->{{ message | capitalize }}{{要过滤...
2020-03-04 21:52:06
85
原创 Vue动画过渡效果
第三方插件animate.css先下载安装第三方插件npm install animate.css引入动画样式全局引入的话写到main.js文件中import 'animate.css/animate.css'在目标元素外部添加过渡标签transition<transition enter-active-class='bounceInDown animated...
2020-03-03 22:56:24
136
原创 Vue双向数据绑定：v-model指令
简介v-model 指令是在表单控件元素上创建双向数据绑定，它会根据控件类型自动选取正确的方法来更新元素。双向数据绑定也可以简单理解为：当后端数据发生改变时，前端页面也会自动改变；数据通过修改前端页面的时候，后端的数据内容也会随之发生改变。组件内部双向数据绑定1、在实例的data中，设置demo的起始内容new Vue({ el: '#box', ...
2020-03-02 22:03:18
395
原创 vuex基本介绍
简介Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。基本使用下载安装npm install vuex --save创建全局状态管理的实例注册在组件里使用全局状态值获取渲染全局状态值修改全局状态值vuex的核心StateState 从字面意思理解，就是状态，在 Vuex 里面，数据就代表了状态，State 是 Vuex 这一状态管理工具的唯...
2020-02-28 23:41:19
83
原创 解决高度塌陷的方法
高度塌陷原因：浮动元素父元素高度自适应，父元素不写高度时，子元素写了浮动后，父元素就会发生高度塌陷方法1：给父元素添加overflow：hidden;方法2：在浮动元素下方添加空div，并给该元素添加声明：clear:both;height:0;overflow:hidden;方法3：万能清除法选择符：after{content:"."; display:bloc...
2020-02-27 23:00:09
95
原创 Vue常用指令
Vue常用指令v-for作用：基于源数据多次渲染元素或模板块v-if作用：取值为true/false，控制元素是否需要被渲染v-show作用：根据表达式之真假值，切换元素的 display CSS 属性注：v-show和v-if的区别：如果需要频繁切换显示/隐藏的可以用v-show;如果运行后不太可能需要切换显示/隐藏的可以用v-ifv-else作用：和v...
2020-02-25 23:44:29
93
原创 vue的生命周期
Vue的生命周期什么是生命周期：从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！vue的生命周期总共分为8个阶段：创建前/后（beforeCreate / created），载入前/后 ( beforeMount / mounted)，更新前/后（beforeUpdate / updated），销毁前/后（beforeDestroy / de...
2020-02-24 23:21:17
262
原创 node基础知识
node的安装安装包安装官网下载相应的安装包nvm安装n（node）v（version）m（manager），称为node版本管理工具因为以后的开发工作可能会在多个node版本中测试，而且node的版本也比较多，所以需要安装nvm来管理nvm下载地址链接nvm基本命令 nvm -v 查看版本号命令 nvm list 查看列表命令 nvm inst...
2020-02-23 17:57:46
137
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人