股票场内基金交易,没时间盯盘?

   
使用优财助手电脑客户端记录下您的股票买入卖出数据,能帮您时刻盯盘,会根据您记录的未售出买入价计算上涨或下跌幅度,及时弹框通知您。想知道如何使用?快点击左方视频观看了解吧~~下载地址:http://youcaizhushou.com

Browsersync是什么?

Browsersync是一款前端开发中的利器,它可以跨设备同步操作行为,如滚动、点击、导航,以及填写表单。还可以监听你的文件,在文件修改时自动刷新所有设备中页面。可以说是大大提高了前端工作的效率。

安装Browsersync

首先安装Node与npm。然后进入:Browsersync官网

在命令行中输入

npm install -g browser-sync

由于国内网络原因,npm下载经常会失败。所以在国内推荐淘宝的npm源。

淘宝 NPM 镜像

等待NPM安装完成,我们就可以开始使用了。

Browsersync的ComandLine模式

虽然这年头Gulp,Grunt之类构建工具的到处都是,但还是得按需取用。

如果只是简单的写一个静态页面,这儿推荐使用Browsersync的ComandLine模式。也就是直接使用命令行。

首先进入页面所在文件夹,在终端中输入下面这行命令。

browser-sync start --files "*.*"
// 意思为监听当前目录下所有改动。

在终端中输出这些信息就代表browser-sync启动成功了。

Browsersync的ComandLine模式

终端中有这么一句:

UI: http://localhost:3001
这个就是browser-sync控制台的入口。点击去可以看到这样
Browsersync的控制台界面

看到有个大大的提示:
Place this snippet somewhere before the closing </body> tag in your website
意思就是要你把那串js文件插入要检测更新的网页中。
于是我在我要的页面中插入这串脚本。
页面插入脚本

再打开这个页面。弹出了一个提示框,告诉我们已经连接到browser-sync了。

页面提示
只要尝试更改html或css文件,再保存。
页面就会自动刷新了。

Browsersync与Gulp的搭配

Gulp是前端中另一款构建利器,可以和Browsersync搭配。
但对我而言却没多大用处。

目前我使用的构建工具是Webpack,也有自动刷新页面,压缩,打包,生成sourcemap等功能。一方面是因为做单页应用需要React或者Vue与webpack搭配,另一方面是gulp配置过于繁琐。所以就没有学习Gulp。

这儿就不再介绍Gulp的使用了。

Browsersync与Webpack

一开始以为Browsersync与Webpack是不能共用的,结果去npm搜了一下,发现了browser-sync-webpack-plugin。虽然可能用处不大,但还是介绍一下。

安装

安装是一如既往的简单
npm install --save-dev browser-sync-webpack-plugin
前提是你安装了Webpack。
同时,插件作者也给了提示:”BrowserSync will start only when you run Webpack in watch mode。”

在webpack.config.js(webpack的配置文件)中,加入如下代码:
要加入的代码
这样就可以在webpack下实时刷新页面了。

不过这样与webpack内置dev-server功能会有重复,所以不推荐混合在一起使用。

结语

以上的这些就是对Browsersync使用的简介了。因为个人技术栈原因,Gulp方面没有写。下次可以的话,写一篇Webpack dev server的可能会更好一点。

   

想获得去掉 5 元限制的证券账户吗?

证券交易股票基金的佣金,不足 5 元会按照 5 元收取。比如交易 1000 元的股票,按照普遍的证券佣金手续费率万 2.5,其交易佣金为 0.25 元,小于 5 元,实际会收取佣金 5 元,买卖两次需要支付 10 元佣金成本,1% 的利润就这样没了。

如果您想去掉最低交易佣金 5 元限制,使用微信扫描左边小程序二维码,访问微信小程序「优财助手」,点击底部菜单「福利」,阅读文章「通过优财开证券账户无最低交易佣金 5 元限制」,按照文章步骤操作即可获得免 5 元证券账户,股票基金交易手续费率万 2.5。

请注意,一定要按照文章描述严格操作,如错误开户是无法获得免 5 元证券账户的。

Comments

发表评论

电子邮件地址不会被公开。 必填项已用*标注