不定宽高垂直居中分析

不定宽高垂直居中分析
昨天做移动项目是,遇到这样一个案例,如图,图片容器随着视口宽度进行自由拉伸扩张,图片不定宽高,垂直居中: 当时做这个布局的时候,我一直想到用display:table-cell通过vertical-align:middle,来实现居中,可以当我在同一个节点用position:absolute,会导致此居中问题失效。 最后想到的解决方案,案例如下,不定宽高垂直居中: <!DOCTYPE HTML> <html lang="en-US"...

NodeJS遍历文件生成文件列表

NodeJS遍历文件生成文件列表
功能需求:在工作中我们可能经常需要知道项目中静态文件列表发布,一个一个去检索写,那就太苦逼了。 要想知道里面的文件列表是不是很蛋疼,可能我们也会有dos tree去获取。 这里分享一下,通过node,知道文件路径,并配置远程路径,直接copy,发布。 新建filelist.js 里面都有注释,我就不哆嗦了. var fs = require("fs"); //path模块,可以生产相对和绝对路径 var path = requir...

利用q模块使gulp中的任务按顺序执行

利用q模块使gulp中的任务按顺序执行
举一个简单了例子: gulp.task('task2',function(){ setTimeout(function(){ console.log("task2 has been completed") },3000) }) gulp.task('task1',['task2'],function(){ console.log("task1 has been completed") }) 在命令行中执行gulp task1 通过命令行的任务流程,我们可以看出,任务并没有像我们想象的那样运行。这是因为在gulp中,所有task都是异步执行的...

解决Gulp task执行的先后依赖以及先后顺序

解决Gulp task执行的先后依赖以及先后顺序
我想执行的工作流程是 1.监控tpl中html文件变化-->复制tpl中的html文件到dist目录下-->刷新html文件版本号-->刷新浏览器 2.监控less文件的变化-->清空dist/css目录下的所有css文件-->编译less-->刷新html文件版本号-->刷新浏览器 3.监控js的变化-->清空dist/js目录下的js文件-->复制src/目录下的js到dist/js下-->刷新html文件版本号-->刷新浏览器 4.监控res/目...

让gulp按顺序执行

让gulp按顺序执行
gulp的关键在于流,这从它的logo就能看出来。 在node中,流是操作文件时一个重要的概念。流是指什么呢?它包含两个含义:“水流”和“流水”。 水流蕴含了源源不断或是一股一股那样流过的意味;而流水是“流水线”或是“流水作业”里那种让物件通过各个环节依次对其加工的意思。 我们经常接触到的“流媒体”主要是前者的含义,当你在线看一部电影时,影音数据从服务器源源不断地流入你的播放器, 再经过一些处理...

vue.js基础指令列举及总结

vue.js基础指令列举及总结
1.v-bind 绑定dom元素属性 <div id="app-2"> <span v-bind:title="message"> 鼠标悬停几秒钟查看此处动态绑定的提示信息! </span> </div> var app2 = new Vue({ el: '#app-2', data: { message: '页面加载于 ' + new Date() } }) 2.v-if 条件 如果后面的值是true则显示。 根据表达式的值的真假条件渲染元素。在切换时元素及它的数据绑定 / ...

Vue.js常用指令总结

Vue.js常用指令总结
有时候指令太多会造成记错、记混的问题,所以本文在记忆的时候会采用穿插记忆的方式,交叉比对,不易出错。 本文主要讲了一下六个指令: v-if//v-show//v-else//v-for//v-bind//v-on 1. v-if 条件渲染指令,根据其后表达式的bool值进行判断是否渲染该元素; eg:   HTML:  <div id="example01"> <p v-if="male">Male</p> <p v-if="female">Female<...

5ucms调用标签使用范例

5ucms调用标签使用范例
固定大类下所有子类内容(不包含子栏目名),如ID=4时 <!--channel:{ $table=channel $Where=id=4 }--> <!--List:{ $Row=10 $cid=[channel:childids] $Type=Images $Order=[ID] Desc }--> <a href="[list:aurl]" target="_blank"><img width="158" height="157" src="[List:indexpic $width=158 $height=157]" alt="[List:titlex]" /></a><br /&...

匿名函数、jquery插件、substring与substr剖析

匿名函数、jquery插件、substring与substr剖析
1.    JS中substring与substr的区别 之前在项目中用到substring方法,因为C#中也有字符串的截取方法Substring方法,当时也没有多想就误以为这两种方法的使用时一样的。这样就直接按照在C#中使用Substring的方式,直接在js中用了substring,在实际的项目中,有时候能得到正确的结果,但是有时候得到的结果却让人匪夷所思,后来仔细的调试跟踪之后才发现,原来是Js中substring的方法跟C#...

Visual Studio Code常用快捷键

Visual Studio Code常用快捷键
通过F1或者Ctrl+Shift+P打开主命令面板。在主命令面板中可以执行VSCode的任何一条命令。Command Palette是VSCode中最有用的模式,在这里你可以安装组件也可以查看快捷键等。 在主面板模式下按backspace可以进入Ctrl+P模式中。 本地文件导航模式(Ctrl+P) 通过Ctrl+P进入“本地文件导航模式”,该模式默认列出了你打开过的文件。在输入框中可以输入你想要打开的文件。 就像上图的输入框中...
Copyright © 前端技术分享休闲玩耍去处分享-大一网 保留所有权利.   Theme  Ality

用户登录 ⁄ 注册

分享到: