- 博客(19)
- 收藏
- 关注
RSS订阅
原创 在mac上对nvm的安装和使用以及踩坑攻略
最近写项目遇见了个问题，一个项目要求node版本为6点几，一个项目要求node版本为8点几，这个就要用到我即将说的nvm，进行node版本之间的切换，这里先讲一下nvm，node，npm之间的关系：nvm：nodejs 版本管理工具。 也就是说：一个 nvm 可以管理很多 node 版本和 npm 版本。 nodejs：在项目开发时的所需要的代码库 npm：nodejs 包管理工具。 ...
2018-10-31 17:43:42
10335
2
原创 解决Node内存溢出
项目越大，打包的时间也变的越来越长了，打包时的内存也增多了。项目运行时服务突然停止(Node内存溢出)，报出如下图所示的错误：FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory原因因为在Node中，通过JavaScript使用内存时只能使用部分内存（64位系统：1.4 GB...
2019-07-12 17:48:18
10409
1
原创 Mac下输出目录树层结构的tree命令
因为项目需要输出目录树层结构，了解到需要借助tree，下面就简单介绍下tree的安装和使用：首先mac下使用 brew包管理工具，安装 tree注意：安装的时候可能会提示Homebrew需要更新，那就先执行brew update，再执行下面的命令brew install tree安装成功后可以使用--help查看帮助信息tree --help如下功能local...
2019-06-28 16:20:19
2442
原创 git上传者姓名修改
只需要两个指令 git config user.name 和 git config –global user.name在控制台中输入git config user.name获取当前的操作名称修改名称输入git config --global user.name "名称"如下图：...
2019-03-21 15:08:45
1818
原创 使用ES6语法重构React代码
现在项目中用到ES6的地方越来越多，下面总结一下使用ES6 class语法创建组件和以前使用React.createClass方法来创建组件的不同。创建组件ES6 class创建的组件语法更加简明，也更符合javascript。内部的方法不需要使用function关键字。React.createClassimport React from 'react';const MyCo...
2019-03-20 18:03:40
136
原创 webstom的eslint中的fix eslint problems 如何对.vue文件生效
如果你的项目中做了eslint的配置，鼠标右键点击js文件时，会多一个Fix Eslint Problems的选项，如下图所示；该选项可以根据eslint规则自动修复js文件中出现的常见错误。该选项本质上就是执行了eslint --fix filename.js。可能是我的webstorm的版本过低，配置了eslint后，右键.vue文件却不会出现Fix Eslint Problems选项...
2019-01-09 14:27:49
6268
原创 webstorm中配置Eslint详细操作步骤
有些同学项目里配置好了eslint项，却不知道该怎么在自己的编辑器中配置，下面将会讲述下在webstorm编辑器上配置eslint和使用方法：首先配置：打开设置，在搜索框里搜索eslint，可以帮你快速找到下面页面的配置页面，根据自己的项目填写下面红框内的内容，勾选enable复选框，保存即可。 使用方法：选中某个你想eslint自动修复的文件夹或文件，右键，会出现fix es...
2019-01-09 14:08:53
11530
3
原创 用命令将本地项目上传到git，初始化git上的项目
首先先在git上新建一个项目接下来：1.进入项目文件夹通过命令 git init 把这个目录变成git可以管理的仓库git init2. 把文件添加到版本库中，使用命令 git add .添加到暂存区里面去，不要忘记后面的小数点“.”，意为添加文件夹下的所有文件git add .3.用命令 git commit告诉Git，把文件提交到仓库。引号内为提交说明...
2018-12-13 15:11:47
597
原创 在各大框架中都很实用的axios的封装，拦截器的处理，统一封装 get ,post,patch,put请求
为了使项目里的接口调用起来更方便，接口归类更加分明，需要对axios进行封装，下面我将会讲解下我在项目中对axios的封装以及处理：该目录是我们的项目目录，utils文件下的request.js是封装axios的文件，api问下下放了各个模块的接口文件，这样归类更容易区分。一、在request.js文件里对axios进行统一封装 第一步先引入axios依赖，iview的提示框引入在...
2018-12-12 15:22:24
2877
原创 React-classnames库的使用方法
最近开始接触react框架，发现react跟vue、angular有很大的不同，其中之一就是原生动态添加多个className会报错：import styles from './style.css'<div className={styles.class1 styles.class2}</div>以上方法会报错，解决方法为：引入安装classnames库：...
2018-11-06 10:14:52
5113
原创 移动端自适应适配布局的方法总结
方法一：rem布局（个人最喜欢的方法）首先确定你的设计稿是基于iphone6还是iphone4/5：如果设计稿基于iphone6，横向分辨率为750，body的width为750 / 100 = 7.5rem如果设计稿基于iphone4/5，横向分辨率为640，body的width为640 / 100 = 6.4rem(1).对视口做如下设置：<meta name="vi...
2018-10-23 16:16:41
5295
2
原创 支持触屏设备和大部分浏览器的超级好用的拖拽排序插件sortable二（配置属性详细讲解）
这篇接连着上篇，这篇主要讲解属性和配置项下载地址：https://github.com/RubaXa/Sor...官方DEMO：http://rubaxa.github.io/Sorta...该插件在vue项目里的用法：https://blog.csdn.net/zmm13298329239/article/details/83021603特点 支持触屏设备和大部分浏览器（IE...
2018-10-23 15:18:15
1112
原创 支持触屏设备和大部分浏览器的拖拽排序插件sortable
最近用了一款比draggable还好用的拖拽插件sortable，在移动端拖拽过程中呈现的动画也是一级棒！！！先说下这个插件在vue项目中的用法，下篇讲解下js用法。下载地址：https://github.com/SortableJS/Vue.Draggable 使用方法：一. 下载包：npm i vuedraggable -save (后加-save 保存配置到packa...
2018-10-12 09:11:01
1334
原创 eslint的语法配置项
个人认为eslint可以很好的保证代码规范，当然在开发调试过程中可能会很麻烦，所以下面说下怎么关闭eslint：这里只说下vue-cli脚手架的关闭方法，其实很简单，就是把 build/webpack.base.conf.js 配置文件中的eslint rules注释掉即可。module: { rules: [ // { // test: /\.(js|vue)$/,...
2018-07-03 15:14:54
2613
原创 vue框架搭建的详细步骤之项目结构（二）
上一篇中简单的创建了一个脚手架，这篇简单的讲一下脚手架的项目结构：（1）.build/此目录包含开发服务器和生产webpack构建的实际配置。通常，您不需要触摸这些文件，除非您要自定义Webpack加载器，在这种情况下，您应该看看build/webpack.base.conf.js。（2）.config/index.js这是主要的配置文件，它暴露了构建设置的
2017-09-01 14:37:00
4178
原创 vue框架搭建的详细步骤之脚手架（一）
在这里我们先快速的搭建一个vue的脚手架：（1）.在安装vue的环境之前，安装NodeJS环境是必须的。可以使用node -v指令检查，需要保证安装了4.0版本以上的nodeJS环境。没有安装的话，去Node.js的官网下载一下，各种下一步，傻瓜式安装就好，非常方便。(2).安装vue-cli先全局安装vue-cli使用指令npm install -g vu
2017-09-01 14:33:43
2359
3
翻译 理解Angular的$ apply（）和$ digest（）
$apply()并且$digest()是AngularJS的两个核心，有时令人困惑的方面。要了解AngularJS如何工作，需要充分了解如何$apply()和$digest()工作。本文旨在解释$apply()和$digest()本来面目，以及他们如何能在你的一天到一天AngularJS编程有用的。$apply和$digest探索AngularJS提供了一个非常棒的功能，被称为双向
2017-04-17 14:44:04
1115
转载 require.js的用法
一、为什么要用require.js？最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，必须分成多个文件，依次加载。下面的网页代码，相信很多人都见过。 这段代码依次加载多个js文件。这样的写法有很大的缺点。首先，加载的时候，浏览器会停止网页渲染，加
2017-04-17 13:54:38
240
转载 深究AngularJS——自定义服务详解(factory、service、provider)
前言3种创建自定义服务的方式。 FactoryServiceProvider大家应该知道，AngularJS是后台人员在工作之余发明的，他主要应用了后台早就存在的分层思想。所以我们得了解下分层的作用，如果你是前端人员不了解什么是分层，那么你最好问问你后台的小伙伴。 dao层：就是Model层，在后台时，这一层的作用，就要是写与数据库交互数据的一层，在angularJS里就主
2017-04-17 11:55:01
404
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人