Mrchangchang

Mrchangchang 查看完整档案

深圳编辑  |  填写毕业院校四格互联  |  前端工程师 编辑 mrchangchang.github.io/ 编辑
编辑

行而不辍,未来可期。

个人动态

Mrchangchang 回答了问题 · 2月26日

解决前端打印物流面单

要后端处理excel文件

关注 6 回答 5

Mrchangchang 回答了问题 · 2月25日

vue字符组件被渲染好时,父组件传过来的值还没加载出来该如何处理?

  • 子组件惰性渲染,v-if判断数据存在才渲染;
  • 子组件watch需要的prop,prop值发生变化重新渲染;

关注 3 回答 2

Mrchangchang 回答了问题 · 2月4日

grid布局能实现这个这个效果吗?

可以使用媒体查询判断屏幕的宽度。

关注 2 回答 1

Mrchangchang 回答了问题 · 1月30日

vue3 composition-api和vue-class-component对比

composition-api 不应该是和option-api方式对比吗,我个人觉得composition-api用起来很舒服,可以更少的写出重复的代码,利于函数式编程。

关注 2 回答 1

Mrchangchang 回答了问题 · 1月29日

正则表达式修改

^([a-z0-9]+(?:[._-][a-z0-9]+)*){1,64}$

关注 3 回答 2

Mrchangchang 赞了回答 · 1月27日

解决js 双重for循环问题

const data1 = ['empty', 'name'];
const data2 = ['app_secret', 'id'];

let data3 = '';
data1.map((str, index) => {
  data3 += `${data1[index]}=${data2[index]},`;
});

data3 = data3.slice(0, data3.length - 1);
console.log(data3); // "empty=app_secret,name=id"

关注 2 回答 2

Mrchangchang 回答了问题 · 1月27日

解决js 树形结构数据根据条件改造

使用递归过滤

function filterTree (data = []) {
  const isHas = v => Array.isArray(v.children) && v.children.length > 0
  const helper = (root) => {
    if (!isHas(root)) return
    const children = root.children.filter(v => !v.children || isHas(v))
    children.forEach(v => helper(v))
    root.children = children
  }
   data.forEach(helper)
  return data.filter(isHas)
}
const tree = [{
  name: '水果大全',
  id: '111',
  children: [{
    name: '浆果类',
    id: '112',
    children: [{
      name: '草莓',
      id: '113'
    }, {
      name: '桑椹',
      id: '114'
    }]
  }, {
    name: '柑橘类',
    id: '116',
    children: []
  }]
}, {
  name: '奥特曼大全',
  id: '119',
  children: [{
    name: '昭和类',
    id: '120',
    children: [{
      name: '杰克',
      id: '121'
    }, {
      name: '泰罗',
      id: '122'
    }]
  }, {
    name: '平成类',
    id: '124',
    children: []
  }]
}, {
  name: '电影大全',
  id: '125',
  children: []
}, {
  name: '手机大全',
  id: '127',
  children: []
}]

console.log( JSON.stringify(filterTree(tree)))

关注 3 回答 2

Mrchangchang 回答了问题 · 1月27日

解决怎样合并数组对象中id相同的数据

function dedup (arr = []) {
  const mp = {}
  for (let obj of arr) {
    const { id , value} = obj
    if (mp[id]) {
      mp[id].value.push(value)
    } else {
      mp[id] = {id, value: [value]}
    }
  }
  return Object.values(mp)
}
const data = [{id: "1000001", value:[1.1, "1.1"]},
{id: "1000002", value:[2.1, "2.1"]},
{id: "1000001", value: [1.2, "1.2"]},
{id: "1000002", value:[2.2, "2.2"]},
{id: "1000001", value: [1.3, "1.3"]},
{id: "1000002", value:[2.3, "2.3"]},
]
console.log(dedup(data))

关注 3 回答 2

Mrchangchang 回答了问题 · 1月27日

Vue/小程序中有【受控组件】的概念吗?

据我所知vue和小程序是没有受控组件的概念的

关注 2 回答 1

Mrchangchang 回答了问题 · 1月27日

解决js 双重for循环问题

function test(arr1, arr2) {
  const len = arr1.length
  const ret = []
  for (let i = 0; i < len; i++) {
    const str = arr1[i] +'=' + arr2[i]
    ret.push(str)
  }
  return ret.join(',')
}
console.log(test(['empty', 'name'], ['app_secret', 'id']))

关注 2 回答 2

认证与成就

  • 获得 15 次点赞
  • 获得 6 枚徽章 获得 0 枚金徽章, 获得 0 枚银徽章, 获得 6 枚铜徽章

擅长技能
编辑

开源项目 & 著作
编辑

(゚∀゚ )
暂时没有

注册于 2017-11-14
个人主页被 704 人浏览