前端实现开关效果

摘要： 日常开发中实现开关，或者更准确说实现单击按钮效果的方法很多，问题是怎么做才能让其更美观的展示在浏览器上。 效果图如下： 之前在网上看过不少实现的方法，其中就有一个是使用纯css3写出来的，以下是纯css代码实现的网站地址：https://proto.io/freebies/onoff/ 以下是该网站 阅读全文
posted @ 2021-07-27 20:57 赤瞳斩 阅读(697) 评论(0) 推荐(0)

在vue中使用tinymce富文本编辑器

摘要： 关于做一个有关富文本编辑器的工作 使用情况：在vue脚手架中使用 一、资源下载 npm install @tinymce/tinymce-vue -S 安装之后在node_modlules中找到tinymce/skins目录，然后将skins目录拷贝到static目录下。 如果是使用vue-cli 阅读全文
posted @ 2021-07-27 15:12 赤瞳斩 阅读(828) 评论(0) 推荐(0)

表格中表头固定表体出现滚动条

摘要： 在表格当中如果内容太多的情况下可以选择让表格带滚动条，但是如果直接在table中添加的话会表头也跟着一起滚动，可以通过写两个table标签来实现这种情况，但是这种情况必须手动控制每个列的宽度 <div class="box-table" > <table> <div style="position: 阅读全文
posted @ 2021-07-15 13:53 赤瞳斩 阅读(500) 评论(0) 推荐(0)

日期时间的工具函数

摘要： 1 "日期时间的工具函数" 2 3 function DateFormat(_Date, _fmt) { 4 if (!_fmt) 5 _fmt = "yyyy-MM-dd hh:mm:ss"; 6 7 var o = { 8 "M+": _Date.getMonth() + 1, //月份 9 " 阅读全文
posted @ 2021-07-13 15:13 赤瞳斩 阅读(83) 评论(0) 推荐(0)

dpi dip 分辨率 屏幕尺寸 px density 关系及换算

摘要： iphone7 宽2.3 密度是326一英寸 当有一个400px*400px的正方形 由于一英寸等于326 不够放，所以要用2英寸放 假设密度是400dpi那就占用的空间大小是一样的 所以光看屏幕的分辨率对于设计师不具备多少实际意义，通过分辨率计算得出的像素密度ppi才是设计师要关心的问题。 再次使 阅读全文
posted @ 2021-07-13 14:54 赤瞳斩 阅读(1333) 评论(0) 推荐(0)

#为什么电脑屏幕的ppi会比手机上的低很多

摘要： .需要注意一个问题，像素越多显卡的负重就会越大，而且是平方的关系，即使是独立的显卡也不能实时的处理太多像素的画面（每秒至少处理20帧）。如果19英寸的显示器达到手机的ppi那么就是480*854*（19/3.7）*（19/3.7）像素。每个像素是4个字节，10809431像素就是占用43M字节，这只 阅读全文
posted @ 2021-07-13 11:48 赤瞳斩 阅读(767) 评论(0) 推荐(0)