2022 年 8月随笔档案 - smile轉角

08 2022 档案

【html】 svg

摘要：相关资料： svg 手册 svg菜鸟教程 svg（viewBox, preserveAspectRatio）该博客许多svg资料 svg应用-超级简单三步实现svg圆形进度条 svg应用-将多个SVG文件合并为一个搜索复制阅读全文

posted @ 2022-08-30 15:50 smile轉角阅读(18) 评论(0) 推荐(0) 编辑

【html5】html5中input 标签 type值为range时，修改其默认css

摘要：demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> input[type="range"] { -webkit-appearance: none; /* 阅读全文

posted @ 2022-08-12 17:14 smile轉角阅读(121) 评论(0) 推荐(0) 编辑

【js】forEach,for...in,for...of 区别

摘要：区别 forEach更多的用来遍历数组，不可使用continue,break for in 一般常用来遍历数组或者对象 for of 数组对象都可以遍历，for of不能直接的去遍历对象，因为对象不是一个可迭代数据，遍历对象通过Object.keys()获取到对象的属性名，然后再遍历 for in循阅读全文

posted @ 2022-08-11 10:24 smile轉角阅读(167) 评论(0) 推荐(0) 编辑

【js】map,reduce,filter的区别

摘要：三者区别 map()方法：把回调函数中返回的值，作为一个新数组返回 filter()方法：返回符合回调函数中条件的元素，形成一个新数组 reduce()方法：对数组中元素进行从左到右的累计，并返回最终结果 demo const arr = [1,2,3,4,5,3,2,1,6,4,7,8]; arr 阅读全文

posted @ 2022-08-10 14:06 smile轉角阅读(102) 评论(0) 推荐(0) 编辑

【js】数组的reduce方法详细解

摘要：reduce方法下面是api的使用和每个参数代表的含义： arr.reduce((prev,cur,index,arr)=>{ },init) arr: 表示将要原数组 prev:表示上一次调用回调时的返回值，或者初始值init cur:表示当前正在处理的数组元素 index:表示正在处理的数组元阅读全文

posted @ 2022-08-10 13:59 smile轉角阅读(221) 评论(0) 推荐(0) 编辑

【其他】webpack实现性能优化

摘要：一、缩小文件的搜索范围 webpack里面有个resolve字段,可以告诉webpack怎么去搜索文件二、压缩图片 npm i image-webpack-loader -D rules: [{ test: /\.(gif|png|jpe?g|svg)$/i, use: [ 'file-loade 阅读全文

posted @ 2022-08-09 14:45 smile轉角阅读(36) 评论(0) 推荐(0) 编辑

【js】对象属性名为对象时

摘要：demo var a = {}; var b = {key: 'b'}; var c = {key: 'c'}; var d = [3,5,6]; a[b] = 123; a[c] = 345; a[d] = 333; console.log(a[b]); //345 console.log(a[c 阅读全文

posted @ 2022-08-02 16:26 smile轉角阅读(136) 评论(0) 推荐(0) 编辑