- 博客(21)
- 收藏
- 关注
RSS订阅原创 js多个数组或者对象的不同处理，如.两个数组对比，返回相同的数组，从数组中匹配去一个对象中的value，匹配到value把值给数组，匹配不到给数组的位置值为特定的值。
js多个数组或者对象的不同处理，如.两个数组对比，返回相同的数组，从数组中匹配去一个对象中的value，匹配到value把值给数组，匹配不到给数组的位置值为特定的值
2022-12-16 16:23:52
421
原创 vuex的应用
1.用于不相干组件的传值 ,大范围，使用vuexvuex是实现组件全局状态管理的一中机制，可以实现组件之间的数据共享vuex的使用全局的引入state 提供唯一的公共数据源，所有的共享数据 要统一放在 Store 的 state 中进行存储mapstate使用的实例!!注意 不可以使用 $store.state.count++ 去操作逻辑（虽然不报错但是不符合代码规范，不好查找问题）mutation用于变更state的数据（但是mutati...
2022-11-22 13:39:42
132
原创 webpack
1.webpack概述webpack 是个流行的前端项目构建工具(打包工具)，可以解决当前web 开发中所面临的困境。webpack 提供了友好的模块支持，以及代码压缩混淆，处理JS兼容问题，性能优化等强大的功能。3.webpack中的加载器webpack 中加载器的基本使用...
2021-11-29 10:28:18
244
原创 vuex的使用
1.用于不相干组件的传值 ,大范围，使用vuexvuex是实现组件全局状态管理的一中机制，可以实现组件之间的数据共享vuex的使用全局的引入state 提供唯一的公共数据源，所有的共享数据 要统一放在 Store 的 state 中进行存储mapstate使用的实例!!注意 不可以使用 $store.state.count++ 去操作逻辑（虽然不报错但是不符合代码规范，不好查找问题）mutation用于变更state的数据（但...
2021-11-19 10:29:38
604
原创 el-select 数据懒加载
1.使用全局引入在utils文件夹中写好directives.jsimport Vue from 'vue'Vue.directive("el-select-loadmore", { bind (el, binding) { // 获取element-ui定义好的scroll盒子 const SELECTWRAP_DOM = el.querySelector('.el-select-dropdown .el-select-dropdown__wrap'); S...
2021-11-03 15:11:10
1364
原创 vuex 的使用
1.安装vuex依赖包npm i vuex --sava2.导入vuex包import Vuex from 'vuex'3. 爆露出store 对象export const store =new Vuex.store({//state 存放的是全局共享的数据state:{name:"xxx"},mutations:{add(state){//参数直接写state的参数state.count++;//直接操作st...
2021-09-09 11:35:28
96
原创 elementui组件库中修改样式
1.打开页面中引用了elementui中的组件;如我引入了 分页的组件<el-pagination></el-pagination>但是她提供的样式并不满足项目需求, 具体操作:(1)在浏览器端按 F12键或(Fn键+F12键)或(右击检查)出现图1的界面;(2)点击选择元素器如图1,注意右侧的style中的css样式,自己可以稍作明显的修改;图1举个栗子:修改分页的被选中页面的样式如下/deep/.el-pagerli.active{...
2021-09-08 16:39:20
194
原创 身份证合格验证
1.身份证号码查询网址:http://shenfenzheng.293.net/?_t_t_t=0.97664525286403152.使用正则去验证身份证18或者15位//检查号码是否符合规范，包括长度，类型functionisCardNo(v){//身份证号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或字符Xconstreg=/(^\d{15}$)|(^\d{17}(\d|X)$)/;if(reg.te...
2021-09-06 10:02:22
8115
原创 vue3.0脚手架的搭建
如果 确保vue的版本在3.0以上但是 使用 vue create domeone ,出现选择2或者3版本的命令,请选择3或者自己去配置;安装一会儿后出现安装过程中不断的丢包,就导致了这个 可以使用 yarn add yaml-front-matter 或者 npm i yaml-front-matter;都不管用,还是不出现合适的目录,这个时候不要像我一样慌张; 解决方式:打开文件夹进入命令框 重新创...
2021-09-02 15:39:36
214
原创 vue请求数据
vue请求数据vue请求的方式 vue-resource(vue官方提供的插件2.0停止更新了),axios(第三方插件),fetch(es6新增的原生js)三种。Axios主流：axios–get请求axios.get(“url”).then((res){console.log(“成功”,res)}).catch((err)=>{console.log(“失败”,“err”)})axios–post请求axios.post(“url”).then((res){console.lo
2021-03-18 22:22:46
268
原创 标准盒子和非标准盒子模型占位的计算
盒子模型 (box Model)当你检查元素的时候，点就一下Computed标准的盒子模型是由 **盒子的占用空间：margin+ padding+width+border **实际上我们写的width，height就是内容content的大小非标准的盒子模型(怪异盒模型)：box-sizing:boder-box;width=padding+border+width(就像你的肚子吃了一个米粒,一个豆子，一个瓜子，你肚子就是没有变化的)盒子的占位：margin +width而已。你遇到这
2021-03-17 22:03:30
309
原创 工作中有时会忘记定位的使用，希望可以唤起自己的记忆
css3 通过标准流， 浮动流，定位这三种就可以实现基本还原页面的效果 。今天讨论在工作中常常遇到的定位问题定位模式：position :static静态定位（就是没有定位，如 border：none，也就是标准流的格式写法）position:relative 相对定位position:absolute 绝对定位（不占位，根据定位随意偏移）position:fixed 固定定位边偏移： top,bottom,left,right属性定义元素的偏移量。relative:在自己的位置上去偏移
2021-03-16 23:50:39
65
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人