2017年06月_武东10号

原创 framework7---framework7下关于导航栏和工具栏的几种布局类型

静态布局静态布局，导航栏和工具栏流式布局，随页面滚动.views .view .pages .page .page-content .navbar ........ .toolbar 固定布局固定布

2017-06-27 11:00:02 4246

原创 framework7---framework7初始化应用myApp之中参数

在引入了相应框架中css与js文件之后，需要通过new生成Framework7实例进行应用初始化(初始化对象是HTML中已经存在且需要浏览的view)const app=new Framework7(options);//其中实例中options参数为对象，用于配置app应用，以实现更多个性化定制实例中参数配置配置项类型/默认值解释页面回调函 onAjaxSta

2017-06-23 23:49:16 5032

原创 node---path模块，nodeJs的path对象，如何用来处理目录，path.join,path.resolve,path.relative.path

path.dirname(agr)const path=require('path');path.dirname('dist/js/a.js');//返回 dist/js,当dirname的参数agr为文件时候，返回改文件的目录path.dirname(path.resolve('a','b','d/e'));//返回D:\demos\a\b\d 绝对路径参数时候，返回上层目录path.di

2017-06-22 23:48:40 13064

原创 webpack---使用插件，常见webpack的plugin，构建vue，react单页面/多页面工程APP必备插件

