2020年8月25日
Flex弹性布局在项目中的运用
摘要： 一、Flex布局实现头尾固定、中间内容自适应 头尾固定，中间区域可以滑动效果是移动端最常见的效果，以京东页面为例。以前开发时常用的方法是用固定布局position:fixed;实现，但是该方法在ios上或者其他机型上会出现问题。现在，可以用flex方法快速实现该布局。 <div class="wra 阅读全文
posted @ 2020-08-25 15:43 cdgogo 阅读(982) 评论(0) 推荐(1) 编辑
radio单选框在项目中应用
摘要： <div class="tags-select"> <label class="tag-select"> <input type="radio" name="version" value="1"> <span class="name">全网通（2GB 16GB）</span> </label> <l 阅读全文
posted @ 2020-08-25 09:36 cdgogo 阅读(152) 评论(0) 推荐(0) 编辑
综合运用：如何修改美化radio、checkbox的默认样式
摘要： 原理：大致原理都是使用原生的checkbox或input标签，在其后面设置相关联的label元素。给元素设置为透明，然后通过定位让用户看到的是元素，利用css的原生属性来判断用户的操作，设置选中后的label样式,即 input[type=checkbox]:checked+label{} 一、利用 阅读全文
posted @ 2020-08-25 09:26 cdgogo 阅读(444) 评论(0) 推荐(0) 编辑
2020年8月24日
路由$route 和 $router 的区别
摘要： $route $route对象表示当前的路由信息，包含了当前 URL 解析得到的信息。包含当前的路径，参数，query对象等。 1、$route.path字符串，对应当前路由的路径，总是解析为绝对路径，如 “/foo/bar”。 2、$route.params 一个 key/value 对象，包含了 阅读全文
posted @ 2020-08-24 22:33 cdgogo 阅读(404) 评论(0) 推荐(0) 编辑
vue cli4.0 快速搭建项目详解
摘要： 搭建项目之前，请确认好你自己已经安装过node, npm, vue cli。没安装的可以参考下面的链接安装。 如何安装node? 安装好node默认已经安装好npm了，所以不用单独安装了。 如何安装vue cli? 剧场环境已搭建好，开始表演！ 1. 进入一个目录，创建项目 对应命令： vue cr 阅读全文
posted @ 2020-08-24 22:09 cdgogo 阅读(258) 评论(0) 推荐(0) 编辑
2020年4月19日
js高阶函数
摘要： 一、filter() filter用于对数组进行过滤。 它创建一个新数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。 注意：filter()不会对空数组进行检测、不会改变原始数组 Array.filter(function(currentValue, indedx, arr), this 阅读全文
posted @ 2020-04-19 21:19 cdgogo 阅读(744) 评论(0) 推荐(0) 编辑
2020年3月5日
html片段拼接
摘要： 方法一： function dialog1(title, msg, btn1, callback) { var dialog1; dialog1 = ' <div class="weui_dialog_confirm" id="dialog1" style="display: none;"> ' + 阅读全文
posted @ 2020-03-05 15:31 cdgogo 阅读(562) 评论(0) 推荐(0) 编辑
@media媒体查询判断iPhone各版本
摘要： /*iPhone5和iPhone SE*/ @media only screen and (device-width : 320px) and (device-height : 568px) and (-webkit-device-pixel-ratio : 2) { /*code*/ } /* i 阅读全文
posted @ 2020-03-05 15:28 cdgogo 阅读(1431) 评论(0) 推荐(0) 编辑
2019年8月26日
单行、多行文本超出显示省略号
摘要： html单行、多行文本超出显示省略号，兼容各个浏览器 阅读全文
posted @ 2019-08-26 10:52 cdgogo 阅读(737) 评论(0) 推荐(0) 编辑
2019年8月25日
CSS3制作文字背景图
摘要： 文字带上渐变色，或者说让文字透出图片。这些效果 CSS 属性也可以完成。 方法一、利用CSS3属性mix-blend-mode:lighten;实现 使用 mix-blend-mode 能够轻易实现，我们只需要构造出黑色文字，白色底色的文字 div ，叠加上图片，再运用 mix-blend-mode 阅读全文
posted @ 2019-08-25 18:32 cdgogo 阅读(3068) 评论(0) 推荐(0) 编辑
2019年8月24日
CSS3的滤镜filter属性
摘要： css3的滤镜filter属性，可以对网页中的图片进行类似Photoshop图片处理的效果，例如背景的毛玻璃效果、老照片（黑白照片）、火焰效果等。 阅读全文
posted @ 2019-08-24 11:23 cdgogo 阅读(776) 评论(0) 推荐(0) 编辑
2019年2月27日
弹性布局（display:flex;）属性详解
摘要： Flexbox 是 flexible box 的简称（注：意思是“灵活的盒子容器”），是 CSS3 引入的新的布局模式。它决定了元素如何在页面上排列，使它们能在不同的屏幕尺寸和设备下可预测地展现出来。 它之所以被称为 Flexbox ，是因为它能够扩展和收缩 flex 容器内的元素，以最大限度地填充 阅读全文
posted @ 2019-02-27 14:31 cdgogo 阅读(555985) 评论(19) 推荐(109) 编辑