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) 编辑

【js】防抖节流理解及应用场景
摘要:相关资料: 防抖和节流(详解) 使用场景和区别 搜索 复制 阅读全文

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

导航

统计

点击右上角即可分享
微信分享提示