2018年01月_Bonrui

原创 window下nodejs安装和使用

一、下载根据不同的环境下载node.js Node.js官网下载地址：https://nodejs.org/en/二、配置 window默认安装npm当时当我们安装npm插件时会默认安装到C盘。我们往往需要修改默认全局安装目录。比如node安装在D://nodejs，那么我们可以执行下面的命令修改npm默认安装目录：n

2018-01-17 16:47:43 828 1

原创 redis,Redis Desktop Manger和IDEA Iedis的安装和使用

本篇介绍一下redis和redis可视化工具的安装和使用。一、redis 1：安装下载地址：https://github.com/MicrosoftArchive/redis/releases 请参考：不同系统redis的安装 2：启动服务redis-server.exe redis.windows.

2018-01-17 14:29:39 6165

原创 Vue配置和使用scss/less

vue配置sass1：安装npm install node-sass --save-devnpm install sass-loader --save-dev2：配置webpackvue1.0配置webpack中module的loaders为：{ test: /\.vue$/, loader: 'vue-loader', options: { lo

2018-01-16 14:55:25 1454

原创 H5打开外部APP

H5开发我们会遇到这样的需求，在页面中打开外部APP。下面我们来总结一下H5打开APP的方式。并详细介绍 URL Scheme 打开方式。目前常见的唤醒APP方式有：1：URL Scheme2：Android intent3：Safari内置APP广告条4：Universal Links方式一：URL SchemeIOS和Android都支持Scheme，在APP开发时

2018-01-16 09:04:55 7633 1

原创 vue 常用操作

使用vue开发的网站如何支持多语言？如果vue网站想支持多语言我们可以选择 vue-i18n 下面介绍一下它在vue中的使用：1：使用npm安装npm install vue-i18n -S2：挂载到vue实例import Vue from 'vue'import VueI18n from 'vue-i18n'// install pluginVue.use(Vue

2018-01-15 10:53:12 1491 1

原创 css 常用操作

transform限制position:fixed的跟随效果元素设置position:fixed后大家都知道可以让元素不跟随滚动条滚动，但是transform可以把position:fixed干掉让其降级成absolute。如下面代码：本身应该不动的图片因为父级设置了transform而变成了absolute的效果。更多transform影响css的介绍请参考：

2018-01-12 20:58:14 4892 1

原创 H5 手机页面字体显示大小与css设置不一致，viewport影响font-size问题

css设置字体大小后在手机端查看字体偏大。经过排查排除css优先级和js的问题。经过分析可能是浏览器的功能，经过搜索发现确实如此。这个特性被称做「Text Autosizer」，又称「Font Boosting」、「Font Inflation」，是 Webkit 给移动端浏览器提供的一个特性：这个特性是为用户因页面内容多而缩放页面导致字体变小看不清楚而设计的。目的是为了让用户缩放页面后保

2018-01-12 20:40:29 9066

原创 HTML input placeholder的样式设置

placeholder兼容写法：::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: pink;}::-moz-placeholder { /* Firefox 19+ */ color: pink;}:-ms-input-placeholder { /* IE 10+ */ color: pi

2018-01-12 19:53:00 11640

Bonrui编程路