2019-09-09

题目来源

• 公众号[前端剑解-131]

[html] table去除边框的方法有哪些？

• 可以设置属性去除，也可以使用css去除；
• 实战

[css] 举例说明实现圆角的方式有哪些？

• 切图
• CSS3：border-radius:50%;

[js] JSON.stringify有什么局限性和哪些技巧？

语法

JSON.stringify(value,replacer,space)

• value：要序列化的字符串值
• replacer：我认为过滤器或处理器更加准确
• space缩进空格

局限性

• 序列化对象，对象的值为undefined、Object、Symbol、函数的时候，将被忽略
• 序列化数组，数组值为undefined、Object、Symbol、函数的时候，将处理成null
• 不可枚举的属性，默认被忽略
• NaN和Infinity格式的数值及null都会被当做null

技巧

技巧就在于replacer和space的运用上

• replacer可以把我们不需要的类型等数据过滤掉，函数过滤掉返回值设置成undefined；数组为要获得的值，如：

//函数
const data={
    name:'怪诞咖啡',
    age:18,
    job:'前端攻城狮'
};
const rtn=JSON.stringify(data,(key,value)=>{
    if(typeof value=='string'){
        return undefined;
    }
    return value;
})
console.log(rtn)//{"age":18}

//数组
const data={
    name:'怪诞咖啡',
    age:18,
    job:'前端攻城狮'
};
const rtn=JSON.stringify(data,['name'])
console.log(rtn)//{"name":"怪诞咖啡"}

• space范围在[0,10]用于打印和观察返回数据，方便调试数据

[软技能] 你知道产品经理一般画的原型是用什么工具吗？有没有自己玩过？

• 常用工具：axure、墨刀、各种在线使用的原型工具
• 平时用的不多，一些流程图、优化产品流程，会使用，用来梳理现有程序，发现优化的点
• 或者直接使用PS、AI、Sketch这些直接上手弄效果图