【第三方】富文本调研
摘要：
需求：在移动端，使用ionic开发的项目中使用富文本编辑器 1、UEditor存在的问题：颜色选择器不显示 2、wangEditor 官网上说 兼容常见的 PC 浏览器：Chrome，Firefox，Safari，Edge，QQ 浏览器，IE11。 不支持移动端。 3.Angular-trix ht 阅读全文
posted @ 2022-11-17 15:41 smile轉角 阅读(78) 评论(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轉角 阅读(170) 评论(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轉角 阅读(33) 评论(0) 推荐(0) 编辑
【vue3】资料
摘要：
相关资料： vue3中文文档 Vue3 教程 | 菜鸟教程 搜索 复制 阅读全文
posted @ 2022-09-07 16:27 smile轉角 阅读(6) 评论(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轉角 阅读(381) 评论(0) 推荐(0) 编辑
【html】 svg
摘要：
相关资料： svg 手册 svg菜鸟教程 svg（viewBox, preserveAspectRatio） 该博客许多svg资料 svg应用-超级简单三步实现svg圆形进度条 svg应用-将多个SVG文件合并为一个 搜索 复制 阅读全文
posted @ 2022-08-30 15:50 smile轉角 阅读(16) 评论(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轉角 阅读(110) 评论(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轉角 阅读(84) 评论(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轉角 阅读(92) 评论(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轉角 阅读(210) 评论(0) 推荐(0) 编辑