html-webpack-pluginconst htmlWebpackPlugin=require('html-webpack-plugin');plugins:[ new htmnlWebpackPlugin({ template:'index.html', filename:'home.html', ti

2017-06-20 23:56:26 4081

原创浏览器---Chrome前端开发必备插件，如何设置代理，react调试，定死https协议，sublime热更新，浏览器发请求post

HTTPS everywhere//URL协议强行改为HTTPS，可以用来配合hosts文件修改，用于翻墙React Developer Tools//用于前端调试react组件使用Enabled Reload//用于sublime等代码编辑器，实时热更新web页面Postman//用于Chrome浏览器端发送post等请求Proxy SwitchySharp//用于chrome上

2017-06-19 21:55:12 2836

原创 git---基本操作、新建分支，合并分支branch到主干master ,git pull ,git push

初始化git仓库git init ///输出：Initialized empty Git repository in /home/jin/Documents/gitLearn/.git////则于指定位置初始化了一个空仓库，会自动创建.git文件。文件中.gitnore则用来排除指定文件夹/文件提交到变化中添加变化git add . //提交所有新增文件和变化文件，不包括被删除文件git ad

2017-06-18 23:25:22 6861

原创 git---如何解决fatal: remote origin already exists报错window下git报错

remote origin already exists//远程分支已经存在，故报错！删除远程分支：git remote rm origin重新添加远程分支：git remote add origin git@github.com:[your git name]/[your git repertory]//如：git remote add origin git@github.com:Wbio

2017-06-18 19:05:53 14263

原创 git---如何解决The authenticity of host 'github.com (192.30.255.112)' can't be established.

新生成密钥的时候，git clone或者push的时候，经常会报这样的错误：The authenticity of host 'github.com (192.30.255.112)' can't be established.RSA key fingerprint is SHA256:nThbg6kXUpJWGl7E1IGOCspRomTxdCARLviKw6E5SY8.Google之后明白，

2017-06-18 14:30:41 75160 20

原创 git---window系统中如何通过git命令符生成秘钥SSH Key，向GitHub添加密钥 ?

1.下载git//进入官网下载git;https://git-scm.com/download/win2.配置本地信息git config --g user.name "wbiokr" //引号内输入用户名git config --g user.email "wbiokr@hotmail.com" //引号内输入邮箱 3.检测并生成秘钥///检查本机是否有密钥，建议即使有也直接删除,目录 C:\U

2017-06-18 14:20:35 1215

原创 js---在前端开发中，如何通过正则表达式去除字符串string首尾的空格，JavaScript正则去除首尾空格

正则表达式写法，(^\s*) //表示从第一个位置开始匹配至少一个空格或控制符(\s*$) //表示从最后一个位置开始匹配至少一个空格或控制符(^\s*)|(\s*$) //前后匹配至少一个空格或控制符this.replace(/(^\s*)|(\s*$)/g, ""); //表示将匹配的空格或控制符替换成""为string增加方法// String 构造函数的原型对象的一个方

2017-06-17 19:14:51 4023

原创 react---RoutingConfig(...): A valid React element (or null) must be returned. You may have returned

使用react路由组件react-router-dom的时候报错，代码如下：let RoutingConfig=()=>{ <Router> <div> <Route exact path='/index' component={Index} /> </div>

2017-06-13 00:32:14 1222

原创 webpack---Error in app.js ;Module build failed :SyntaxError ../app.js : unpexted token <7:8> 对'<'报错

Error in app.js ; Module build failed :SyntaxError ../app.js : unpexted token <7:8>；对’<’报错。如图所示：解决办法： .babelrc文件里面填充内容：{ "presets": [ "es2015", "react", "stage-0" ]

2017-06-11 17:54:56 1284

原创 webpack---粗暴解决Module build failed: Error: The node API for 'babel' has been moved to babel-core

webpack打包的时候报红：Module build failed: Error: The node API for 'babel' has been moved to babel-core网上并没有什么可利用信息，于是乎，删除整个node_modules文件夹，重新下载依赖包：npm init;cnpm install --save babel-loader babel-preset-

2017-06-11 17:30:02 3669

原创 js---如何通过js判断当前输入法是拼音还是英文输入法？

给input绑定keyup或者oninput事件的时候，中文输入法下想让整个汉字输完才触发事件，那么就需要判断输入方式是否是中文的了。 var isPinyin = false, isPinyin = false;$('#selectMatchInput').on('compositionstart', function () { isPinyin = true });//此时为拼音输入法$('#

2017-06-11 15:59:35 6849

原创 css---前端如何用css代码写省略号，单行省略号，多行省略号？

1、单行省略号width:100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;可以在scss中把width变为变量：@mixin overflow($width){ width:$width; overflow: hidden; text-overflow: ellipsis; whi

2017-06-11 15:53:39 10484 1

原创 css---pc、无线如果通过js获取屏幕宽度结合sass实现自适应页面

1、js生成html的font-size(即生产1rem的px数)//html顶部添加代码// <script type="text/javascript"> (function(){ var docEl = document.documentElement; var dpr = window.devicePixelRatio || 1;

2017-06-11 15:45:03 1999

转载 react---react创建组件的三种方式以及区别:无状态组件、工厂模式、es6语法定义

1、无状态组件创建无状态函数式组件形式是从React 0.14版本开始出现的。它是为了创建纯展示组件，这种组件只负责根据传入的props来展示，不涉及到要state状态的操作。具体的无状态函数式组件，其官方指出：//在大部分React代码中，大多数组件被写成无状态的组件，通过简单组合可以构建成其他的组件等；这种通过多个简单然后合并成一个大应用的设计模式被提倡。无状态函数式组件形式上表现为一个只带有一

2017-06-11 14:05:13 6680

转载 react---react组件创建，通过React.createClass方法与class App extends Component方法的区别

createClass本质上是一个工厂函数，extends的方式更加接近最新的ES6规范的class写法。两种方式在语法上的差别主要体现在方法的定义和静态属性的声明上。createClass方式的方法定义使用逗号,隔开，因为creatClass本质上是一个函数，传递给它的是一个Object；而class的方式定义方法时务必谨记不要使用逗号隔开，这是ES6 class的语法规范。React.creat

2017-06-11 13:00:22 4746

原创 react---学习笔记：使用create-react-app快速构建开发环境并创建项目

create-react-app 是来自于 Facebook，通过该命令我们无需配置就能快速构建 React 开发环境。 create-react-app 自动创建的项目是基于 Webpack + ES6 。执行以下命令进行安装：使用cnpm比较快，这里可以安装$ cnpm install -g create-react-app //安装全局react构建环境,$ create-reac

2017-06-11 12:14:01 694

原创 node---如何替换npm包管理工具伟国内淘宝镜像cnpm

国内使用 npm 速度很慢，可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:$ npm install -g cnpm --registry=https://registry.npm.taobao.org$ npm config set registry https://registry.npm.taobao.org然后按照模块就可以使用cnpm：cnpm in

2017-06-11 12:00:20 3099

原创 webpack---webpack中经典实用的插件copy-webpack-plugin拷贝资源插件

- copy-webpack-plugin 在webpack中拷贝文件和文件夹cnpm install --save-dev copy-webpack-pluginnew CopyWebpackPlugin([{ from: __dirname + '/src/public'}]);//作用：把public 里面的内容全部拷贝到编译目录from 定义要拷贝的源目录

2017-06-11 00:25:33 29600

原创 angular---angular4学习笔记：angular中的模块化@NgModule装饰器

angular应用的模块系统被称为angular模块或NgModule定义：///angular是带有@NgModule装饰器提供元数据的类。其模块系统被称为angular模块或NgModules.每一个angular应用至少有一个模块，不可或缺的根模块(如：AppModule)。import { NgModule } from '@angular/core';import {

2017-06-10 20:35:22 8568 1

原创 webpack---htmlWbpackPlugin插件在webpack中的应用

安装cnpm install html-webpack-plugin配置title://生成的html文件的titlefilename://生成的html文件名字template://webpack引入的源html文件，2.0允许使用任何loader：直接使用字符串路劲(./index.html);前置loader(!!handlebars!./index.hbs);配置module.loader使

2017-06-01 00:04:28 1367

Wbiokr的博客