利用webpack搭建网页实时刷新的前端开发环境

利用webpack搭建网页实时刷新的前端开发环境
在前端开发中,普通的方式是,敲完代码后保存,再到浏览器去刷新。现在,我们可以利用webpack工具来实现浏览器的自动刷新。没错,就是你保存后,马上可以在浏览器中看到更新的效果,不用借助第三方浏览器插件哦。(grunt.js也能实现,不过似乎需要利用livereload). 我们需要用到webpack的一个插件:webpack-dev-server,好了,废话不多说,开始动手吧! 第一步:确定你的机器已安装node.js环境,如果没有,...

Vue.js在加载时,会闪一下源码标签的解决办法

Vue.js在加载时,会闪一下源码标签的解决办法
在使用Vue写应用时发现一个问题,每当进入一些有延时的(如网络API请求)操作时,会先闪一下未编译的 Mustache 标签{{ message }},这让人很不爽。 官网上面给出了解决办法:V-cloak v-cloak 不需要表达式 用法:这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时,这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。 示例: [v-cloak] { display: n...

vue.js实现tab标签页的切换效果【不用vue-router】

vue.js实现tab标签页的切换效果【不用vue-router】
在用vue.js开发我们的多页面项目时,遇到需要实现点击增加一个active的class,且其它的标签去除。 这个效果的实现在用jquery时非常容易实现,当然,在用vue-router的情况下也非常容易实现。 不过我们并不需要引入router,那我们的实现就可以通过属性和数值进行控制。 思路如下: 1、给每个标签赋一个索引(如果是用v-for渲染出来的话,会有$index这个变量); 2、通过点击控制data里的一个变量num的数值; 3...

金额的正则表达式

金额的正则表达式
工作中需要到金额的正则表达式,正数,可带两位小数,可不带,不能为0 ,在网上找了一圈,都是有一部分校验不成功的,最后发现只有这一个合适: /^(([1-9]\d*)(\.\d{1,2})?)$|(0\.0?([1-9]\d?))$/ 匹配规则:正数,浮点+两位小数 1 > 成功 10 > 成功 10000 > 成功 999999 > 成功 1.0 > 成功 1.05 > 成功 1.50 > 成功 1.500 > 失败 1.52

设置html body的高度为百分比时,margin-bottom在safari里失效?

设置html body的高度为百分比时,margin-bottom在safari里失效?
<html> <body> <div id="app"> ... html, body { height: 100%; } #app { margin-top: 50px; margin-bottom: 50px; } 页面的关键结构大概是如上这样子的,然后在safari或者是ios webview里,margin-bottom无效。chrome, ff 都是正常的。stackoverflow上搜到相关的信息是这样: http://stackoverflow.com/ques... 按照回答所说去掉height: 100%,果然...

vue.js实现滚动监听(scroll)

vue.js实现滚动监听(scroll)
简简单单,直接上代码: data () { return { scrolled: false }; }, methods: { handleScroll () { this.scrolled = window.scrollY > 0; } }, created () { window.addEventListener('scroll', this.handleScroll); }, destroyed () { window.removeEventListener('scroll', this.handleScroll); }

window.open获取回调值

window.open获取回调值
We usually use the "open" method in the window object to open a new window in Javascript. However, sometimes you need to change some values in the parent window depending on the changes of the new window elements values or you may need to call a method in the parent window from the child one. To do so, you can use the "opener" property in the window object to access the pare...

CSS样式的pre标签换行

CSS样式的pre标签换行
Text in <pre> tags doesn't wrap by default. For example, see the code snippet below! If this is causing layout problems, one solution is to give the pre block an overflow property to hide the excess or cause it to scroll. The other solution is to have it wrap. /* Browser specific (not valid) styles to make preformatted text wrap */ pre { white-space: pre-wrap; /* css-3...

U盘安装CentOS 7.0时遇到要修改vmlinuz initrd=initrd.img

U盘安装CentOS 7.0时遇到要修改vmlinuz initrd=initrd.img
现在很多安装系统基本上是用U盘,昨天尝试安装时出现问题,找了一圈发现都是理想状态的乱说。 问题:安装程序无法识别引导盘,需要手动更改。网上很多说要将标签改为: >vmlinuz initrd=initrd.img inst.stage2=hd:/dev/sdb* quiet” 云云(*号表示U盘编号)。 最大的问题是,我不知道我的U盘编号啊! 先别这样弄,会折腾死人的。 改成这样: >vmlinuz initrd=initrd.img linux dd quiet 这时就能把所...
Copyright © 前端面试题 保留所有权利.   Theme  Ality 桂ICP备17012235号-1

用户登录