ZerlinM

2020年9月8日

摘要： live sass compiler是VSCode扩展，可以实时地将SASS / SCSS文件编译/转换为CSS文件。可以自动添加css兼容性前缀，-webkit-，-moz-，-ms，-o-等。可以自定义css文件解析后的代码样式（expanded 展开，compact，compressed 阅读全文

posted @ 2020-09-08 14:14 ZerlinM 阅读(5218) 评论(0) 推荐(1)

web中的本地存储和小程序中的本地存储的区别

摘要：写代码的方式不一样 1）web: localStorage.setItem(“key”,“value”) localStorage.getItem(“key”) 2）小程序中: wx.setStorageSync(“key”, “value”); wx.getStorageSync(“key”) 存阅读全文

posted @ 2020-09-08 08:33 ZerlinM 阅读(310) 评论(0) 推荐(0)

2020年9月4日

CSS3中flex布局的flex-basic、flex-grow、flex-shrink

摘要：基本概念 Flex是Flexible Box的缩写，顾名思义为“弹性布局”，用来为盒装模型提供最大的灵活性。采用Flex布局的元素，称为Flex容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为Flex项目（flex item），简称"项目"。如何转换为Fl 阅读全文

posted @ 2020-09-04 13:28 ZerlinM 阅读(1365) 评论(0) 推荐(0)

CSS实现多个小方块两端对齐

摘要：需求直接上图吧，要实现多个小方块在大盒子里的两端对齐，大部分我们都是想到用flex布局，简单方便。实现上代码： HTML: <div class="container"> <div class="justify"> <i>1</i> <i>2</i> <i>3</i> <i>4</i> </d 阅读全文

posted @ 2020-09-04 10:19 ZerlinM 阅读(469) 评论(0) 推荐(0)

2020年9月3日

移动端CSS设置文字始终居中显示

摘要：需求移动端要求弹窗显示如图：先上代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale= 阅读全文

posted @ 2020-09-03 17:04 ZerlinM 阅读(494) 评论(0) 推荐(0)

单行及多行文本用…省略

摘要：单行文本省略单行文本溢出显示省略号比较简单，设置white-space: nowrap避免换行，设置overflow: hidden溢出隐藏，再设置text-overflow: ellipse即可。 text-overflow CSS 属性确定如何向用户发出未显示的溢出内容信号。它可以被剪切，显示阅读全文

posted @ 2020-09-03 09:23 ZerlinM 阅读(1199) 评论(0) 推荐(0)

伪元素中content的用法详解

该文被密码保护。阅读全文

posted @ 2020-09-03 09:13 ZerlinM 阅读(62) 评论(0) 推荐(0)

js发布时间按指定规则显示

摘要：需求给定发布评论的时间戳timestamp，要求根据时间戳如下显示：不足一分钟：刚刚，满一分钟不足24小时：xx分钟前过了0点：昨天，2天前，3天前…… 超过三天：08-01（月-日）代码 function getDateDiff(timestamp) { var prev = new 阅读全文

posted @ 2020-09-03 09:03 ZerlinM 阅读(341) 评论(0) 推荐(0)

2020年9月2日

如何使用 Set 来提高代码的性能

摘要：我坚信很多开发者依旧与这些基本的全局对象打交道：numbers，strings，objects，arrays 和 booleans。大部分业务场景，以上这些已经够用了。但是，如果你想让你的代码运行的尽可能快、可扩展性尽可能的好，那么这些基本类型并不够优秀。在这篇文章，我们将要讨论如何利用 JS 阅读全文

posted @ 2020-09-02 10:19 ZerlinM 阅读(395) 评论(0) 推荐(0)

2020年9月1日

h5移动端开发判断只能在微信浏览器打开

摘要：在开发的过程中可能会遇到项目只能在微信浏览器打开的需求，那么只需要在项目的页面添加以下代码即可（单页面应用在入口文件添加即可)。 <script> var ua = navigator.userAgent.toLowerCase(); var isWeixin = ua.indexOf('micro 阅读全文

posted @ 2020-09-01 15:50 ZerlinM 阅读(1042) 评论(0) 推荐(0)

公告