smile轉角 - 博客园

【第三方】富文本调研

摘要：需求：在移动端，使用ionic开发的项目中使用富文本编辑器 1、UEditor存在的问题：颜色选择器不显示 2、wangEditor 官网上说兼容常见的 PC 浏览器：Chrome，Firefox，Safari，Edge，QQ 浏览器，IE11。不支持移动端。 3.Angular-trix ht 阅读全文

posted @ 2022-11-17 15:41 smile轉角阅读(105) 评论(0) 推荐(0)

【js】元素是否在可视区范围内

摘要：公式：元素到顶部距离（最近的具有定位父级元素）- 滚动条高度 <= 可视区的高度 offsetTop、scrollTop <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Com 阅读全文

posted @ 2022-10-27 16:54 smile轉角阅读(251) 评论(0) 推荐(0)

【js】json的相关操作

摘要： 1、将json 数据和数组融合demo <script> var json = { all: 10, un: 3, comp: 2, inc: 5 } var arr = [ { text: '全部', type: "", }, { text: '未参加', type: "0", }, { text 阅读全文

posted @ 2022-10-27 14:46 smile轉角阅读(46) 评论(0) 推荐(0)

【vue3】资料

摘要：相关资料： vue3中文文档 Vue3 教程 | 菜鸟教程搜索复制阅读全文

posted @ 2022-09-07 16:27 smile轉角阅读(14) 评论(0) 推荐(0)

【css】展示背景图片的底部部分

摘要：利用背景图的background-position 实现 demo 方法一： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> .box{ position:relative; width:200 阅读全文

posted @ 2022-09-02 10:15 smile轉角阅读(448) 评论(0) 推荐(0)

【html】 svg

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

posted @ 2022-08-30 15:50 smile轉角阅读(23) 评论(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轉角阅读(138) 评论(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轉角阅读(201) 评论(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轉角阅读(113) 评论(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轉角阅读(238) 评论(0) 推荐(0)