摘要: 前端小功能:新手引导高亮 其实就是一个遮罩层加一个弹窗,只不过比一般弹窗稍微复杂一点的是,遮罩层之上除了弹窗之外,还有需要高亮引导的元素区域,并且弹窗的位置也并不是固定的,而是跟随高亮引导区域进行定位。 border实现: 这种实现方法只用到了一个额外元素,使用 top、right、bottom、l 阅读全文
posted @ 2021-10-14 11:39 smallbore 阅读(990) 评论(0) 推荐(0) 编辑
摘要: 1.控制台打印DOM节点的所有属性和方法 console.dir(dom) 1.1 console.log 变量包装 您在 console.log() 的时候,将参数用大括号括起来,这样可以同时看到变量名和变量值。 const num = 123; console.log({num}) // {nu 阅读全文
posted @ 2021-10-13 19:37 smallbore 阅读(62) 评论(0) 推荐(0) 编辑
摘要: 相关操作指南,查看 《服务系统ubantu,nginx,vim,文件等操作流程》 Linux 常用命令学习(ubuntu系统) 1. 安装nginx apt-get 和 apt 基本同理 sudo su root apt-get update apt-get install nginx nginx 阅读全文
posted @ 2021-09-23 18:12 smallbore 阅读(63) 评论(0) 推荐(0) 编辑
摘要: JavaScript 编码技巧 1. JavaScript 字符串数组转换 const startArray = [1, 2, 3, 4, 5]const outputArray = startArray.map(String)console.log(outputArray) // ["1", "2 阅读全文
posted @ 2021-09-23 10:23 smallbore 阅读(56) 评论(0) 推荐(0) 编辑
摘要: 前端使用protobufjs,数据传输protobufjs使用记录 protobuf.js 协议缓冲区是一种与语言无关的、与平台无关的、可扩展的序列化结构化数据的方法,用于通信协议、数据存储等,最初由Google设计(请参阅)。 协议.js是一个纯JavaScript实现,支持节点.js和浏览器。它 阅读全文
posted @ 2021-01-29 10:40 smallbore 阅读(3446) 评论(0) 推荐(0) 编辑
摘要: 前端小功能:whistle本地代理服务,whistle本地代理模拟接口数据。 1. 安装 whistle,注意要全局安装 -g sudo npm install -g whistle 2、启动whistle,命令: w2 start 然后浏览器访问 http://127.0.0.1:8899/ 就可 阅读全文
posted @ 2021-01-28 12:08 smallbore 阅读(720) 评论(0) 推荐(0) 编辑
摘要: 前端小功能:图片对比度。 图片对比度css,filter已经实现很多图片的功能了,抛弃IE,及一些不潮流的浏览器,直接使用css属性就好了。 filter: contrast(${contrastNum}) 无奈如果要兼容IE的话,就是最新版IE11,这些css都没有效果百度都是用 progid:D 阅读全文
posted @ 2021-01-11 15:00 smallbore 阅读(500) 评论(0) 推荐(0) 编辑
摘要: 将图片base64转换为文件 /** * 将base64转换为文件 * @param dataurl * @param filename */ export function dataURLtoFile(dataurl, filename) { let arr = dataurl.split(',' 阅读全文
posted @ 2021-01-09 16:18 smallbore 阅读(277) 评论(0) 推荐(0) 编辑
摘要: 因为你的包是要放在npm上的,所以,没有npm的账号,根本什么活都干不了。在npm上注册一个账号是很简单的,随便填一下用户名密码邮箱,然后人家就会发个邮件给你,然后就注册成功了。。。 npm init package name(包名字) version(包版本) description(包描述) e 阅读全文
posted @ 2021-01-05 16:28 smallbore 阅读(137) 评论(0) 推荐(0) 编辑
摘要: 前端小功能:React,鼠标多选功能。 一般列表都有选择功能,单选复选多选都很常见。在自定义循环的列表,图像中,实现鼠标单选,多选,反选功能。 # React mousemultiples # React 鼠标多选组件 React 鼠标多选组件 局限性 > 主要实现鼠标多选的效果, 在不破坏原有的列 阅读全文
posted @ 2021-01-04 11:23 smallbore 阅读(834) 评论(14) 推荐(0) 编辑
回顶部