ZerlinM

2020年9月10日

摘要：实现效果代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> .content,.outer-container { width: 200px; height: 200px 阅读全文

posted @ 2020-09-10 17:05 ZerlinM 阅读(459) 评论(0) 推荐(0)

2020年9月9日

js中深拷贝和浅拷贝

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

posted @ 2020-09-09 17:30 ZerlinM 阅读(2) 评论(0) 推荐(0)

点击除输入框外的任何位置关闭遮罩

摘要：需求有这样一个搜索的遮罩层，希望点击除输入框和搜索按钮外的任何位置，都可以将遮罩层关闭。代码 HTML： <div class="serachMask"> <div class="div_my_zzk"> <input type="text" class="input_my_zzk"> <inp 阅读全文

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

html标签a,video,button 点击出现蓝色边框线, 阴影

摘要： :focus a标签有点特殊,需要设置： a,a:hover,a:active,a:visited,a:link,a:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; 阅读全文

posted @ 2020-09-09 11:29 ZerlinM 阅读(595) 评论(0) 推荐(0)

利用JS实现文字的聚合动画效果

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

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

2020年9月8日

live sass compiler-vscode插件将scss编译为css

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

posted @ 2020-09-08 14:14 ZerlinM 阅读(5342) 评论(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 阅读(339) 评论(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 阅读(1456) 评论(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 阅读(509) 评论(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 阅读(540) 评论(0) 推荐(0)

公告