一个瞎折腾的 FE 工程师

Mescal Chuan

一个能够快速构建AngularJS多页项目的轻量级脚手架

一款基于webpack的快速构建angular1的多页应用构建方案文档地址使用angular-m-cli，您可以做到 快速构建项目原型 自动生成新页面并完成相关配置（包括入口文件、css、index.html） 利用本地服务器完成开发 使用mock进行接口测试，实现前后端分离 一键删除指定页面和相关配置 一键打包 核心技术 co 自动执行Generator co-prompt co的命令......

Mescal Chuan 发布于 2018-02-25

博客 技术博客 webpack angular

优雅地配置Atom

从最初的sublime text，到webstorm，后来又转战visual studio code，直到现在的atom，就个人使用体验来看是越来越舒适的。之前一直在使用sublime text和webstorm，后来尝试了一把vs code，发现其插件安装非常方便，主题也很优雅，于是就将vs code作为常用开发工具。最近vs code经常出现智能提示消失的现象，特别是当代码中有语法错误之......

Mescal Chuan 发布于 2018-01-27

博客 技术博客 工具

React Native之巧用TextInput

近日使用rn开发电商app遇到一个再简单不过的需求：买家申请退款，填写申请单，其中有一个多行文本输入框用于填写退款理由，如图所示： 看似简单的需求，然而用rn开发还是会遇到问题。 页面搭建两个View和一个TextInput足矣，外层View白色背景色，内层View提供边框。如果你在安卓环境下运行项目会发现TextInput下面有一条黑线，将underlineColorAndroid设置为......

Mescal Chuan 发布于 2018-01-19

博客 技术博客 react-native

近日使用React Native Linking踩过的坑

使用react native（以下简称rn）开发移动端app已经有四个月的时间了（包括第一个月的上手），感谢rn，让前端开发人员也能够开发原生的app。前几天遇到一个需求：打开第三方的支付应用并监听返回的结果。听上去这个需求并不难，然而使用rn来实现就会遇到大大小小的坑。为了能让其他开发人员少走弯路，在这里总结一下。 使用Linking写这篇博客的原因还有一个：网上有很多关于Linking的......

Mescal Chuan 发布于 2017-11-20

博客 技术博客 react-native

Webpack工程化配置

本文重点讲述如何一步一步搭建webpack工程化配置，这里涉及到一些常用插件的使用以及node.js的文件操作。上篇文章介绍到，webpack配置成了两种模式，有些人喜欢将两种模式的代码放到不同的配置文件中，而我更偏爱全部集成到webpack.config.js里，因为这里有一些配置是通用的。我将代码分为三块：基本配置、开发模式配置、生产模式配置。本文建议你有一定的webpack基础，因为我......

Mescal Chuan 发布于 2017-11-15

博客 技术博客 webpack

基于Express搭建前后端分离的开发环境

对于一个前端开发人员来说，node.js可以说是开发后端的福音。本人毕设项目使用的是asp.net（只是使用ashx来接收前端的ajax，并没有使用那些恶心的控件），通过对比发现整个项目都使用js实在是幸福。 Node.js关于node.js的优点就不再多说，网上一搜一大堆，项目也可以找到很多。这里主要说一下node.js关于搭建web应用这一块的缺点。众所周知，node.js需要自己搭建服......

Mescal Chuan 发布于 2017-04-26

博客 技术博客 node

用ES6书写React

前段时间学习react+redux的时候发现现在大家基本上都是在用es6的方式编写react代码。由于习惯了react本身的编写方式，起初看得云里雾里。当自己实践过后发现es6+react确实能够让代码更加简洁，提高开发效率。 起步首先需要安装react 1npm install react react-dom --save-dev 使用es6（7）需要babel转换器，本人使用的是web......

Mescal Chuan 发布于 2016-11-03

博客 技术博客 javascript react

ES6学习笔记（二）

Set和MapSetSet类似于数组，但是里面成员的值不能重复。Set构造函数可以传入一个数组用于初始化 123456var s=new Set();[1,2,3].map(i=>s.add(i));for(var i of s){console.log(s)}; //1 2 3var s=new Set([1,2,3]);for(var i of s){......

Mescal Chuan 发布于 2016-10-30

博客 技术博客 javascript

ES6学习笔记（一）

最近学习了ES6，被它更简洁的代码编写方式、面向对象以及模块化开发所吸引。ES6有一定的学习成本而且知识点比较琐碎，我把自己经常用到的知识点进行了整理。安装与配置es6很强大，遗憾的是所有浏览器都没有完美支持它。因此我们需要通过babel将es6转换成es5让我们的代码在浏览器端运行。 我本人用的是webpack+babel，你也可以使用gulp或者直接将babel的browser.js引入......

Mescal Chuan 发布于 2016-10-30

博客 技术博客 javascript

Blob对象

前几天写公司的SpreadJS控件的测试用例时遇到一个需求，不通过input标签的type=file的形式来实现本地文件选择，而是直接指定自己想要上传的文件（因为模拟ui行为的测试会占用大量的时间，影响测试效率）。一开始我认为这是不可能实现的，因为浏览器的安全性原因，js是不能直接访问系统文件的（node.js除外）。ie浏览器支持使用FileSystemObject接口来访问本地文件，但是......

Mescal Chuan 发布于 2016-08-02

博客 技术博客 javascript
标签
博客 技术博客 css javascript react node webpack react-native 工具 angular vue 记录生活 拇指琴 小程序
关于我
avatar_pic

雨滴掌心 装不下世界的一厘米

近期文章
归档
分类
ESC