- 博客(85)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 安装nvm
NVM保姆级安装_Coca可口的博客-CSDN博客1.下载安装之前，如果已安装了node.js，请先卸载已经安装好的node.js如果没有安装过，移步第四步开始看打开控制面板，点击卸载找到并卸载Node.js2.删除环境变量3.在系统变量中找到NODE_HOME删除4.在官网下载Releases · coreybutler/nvm-windows · GitHub5.安装6.更改镜像地址。添加语句node_mirror: https://npm.taobao....
2022-09-18 22:05:11
137
原创 vue 实现锚点连接
不过并不能达到想要的效果，在Vue项目中，使用传统的在a标签的href属性中写id的方法无效，会导致浏览器的地址改变从而跳转到其他页面。原文链接https//blog.csdn.net/GrootBaby/article/details/120859544。vue-router用的是hash模式，不能使用传统a标签的方式来做锚点定位。要实现一个锚点定位的效果，传统方法是用a标签的href属性和id属性来做。经过各种百度，发现好多用的是以下方式，但是经过实测并没有用，没有实现定位。...
2022-07-27 23:38:26
1415
原创 vue .sync修饰符
使用sync语法糖后，父组件不需要单独声明一个方法，只需要在回调时声明一个update绑定的回调函数（这个绑定值是传值自身）父传子的数据的时候子直接修改父传的数据会报错可以使用.sync修饰符子传父的时候父组件可以少写一个方法。打个比方，如下代码需要两部才能实现上述功能1.向子组件传值；2.接收子组件回调的值。这样在父组件中就不需要再次定义回调函数进行接收了。...
2022-07-26 22:34:10
212
原创 处理树形结构数据
/1.循环遍历数组以数组中每一项的id做为key，每一项本身作为value形成一个新的对象[方便查找父节点]//核心思想寻找父节点的过程通过pid去匹配id如果匹配上了就把当前项push到匹配项的chilren属性中。//push到chilren属性中如果匹配不到代表它自己就是最外层父节点直接push到最终产出的树形数组中。//2.遍历数组以数组中的每一项的pid去第一步形成的对象中匹配id如果匹配的上就代表是它的子节点。//封装树形数据处理。...
2022-07-17 21:55:06
234
原创 【记录】【vue】自定义权限指令v-permission的简单创建及使用
directives/permission.js directive/index 全局注册v-permission xxx.jsjj.jskk.js组件中使用只显示添加按钮
2022-06-09 17:03:44
3097
2
原创 axios 封装 模块化
utils/reuqst.jsapi/login.jsimport { login } from '@/api/login.js'; 组件引入api/home.js get请求api/articleList.js get请求带参
2022-06-08 23:10:35
223
原创 element tag标签点出现messageBox提示框
<el-table-column type="expand"> <template slot-scope="scope"> <el-row v-for="(item) in scope.row.date1" :key="item"> <el-col :span="5"> <el-ta.
2022-05-31 16:35:40
253
原创 在Vue中v-model如何和Vuex结合起来
<input v-model="getVal" /> computed: { getVal: { get() { // 这里也是用了Vuex里的 modules 大家可以当成普通的变量来看 return this.$store.state.Root.value }, set(newVal) { this.$store.commit('handleVal...
2022-05-23 20:05:21
297
原创 解决100%全屏出现滚动条 页面有白边问题
在app.vue设置<style lang="scss" >html,body,#app { height: 100%; margin: 0; padding: 0;}</style>
2022-05-21 18:39:09
1382
原创 mixin 混入
export const mixins = { data () { return { msg: '我是小猪课堂', } }, computed: {}, created () { console.log('我是mixin中的created生命周期函数') }, mounted () { console.log('我是mixin中的mounted生命周期函数') }, methods: { clickMe () { ..
2022-04-07 17:04:13
998
1
原创 jsjsjsjsjssjsjsjs
//拿到{'mary':18','jacky':16,'ben':20} let a1 = [{ name: 'mary', age: 18 }, { name: 'jacky', age: 16 }, { name: 'ben', age: 20 }] const rlt = a1.reduce((pre, cur) => { pre[cur.name] = cur.age; return pre; ...
2022-03-25 21:31:16
531
原创 vuex 全局状态共享
``Vuex概述 Vuex的核心概念Vuex中的主要核心概念如下: State: State提供唯一的公共数据源，所有共享的数据都要统一放到Store的State中进行存储```javascriptexport default new Vuex.Store({ state: { count:0 }})``` 组件中访问State中数据的第一种方式:```javascriptthis.$store.state.全局数据名称```..
2022-03-18 22:43:12
199
原创 正则替换 图片路径
//img 前加图片路径http：//this.product.details=this.product.details.replace(/src="img/gi,`src="${this.$url.base}img`) //图太大 给img加 stylethis.product.details=this.product.details.replace(/<img/gi,`<img style="width:100%"`)...
2022-03-16 15:09:50
271
原创 深拷贝 宏任务 微任务
let arr = [5, 4, 9, 8] let obj1 = { name: 'xxx', sex: '男', like: ['红色', '蓝色'], book: { title: 'js程序', price: '88' } } function deepClone(o..
2022-03-15 23:49:02
199
原创 控制节流防抖
防抖：高频率触发的事件,在指定的单位时间内，只响应最后一次，如果在指定的时间在触发，则重新计算时间(后面触发的事件执行，替代了前面的事件)全局this 修改为input的this<body> <input id="input1" type="text"> <script> const input1 = document.getElementById('input1') function debounce(..
2022-03-13 16:35:43
536
原创 面试 面试 flex 数组高阶api
今天遇到两个外包公司真实的面试题，方向给大家，欢迎大家提出宝贵意见！一、CSS 自适应布局HTML<div class="client-a"> <div class="client-b"></div> <div class="client-b"></div> <div class="client-b"></div> <div class="client-b"></div...
2022-03-12 21:17:42
380
原创 min.js里 引入请求封装
Vue2中为页面/组件的原型添加公共属性： Vue.prototype.$xxx = .... Vue3中为页面/组件的原型添加公共属性： app.config.globalProperties.$xxx = .... 配置文件 config.js // 此文件保存着所有的项目配置数据// 列如：服务器端API的地址// 最终的使用方法: uni.request(this.$url.xxx)// 即为所有的页面和组...
2022-03-11 21:12:14
1164
原创 vue 路由传参 编程式路由导航
(2)路由传参①query传参this.$router.push({name:'home',query: {id:'1'}})this.$router.push({path:'/home',query: {id:'1'}})// html 取参 $route.query.id// script 取参 this.$route.query.id②params传参this.$router.push({name:'home',params: {id:'1'}}) ...
2022-03-09 23:43:15
527
原创 vue 上一页 下一页
html部分 <div class="pages"> <a @click="getData(data.pageNum - 1)" :class="{ default: data.pageNum == 1 }" >上一页</a > <a @click.prevent="getData(item)" :...
2022-03-08 23:32:22
2999
原创 filters 过滤器
<span>{{ item.pubTime | date }}</spanfilters: { date(value) { return new Date(value * 1).toLocaleDateString(); }, },
2022-03-06 19:58:45
85
原创 小程序缓存设计方案
https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorageSync.html Page({ data: { cid: 1, // 用于描述当前选中的电影类别id movies: [] // 用于描述当前电影列表 }, /** 点击顶部导航后执行 */ tapNav(event){ let id = event.target.dataset.id ...
2022-03-02 19:42:41
166
原创 微信 点击图片放大
给父元素加事件 子元素冒泡给父 <scroll-view scroll-x="true" class="photos-list" bindtap="tapImage"> <view class="photos-item" wx:for="{{movis.thumb}}"> <image lazy-load mode="aspectFill" data-i="{{index}}" src="{{item}}">&l...
2022-03-02 19:29:40
118
原创 vue路由重复跳转
methods: { goic() { const path = "/ic/" + this.gname; if (this.$route.path == path || this.gname == "") { return; } this.$router.push(path); }, },
2022-03-02 09:19:45
353
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人