msn-06-s-CSDN博客

原创在做移动端h5响应式使用css媒体查询属性时的小技巧

在做移动端的h5时，要使用媒体查询属性根据手机屏幕大小动态的改变一些属性，比如字体、宽度等。如果这样写@media screen and (max-height: 568px) {}根据视口的高度来界定是否应用小屏幕的属性但这会造成一个问题。手机浏览器打开网页的时候一般都带有header地址栏和footer操作栏，这两个东西本身会占用一定的高度，导致某些时候你明明不想它应用媒体查询中的属性，而因为...

2018-06-19 18:06:59 1176

原创 OpeonOffice Calc mac单元格内换行方法

我的mac系统是：macOS High Sierra 10.13.5 (17F77)方法如下：1.先选中要换行的单元格，注意一定要让光标在里面2.按住command+enter即可

2018-06-11 08:54:04 622

原创非常好用的一个日期处理的函数replace()

有时候,客户的要求很.....那个啥.....前端要求日期格式是这样的2018年02月02日好不容易我们把date转换好了格式显示在了页面,蛋疼的....后端又要求我们传这样的格式2018-02-02最简单的方法“2018年02月02日”.replace('年','-').replace('月','-').replace('日','')最前面可以是变量...

2018-02-08 11:57:20 2017

原创在使用vuex时遇到的坑

坑一:使用vuex有时会报如下的错误here are multiple modules with names that only differ in casing.This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.Use equal casing. C

2018-02-04 10:12:16 5486 2

原创 vue如何在一个组件中引用另外一个组件并使用?有两种方法

方法一:代码如下 //1.先使用import导入你要在该组件中使用的子组件 import testComponent from './testComponent.vue' export default { //2.然后,在components中写入子组件 components:

2018-02-03 09:16:18 72056 8

原创使用mint-ui popup和picker实现手机端选择性别的功能踩到的坑

popup的使用很简单,代码如下: <mt-popup v-model="sexpopup" position="bottom"> <mt-picker :slots="dateSlots" @change="onSexChange" :visible-item-count="5" :sho

2018-01-26 18:27:08 10702 3

原创使用mint-ui Navbar遇到的一个小坑

根据官方文档例子的描述navbar要这样使用:mt-navbar v-model="selected"> mt-tab-item id="1">选项一mt-tab-item> mt-tab-item id="2">选项二mt-tab-item> mt-tab-item id="3">选项三mt-tab-item>mt-navbar>mt-tab-container v-

2018-01-17 10:43:02 4863 5

原创关于响应式布局的要点

1.什么是响应式布局？响应式布局就是根据设备的分辨率自动调整切换到你设定好的适应当前分辨率的布局方法（比如：屏幕分辨率大于768时用一种布局方式，小于768时用另外的布局方法）2.响应式布局的关键使用的是媒体查询,用法如下@media(min-width:769px){.........}@media(max-width:768px){...........}

2016-12-04 11:57:08 312

原创关于bootstrap".container"容器默认的before与after样式效果作用

使用bootstrap后,class为container的容器,会被默认加入以下样式.container:before,.container:after{display:table;content:"";clear:both;}这一段代码是防止上下边距崩塌,如何理解"上下边距崩塌"这个概念?比较直观的效果如下图所示

2016-12-03 08:04:21 5474

原创关于伪元素before与after的学习

与伪类一样，是重要的知识，需要掌握，能够实现诸如微信聊天窗口，登录窗口模糊背景等效果。微信聊天窗口效果,代码如下: mission8 、 /*通配符取消页面默认的padding与margin，并设置盒子模型的相关显示*/ *{ padding:0;

2016-11-30 21:56:19 482

原创关于bootstrap的一些学习理解

bootstrap是如何工作的？格栅布局如何运行注意点如下：1.它有三个重要的组成部分：容器、行、列2..class“.container”能用来设定宽度。“.container-fluid”设定全屏宽度。它们都可以用来居中你的网站内容并且对其你的单元格3.rows可以看成是横的列，用来确保你的列是正确对齐的4.内容应该放在列中，并且只有列才能是行的直接子元素5.如果你的布

2016-11-30 21:54:32 201

msn-06-s