我们知道, 在模板中可以直接通过插值语法显示一些data中的数据. 但是在某些情况, 我们可能需要对数据进行一些转化后再显示, 或者需要将多个数据结合起来进行显示 比如我们有firstName和lastName两个变量, 我们需要显示完整的名称. 但是如果多个地方都需要显示完整的名称, 我们就需要写... ...
分类:
其他好文 时间:
2020-04-15 21:02:42
阅读次数:
69
如果只做pc端,那么静态布局(定宽度)是最好的选择; 如果做移动端,且设计对高度和元素间距要求不高,那么弹性布局(rem+js)是最好的选择,一份css+一份js调节font-size搞定; 如果pc,移动要兼容,而且要求很高那么响应式布局还是最好的选择,前提是设计根据不同的高宽做不同的设计,响应式 ...
分类:
移动开发 时间:
2020-04-15 18:28:31
阅读次数:
75
通过<meta>配置vieport,实现响应式布局 也是移动端的通用适配方案 网页宽度与PC端一致 网页缩放比例与PC端一致 不允许用户自行缩放 viewport 由浏览器承载 套在网页的外层,但是是隐藏的 当把网页放在移动端进行显示时,viewport会把网页进行等比例缩放,适应移动端的设备大小 ...
分类:
Web程序 时间:
2020-04-15 18:10:14
阅读次数:
161
vue是数据响应性,这是很酷的一个地方。本文只为理清逻辑。详细请看官方文档 https://cn.vuejs.org/v2/guide/reactivity.html vue的data在处理数据时候,会遍历data内对象的所有属性,并使用Object.defineProperty将属性转为gette ...
分类:
其他好文 时间:
2020-04-14 22:32:15
阅读次数:
76
?引入bootstrap4 css文件,只在bootstrap4有效,bs3效果不太行: 垂直居中:为需要垂直居中的div新建如下样式 ~~~css .col center block { position: absolute; top: 50%; webkit transform: transla ...
分类:
其他好文 时间:
2020-04-14 09:17:34
阅读次数:
119
Mustache 如何将data中的文本数据, 插入到HTML中呢? 已经学习过了, 可以通过Mustache语法(也就是双大括号). Mustache: 胡子/胡须. 我们可以像下面这样来使用, 并且数据是响应式的 ...
分类:
其他好文 时间:
2020-04-14 00:52:23
阅读次数:
50
Vue2.X监听data变化的核心API—Object.defineProperty基本使用: Object.defineProperty实现响应式 1.监听对象(简单对象) 上面通过监听get,set方法了解到data变化,进而可以达到响应式。 2.复杂对象(深度监听),深度监听 触发更新视图 / ...
DevExpress ASP.NET Bootstrap Controls利用轻量级渲染、响应式布局和现代性能优化技术,扩展网站的受众范围并提高搜索排名。渲染的代码仅使用Bootstrap CSS组件,所有的控件都将适应任何屏幕的分辨率。 DevExpress ASP.NET Bootstrap控件 ...
分类:
Web程序 时间:
2020-04-09 10:45:49
阅读次数:
89
网页布局(layout)是CSS的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响应式地实现各 ...
分类:
其他好文 时间:
2020-04-07 18:31:12
阅读次数:
79
博客主题BiliV2.0更改及优化 主题特色 响应式布局(自适应<360px、<767px的不同尺寸屏幕)。 首页全屏背景logo,个性定制。 首页公告消息。 首页轮播,支持定义不同数量的banner。 页脚返回顶部按钮。 博客正文为Github风格Markdown。 博客底部支持博主微信二维码。 ...
分类:
其他好文 时间:
2020-04-06 15:40:51
阅读次数:
120