- 博客(22)
- 收藏
- 关注
RSS订阅
1原创 HTML清除浮动
浮动：给盒子设置float：right/left，实现盒子左右浮动。设置浮动的盒子可以设宽高为什么要清除浮动因为浮动元素脱离了文档流，在页面中不占位置。
2021-09-10 18:11:57
563
原创 Vuex的api
Vuex 是什么？Vuex 是一个专为 Vue.js 应用程序开发的 状态管理模式 。它采用 集中式存储管理 应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。状态管理模式这个状态自管理应用包含以下几个部分：state，驱动应用的数据源。view，以声明方式将 state 映射到视图。actions，响应在 view 上的用户输入导致的状态变化。以下是一个表示“单向数据流”理念的简单示意Vuex为了更方便实现多个组件共享状态。当我们的应用遇到多个组件共享状态时
2021-08-24 17:12:21
220
原创 v-if与v-show
v-if与v-show的异同v-show用法：根据表达式之真假值，切换元素的 display CSS 样式。当条件变化时该指令触发过渡效果。v-if用法：根据表达式的值的 truthiness 来有条件地渲染元素。在切换时元素及它的数据绑定 / 组件被销毁并重建。如果元素是 ，将提出它的内容作为条件块。当条件变化时该指令触发过渡效果。相同vue封装的能够让元素在页面中显示 / 消失 的指令，都可以动态控制DOM元素的显示隐藏。通过条件判断true/false来显示与隐藏，或直接传Bool
2021-08-24 16:12:23
135
转载 Vuex事件处理机制
Vuex的五个核心属性state：单一状态数，在这里定义我们所需要的数组，对象，字符串等，这样在vue组件中才能获取你定义的这个对象的状态。直接使用就是store.state.属性名， 映射引入mapState,在计算属性中展开（…mapState([‘属性名’]）直接插值表达式使用即可getters：类似于vue的计算属性，需要返回值，当我们需要从state中派生出一些状态，就需要使用getters,getters中定义的函数第一个参数是state，只有getters中的依赖值（state中的
2021-08-23 09:17:45
163
原创 vue的分页组件
//1.如果给current-page，page-size，total绑定了.sync可以直接调用获取接口 <el-pagination background :current-page.sync="params.page" :page-sizes="[3, 5, 10,total]" :page-size.sync="params.size" layout="t
2021-08-20 10:35:49
444
转载 Vue中组件传值
Vue中组件传值1.父传子 自定义属性props1)子组件在props里面收一下2)父组件在data里面声明要传的数据3)父组件在子组件的占位符标签里面传一下2.子传父 自定义事件1)在父组件的子组件占位符里先绑定一个自定义事件2)在methods里面定义这个绑定的自定义事件3)在子组件中通过this.$emit(自定义事件名,参数)触发自定义事件3.兄弟之间互传 EventBus1.建一个eventBus.js文件import vue from ‘vue’//向外共享一个vue
2021-08-20 09:52:26
74
转载 为什么在vue组件中data要写成函数而不是对象
问题描述：为什么在vue组件中，我们的data属性必须是一个函数,new Vue()中的data除外，因为new Vue中只有一个data属性。原因：因为我们能抽离出来的组件，肯定是具有复用性的，它在项目中会存在多个实例。如果data属性值是一个对象时，那么它所有的实例都会共享这些数据，这是很麻烦的事情，你不能确保你的所有实例中的属性值都不会重复。我们的期望是，组件的每个实例都能独立的维护自己的数据。解决方案我们都知道，在JavaScript中，函数具有独立作用域块的特点，外部是无法访问其内部的变量
2021-08-20 09:50:09
247
原创 Vue中v-for时为什么要绑定key
我们都知道，Vue很大的一个特点就是双向数据绑定，数据一旦改变，那么页面就渲染新的数据呈现在页面上。但是对于用v-for渲染的列表数据来说，数据量可能一般很庞大，而且我们经常还要对这个数据进行一些增删改操作。假设我们给列表增加一条数据，整个列表都要重新渲染一遍，那不就很费事了。而key的出现就是尽可能的回避这个问题，提高效率，如果我们给列表增加了一条数据，页面只渲染了这数据。v-for默认使用就地复用策略，列表数据修改的时候，他会根据key值去判断某个值是否修改，如果修改，则重新渲染这一项，否则复用之
2021-08-20 09:37:41
618
转载 Vue-Router
1.vue router是什么vue router是vue官方的路由管理器。 路由用于设置访问路径，并且将路径和组件映射起来。 路由模块的本质就是建立url和组件之间的映射。2.vue router之间的传参1.$router.push 编程式导航利用命名路由 在路由设置时，设置name属性const routes = [{ path: ‘/center’, name: ‘center’, component: Center }]进行路由跳转时，通过para
2021-08-20 08:31:47
56
原创 弹性布局与rem布局
弹性布局给父盒子加display:flex;可以是父盒子中的子盒子弹性布局.box{display:flex;//默认 行 排列flex-direction:row|row-reverse|column|column-reverse;flex-wrap:nowrap|wrap|wrap-reverse;flex-flow:row nowrap;//flex-direction和flex-wrap的简写，默认row nowrap}...
2021-08-12 12:04:16
296
原创 数组API
数组的方法arr.foeEach((item,index,o)=>{ item:数组每一项 index：item的索引值 o：数组本身 })
2021-08-11 19:56:25
58
原创 H5C3新特性
H5新特性推拽释放音频audio ，视频video画布canvas语义化标签header，footer，aside，articl，nav，section本地存储localStorage表单控件number，tel，url，file，search，time，date，calendar自定义属性 data-id(data-xxx)...
2021-08-11 18:09:47
69
原创 代理服务器（Vue项目）
只在开发环境有效哦1.首先在创建vue,config.js文件2.在vue文件中 module.exports = { devServer:{ proxy:{ '/api':{ target:'你要链接的基地址' } } } }例如：//在vue.config.js中 module.exports = { devServer:{ proxy:{ '/api':{
2021-08-08 20:32:32
237
原创 关于axios我出现的问题
在使用axios时这是我所写的代码，我并没有发现错误，直接运行这是系统报的错误这是返回的结果，我以为是调用接口人太多，所以没在意，结果一下午都在报错重新检查Network，发现了问题我写的是post方式的请求，而发送的是get方式的请求，我重新检查了自己的代码，发现我是拼写错误!正确代码都是细节！！！axios在内部是默认发送get请求的，当你的接口中刚好有符合条件的get接口时，他也是会有结果的，所以，发生请求错误，一定要检查Network看是否与自己写的接口相符，发送的请
2021-08-08 18:09:50
162
原创 git 的安装
git 的安装打开git官网git官网按需下载（下载到一个地方就不要再移动了，不然容易找不到无法使用）关于，文档下载，社区点击下载，并按需下载
2021-08-08 15:17:39
63
原创 数组与对象的转换
1.数组转对象 const arr = [{ label: '男', value: 0 }, { label: '女', value: 1 } ] function f(arr) { return arr.reduce((sum, item) => { sum[item['value']] = item['label'] return
2021-08-05 20:42:02
757
原创 PC端的Element-UI组件库 下载
PC端的Element-UI组件库 ——1.下载在根目录（写代码的文件夹）中路径栏输入cmd打开命令面版，创建vue项目 vue.create xxxx创建完成以后，安装Element-UI组件库npm i element-ui -S安装完成以后通过文档来配置https://element.eleme.cn/#/zh-CN/component/installation...
2021-08-04 12:23:40
1189
原创 开发依赖，生产依赖
开发依赖，生产依赖-D ：开发依赖开发依赖安装结尾命令符 --save-dev 或 -D-S ：生产依赖生产依赖安装结尾命令行 --save 或 -S 也可以不写
2021-08-04 09:45:17
94
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人