对于微信App, 导航用的是非常多的,几乎每个页面都需要,我们先将它简单地封装以下。 1. free-icon组件, 用来定义每个icon图标 <template> <view :style="getSize" class="flex justify-center align-center"> <t ...
分类:
其他好文 时间:
2020-01-17 19:09:40
阅读次数:
90
创建的Web服务,发布到本地的iis后,本地测试访问WebService可以直接点击调用来调试。 但发布到非本机的服务器后,替代“调试”按钮的是一段文字 测试窗体只能用于来自本地计算机的请求。 原因:没有开启远程访问。 解决办法:在web.config的system.web节点添加如下配置节内容: ...
上一次,我们已经了解过flex-grow的具体用法后,这周,让我们一起来见一下flex-basis这个属性. flex-shrink 定义项目的缩小比例,默认值为1,注意前提是空间不足的情况下,项目缩小。值为0,不缩小。 下面的例子中没有定义该属性,但是满足容器中空间不足的情况,项目会默认缩小。 当 ...
分类:
其他好文 时间:
2020-01-16 18:53:18
阅读次数:
67
1 弹性布局简介 弹性布局,又称“Flex布局”,是由W3C在2009年推出的一种布局方式。可以简便、完整、响应式地实现各种页面布局。而且已经得到所有主流浏览器的支持,我们可以放心大胆的使用。 >>> 了解两个基本概念,接下来会频繁提到: ① 容器: 需要添加弹性布局的父元素; ② 项目: 弹性布局 ...
分类:
其他好文 时间:
2020-01-16 18:45:37
阅读次数:
160
垂直居中,在CSS中是一个老生常谈的问题,面试的时候也会时常被提及。所以,今天我们就来聊聊9种不同的居中方法。有常见的flex、transform、absolute等等。也有CSS3的网格布局。还有伪元素的方法,是的,你没有看错,::after和::before也可以实现居中。1、flex大家的第一反应,可能就是flex了。因为它的写法够简单直观,兼容性也没什么问题。是手机端居中方式的首选。<
分类:
Web程序 时间:
2020-01-16 01:00:21
阅读次数:
110
说明 问题: 一个div宽度不固定,高度固定,采用Flex布局,它里面有两个元素一个img宽度占40%,高度占100%,一个p元素,宽度占60%,高度占100%,调整浏览器窗口大小,要保证,img元素不变形,宽高比不变,怎么办! 从图中可以看出,随着调整浏览器窗口,图片的宽高比也被破坏了,我们该怎么 ...
分类:
Web程序 时间:
2020-01-15 19:33:18
阅读次数:
76
css: 1 body{ 2 padding: 0 10%; 3 } 4 ul,li{ 5 margin: 0; 6 padding: 0; 7 list-style: none; 8 } 9 .flex-box{ 10 display: flex; 11 border: 1px solid; 12 ...
分类:
Web程序 时间:
2020-01-15 19:11:53
阅读次数:
97
1.在父组件中调用子组件,父亲传值给子组件 子组件如下,把要传给给父亲的值放在props中 template> <!--底部导航--> <div class="index-bbar"> <ul class="flex" > <li v-for="(item,index) in liAry" :cla ...
分类:
其他好文 时间:
2020-01-15 13:50:22
阅读次数:
104
自定义自己的vue-cli模板 在使用vue-cli的过程中,常用的webpack模板只为我们提供最基础的内容,但每次需要新建一个项目的时候就需要把之前项目的一些配置都搬过来,这样就造成挺大的不方便,如果是作为一个团队,那么维护一个通用的模板,我认为是挺有必要的。 例如下面是我常用构建项目的目录。 ...
分类:
其他好文 时间:
2020-01-14 20:27:13
阅读次数:
177
2020年新年将至,先预祝.Net Core越来越好。 做了这么多年一线开发,经常跟Http打交道。比如调用三方的Webservice,比如集成微信支付的时候服务端发起Prepay支付。特别是现在分布式、微服务大行其道,服务间通讯都离不开http调用。 多年前也造过几个http client的小轮子 ...
分类:
Web程序 时间:
2020-01-13 09:20:42
阅读次数:
93