- 博客(29)
- 收藏
- 关注
RSS订阅原创 从 roadhog 转移到 create-react-app 并升级 webpack4
项目环境说明公司项目，使用 antd 做为开发的 UI 框架， 项目使用预编译语言 less，这主要是为了和 antd 官方保持一致， 项目中有一些 tsx 的组件和 一些 ts 的脚本，所以 新的配置必须能够适应 js 和 ts 混合编译，支持 css-modules, 支持 less 以及 antd 的动态导入完整开发配置eject 配置$ yarn eject...
2018-09-15 15:50:11
2217
2
原创 Javascript 关于array的使用
Javascript 关于array的使用来自: https://luoyangfu.com/detail/5b6029125fe6a2014b6b03a1最近做项目经常会使用到数组，尤其在一个中台系统中，数组是尤为常见的，而且前端数组可以实现任何有序数据结构，总结一下数组的方方面面。使用创建数组const arr = [] // 直接申明const arr1 =...
2018-08-01 10:27:35
397
原创 使用webpack进行版本管理工具(webpack-plugin-auto-version)
使用webpack进行版本管理工具(webpack-plugin-auto-version)出处: https://luoyangfu.com/detail/5b6115cb2cfc251f7a25df5cGitHub [webpack-plugin-auto-version] https://github.com/zsirfs/webpack-plugin-auto-versionn...
2018-08-01 10:24:15
1900
原创 cypress进行e2e测试之理论
cypress 进行 e2e 测试之理论cypress 是目前 e2e 很火的一个测试组件，内部绑定了 macha、chai、chai-jquery 之类的断言,为了让代码代码 更有说服力，减少提交测试错误，进行 e2e 测试显然是非常有必要的。 官网 GitHub借鉴官网一句话来说: Cypress is a next generation front end...
2018-04-27 11:41:52
4035
原创 iphonex中全屏h5的适配
iphonex 已经上线有一段时间了，作为业界刘海屏幕第一款机型，导致全屏不能正常的全屏显示了，，所以需要对 iphonx 适配，下面就详细说说如何适配先看一张适配前后的图: iphonex 提供的 meta 头<meta name="viewport" content="viewport-fit=contain"><meta name="viewpor...
2018-04-19 13:44:35
3188
原创 ajax之axios的使用
axios 是一个 Promise 的 ajax 库，同时支持浏览器和 nodejs 服务器，使用 axios 可以轻松的发送 GET/POST 请求,同时可以附加很多额外的功能，比如拦截器, 认证，代理，状态校验等安装 axios 的GitHub 库的地址,点击这里使用 cnpm/npm/yarn 安装命令$ npm install axios # 或者...
2018-04-18 13:54:24
2770
原创 [webpack]我所遇见的bug:[babel] note:the code generator has deoptimised the styling...
只需要在.babelrc中添加:{ // ... "compact": false}
2017-12-19 22:12:25
7206
1
原创 react-starter-kit 学习之eslint 规则
react-starter-kit 学习之eslint 规则react-start-kit 是一个全栈的开发模板。前端配置了webpack + react 后端配置 express + sqlite + graphql 等，看到react-starter-kit过程中有很多坑。需要一个一个的走过。记录自己学习的历程，在开发过程中还是需要eslint，这是自我对代码风格的一种规范。react-star
2017-10-31 23:48:02
982
原创 linux 或者 mac 安装mysql 忘记密码解决办法
linux 或者 mac 安装mysql 忘记密码解决办法使用设备电脑: linux 或者 like-linux os mysql版本: 5.7 +问题描述 安装完成后不能够通过命令mysql -u root 进行连接数据库解决办法一般通过dmg安装的mysql的服务器，安装的位置在/usr/local/mysql-version-name-.../ 通过进入该目录然后进入 cd ./bin
2017-10-15 21:35:55
409
1
翻译 NGINX作为WebSocket代理
排版很差。直接复制的，请看原文https://www.nginx.com/blog/websocket-nginx/该网页套接字协议提供创建支持客户端和服务器之间的实时双向通信的Web应用程序的方式。WebSocket的一部分，使得开发这些类型的应用程序比以前可用的方法更容易。大多数现代浏览器支持包括Chrome，Firefox，Internet Explorer，Opera和Safari在内的W
2017-10-13 15:13:47
11654
原创 使用webpack 构建handlebars+jquery+bootstrap的开发环境
前言自从webpack 诞生，就开启了webpack的时代，从其他的老大哥打包工具过度而来，详情可看: https://github.com/tstrilogy/webpack-handlebars-template1. 安装环境2. 配置目录及文件3. 详细配置4. 配置说明5. 完成效果6. 扩展
2017-10-01 13:56:09
1737
原创 nodejs使用mongoose 获取mongodb 数据格式化问题
说明在mongodb 中获取数据，不管使用回调函数还是Promise又或者generate 语法最后得到都是mongoose.Query对象，不能直接操作如同普通对象一样得到单行数据。还有就是时间格式化问题，见下面。 下面示例默认使用co 和 es6 */yield 语法，当然也可以使用async/await1. 安装mongoose$ npm install mongoose co mome
2017-09-28 22:02:41
1386
1
翻译 nodejs 关于 es6 的支持
Node.js是针对现代V8版本而构建的。通过了解该引擎的最新版本，我们确保JavaScript ECMA-262规范的新功能及时提供给Node.js开发人员，以及持续的性能和稳定性改进。 所有ECMAScript 2015（ES6）功能分为三组，用于已完成，提案和正在进行的功能： V8认为稳定的所有运输功能默认情况下在Node.js上打开，不需要任何类型的运行时标志。
2017-09-23 15:59:45
1319
转载 Bind 函数的使用
bind()方法创建一个新的函数, 当被调用时，将其this关键字设置为提供的值，在调用新函数时，在任何提供之前提供一个给定的参数序列。语法 fun.bind(thisArg[, arg1[, arg2[, …]]])参数thisArg 当绑定函数被调用时，该参数会作为原函数运行时的 this 指向。当使用new 操作符调用绑定函数时，该参数无效。arg1, arg2, … 当绑定
2017-09-14 10:37:08
1144
原创 web 服务器阿里云基本使用(Ubuntu16.04LTS)
web阿里云基本使用最近朋友送了一年的阿里云。于是时隔半年再次开始捣鼓阿里云。 下面所有安装均以安装最新的为准。更改阿里云主机名称$ hostnamectl通过这个命令可以查看到阿里云的主机信息:更改:$ sudo vim /etc/hostname在文件内更改相应的名称即可。一般来说从阿里云创建实例开始为一串随机字符串。可以通过修改为localhost来更改。如果修改成其他字符串需要修改/etc/
2017-08-24 16:03:19
477
转载 Ubuntu 下的apt-get/apt 命令详解
命令详解:用法：apt-get [选项] 命令 apt-get [选项] install|remove pkg1 [pkg2 ...] apt-get [选项] source pkg1 [pkg2 ...] apt-get 是一个下载安装软件包的简单命令行接口。 最常用的命令是update(更新) 和install(安装)。 命令： update - 重新获取软件包列表
2017-08-24 11:16:42
439
原创 echarts.js 画报表、数据可视化(第一部分)
echarts.js 画报表、数据可视化(第一部分)echartsjs 画报表数据可视化第一部分搭建环境安装创建项目目录画一个矩形图画一个饼图目标: 本次目标主要可以通过这个框架画出各种图标，例如：矩形图、饼图、折线图等等。搭建环境。安装我们这里直接使用cdn引入,如果使用npm或者bower或者yarn 可以用下面命令进行安装:$ npm install echarts# 或者$
2017-07-28 11:54:03
1149
转载 JS前端模板引擎实现
简单前端模板引擎实现标签（空格分隔）： javascriptAbsurdJS本身主要是以NodeJS的模块的形式发布的，不过它也会发布客户端版本。考虑到这些，我就不能直接使用现有的引擎了，因为它们大部分都是在NodeJS上运行的，而不能跑在浏览器上。我需要的是一个小巧的，纯粹以Javascript编写的东西，能够直接运行在浏览器上。当我某天偶然发现John Resig的这篇博客，我惊喜地发现，这不正
2017-07-26 22:42:50
433
原创 web前端的网页优化
网页优化网页优化一页面级优化减少 HTTP请求数将外部脚本置底将脚本内容在页面信息内容加载后再加载异步执行 inline脚本其实原理和上面是一样保证脚本在页面内容后面加载Lazy Load Javascript只有在需要加载的时候加载在一般情况下并不加载信息内容将 CSS放在 HEAD中异步请求 Callback就是将一些行为样式提取出来慢慢的加载信息的内容减少不必要的 HTTP跳转
2017-07-26 22:22:16
570
原创 CSS常用语义命名
CSS常用语义命名css 命名上通常需要语义化来命名，遵循的格式一般都是域名-语义, 域名一般都是与业务有关，而语义则说明该部分的标签到底要做啥。下面列表主要是常用功能语义标题。这个来自于很久远一位大神的笔记摘抄部分，感谢那位大神 中文 语义名称 头 header 内容 content/container 尾 footer 导航 nav 侧栏 sideba
2017-07-26 22:11:49
557
原创 nginx 反向代理的基本配置(以Ubuntu 16.04LTS为例)
nginx 反向代理的基本配置(以Ubuntu 16.04LTS为例)nginx 反向代理的基本配置以Ubuntu 1604LTS为例安装nginx修改apache 端口号防止出错在nginx 目录下增加服务器配置写入hostconf 配置文件重启nginx效果图1.安装nginxpkill -9 apache2 # 关闭apachesudo apt install nginx # 安
2017-07-26 13:36:17
974
原创 RN 项目使用 stetho
RN 项目使用 stethoRN 项目使用 stethobuildgradle配置MainApplicationjava 添加build.gradle配置 compile 'com.facebook.stetho:stetho:1.3.1' compile 'com.facebook.stetho:stetho-okhttp3:1.3.1'MainApplication.java
2017-07-26 11:34:28
389
原创 git 改变远程的提交的url (远程仓库以GitHub为例)
git 改变远程的提交的url (远程仓库以GitHub为例)GitHub上典型的https和ssh 两种链接方式。https主要通过用户名密码提交代码。ssh是通过ssh网络安全协议来提交，实现原理将本机生成的ssh 密钥存入GitHub的个人设置中即可。本文不讲如何生成ssh 密钥。 假设本地仓库已经设置好了远程仓库的urlgit remote -v # 查看本地存在远程url链接。如下图
2017-07-24 13:47:46
5316
原创 使用前端后台管理模板库admin-lte
使用前端后台管理模板库admin-lte使用前端后台管理模板库admin-lte安装搭建环境安装安装admin-lte，可以通过以下几种办法安装，下图是GitHub中admin-lte的主页: 通过github直接克隆安装git clone https://github.com/almasaeed2010/AdminLTE.git adminlte # 将这个resposity 克隆到a
2017-07-24 13:37:49
7511
3
原创 nodejs使用七牛云存储来上传文件
nodejs 使用七牛云存储上传文件nodejs 使用七牛云存储上传文件1-准备工作2-服务器端的云存储操作2-1文件上传文件下载文件获取 在网上寻找了很多七牛云存储的博文，也百度了许多。但是都不尽如人意，因此自个撸一个小示例。1-准备工作确认安装node和npm安装 qiniu,formidable,express模块npm install --save qiniu form
2017-07-24 11:07:27
3496
原创 express 中跨域头设置
express 的跨域头设置先看代码var express = require('express');var app = express();//设置跨域访问app.all('*', function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Cont
2017-07-23 23:48:20
2280
2
原创 常用nodejs 模块集合。
常用node的模块收集（持续增加中…）常用node的模块收集持续增加中1- node服务器中的模块- cheerio- node-schedule- nodemailer- mocha- supertest- quill- chance- consolidate- reload- history- async-validator1- node服务器中的模块- cheerio
2017-07-23 23:24:50
1883
1
原创 励志贴
励志贴自从今年六月份毕业后，一直在迷茫中，丧失了大学学习的激情，丧失了学习的动力，希望能够重新拾取过去的激情，决定开启博客。不管如何，保持自己每日一贴。不管如何，提高自我能力。从此不断去吸收知识，充实自己。目标年底博客访问量破万。 我是triste，一个前端菜鸟。
2017-07-23 20:39:03
269
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人