单个slot使用最简单,也是最常用的,当我们定义了一个子组件,父组件在使用的这个组件的时候,想在内部自定义一些初始化数据,这时候就可以用slot实现。 具名slot只是给slot加了name属性,在使用的时候可以引入多个。 作用域slot就比较强大了,我们知道子组件的数据,在父组件中是无法使用的,但 ...
                            
                            
                                分类:
其他好文   时间:
2018-12-05 12:41:46   
                                阅读次数:
188
                             
                         
                    
                        
                            
                            
                                    html5的新特性 添加了用于媒介回放的 元素 添加了语义标签譬如 、`footer nav` 等等元素 添加了用于绘画的 canvas 元素和svg绘图 扩充了input的输入类型,如下 输入类型|描述 | | | color|主要用于选取颜色 date|从一个日期选择器选择一个日期 dateti ...
                            
                            
                                分类:
Web程序   时间:
2018-12-05 02:11:06   
                                阅读次数:
1859
                             
                         
                    
                        
                            
                            
                                    今天我们继续来说说 Vue,目前一直在自学 Vue 然后也开始做一个项目实战,我一直认为在实战中去发现问题然后解决问题的学习方式是最好的,所以我在学习一些 Vue 的理论之后,就开始自己利用业余时间做了一个项目,然后通过项目中的一些案例进行总结。 今天我们来说说 Vue 中的内容分发 <slot>, ...
                            
                            
                                分类:
其他好文   时间:
2018-12-01 20:25:37   
                                阅读次数:
160
                             
                         
                    
                        
                            
                            
                                    问题背景: 在子iframe页面去处理页面单屏满屏显示的问题,要求内容的高度以满屏的百分比显示,先获取屏幕高度 $(window.parent).height() ,再见去header和footer的高度,然后赋值给iframe,此时发现页面出现滚动条,总是要多减掉几px才不会出现滚动条,即包裹if ...
                            
                            
                                分类:
其他好文   时间:
2018-11-30 17:29:32   
                                阅读次数:
144
                             
                         
                    
                        
                            
                            
                                    我们可以看到这样一个布局: 我们预期效果: 结果: 原因:因为父盒子没有给高,然后content内的子元素又是左浮动,脱离标准流,然后下面的footer就会跑上去,这是因为浮动问题产生的,如何解决: 方法1:使用clear:both 方法二:使用overflow:hidden; 第三种(推荐):cl ...
                            
                            
                                分类:
Web程序   时间:
2018-11-26 13:33:28   
                                阅读次数:
175
                             
                         
                    
                        
                            
                            
                                    最近在开发博客过程中,遇到有些body的height是比window的height要低的,然后就出现了footer在页面中间的尴尬样子。那么这种情况怎么解决呢: 首先,写一个footer标签: 然后,对footer和footer的class:fixed-bottom分别进行css样式定制: 为什么要 ...
                            
                            
                                分类:
Web程序   时间:
2018-11-26 02:21:11   
                                阅读次数:
418
                             
                         
                    
                        
                            
                            
                                【如何做一个简单的手机端页面的翻页】第一步:创建移动端页面内HTML+CSS【注】可用弹性布局但需要注意的是外层盒子的定位第二步:思考问题要实现怎样的效果?手指滑动时触发事件【左右】两个方向2.点击footer部分的下标实现切换效果3.点击footer部分的下标实现下标颜色变化第三步;编写JS代码添加监听事件document.addEventListener(‘DOMContentLoad
                            
                            
                                分类:
移动开发   时间:
2018-11-23 20:52:47   
                                阅读次数:
249
                             
                         
                    
                        
                            
                            
                                    【如何做一个简单的手机端页面的翻页】 第一步:创建移动端页面内 HTML + CSS 【注】可用弹性布局 但需要注意的是 外层盒子的定位 第二步: 思考问题 要实现怎样的效果? 1. 手指滑动时触发事件【左右】两个方向 2.点击footer部分的下标实现切换效果 3.点击footer部分的下标实现下 ...
                            
                            
                                分类:
移动开发   时间:
2018-11-23 20:37:52   
                                阅读次数:
246
                             
                         
                    
                        
                            
                            
                                    新增结构元素: section元素 section元素定义文档或应用程序中的一个区段,比如章节、页眉、页脚或文档中的其他部分。它可以与h1,h2,h3,h4,h5,h6元素结合起来使用,标示文档结构。 HTML5中代码示例:<section>…</section> HTML4中代码示例:<div>… ...
                            
                            
                                分类:
Web程序   时间:
2018-11-16 22:36:25   
                                阅读次数:
324
                             
                         
                    
                        
                            
                            
                                    1、命令格式: nl [选项] [文件] 2、命令功能: nl(Number of Lines) 将指定的文件添加行号标注后写到标准输出。如果不指定文件或指定文件为"-" ,程序将从标准输入读取数据。 3、命令参数: 4、简单实例: (1)、用nl列出a.txt的内容 命令: nl a.txt 输出 ...
                            
                            
                                分类:
系统相关   时间:
2018-11-15 10:25:14   
                                阅读次数:
235