工具
文章平均质量分 65
Dear_Mr
尽自己的努力,做好该做的事情
展开
-
前端开发工具—WebStorm
前端开发工具—WebStorm一、 基本的操作快速查找、代码补全、版本控制、本地历史、即时模板、光标、代码格式化等 二、 一些小功能Ctrl +N: 新建一个文件设置字体和主题等File->setting->editor设置相应的字体和主题: 不同类型文件的模板: 查看历史即使在没有版本控制工具的情况下,也可以看到历史的记录,查看方法在面板上的文件中单击右键,选择Local History展示原创 2017-05-06 15:42:04 · 1440 阅读 · 0 评论 -
npm的使用
npm的官网:https://docs.npmjs.com/1.npm是什么npm(node package manager),通常称为node包管理工具,主要功能就是管理Node的包,包括:安装、卸载、更新、查看、搜索、发布等摘自别人博客的一段话:“npm的背后,是基于couchdb的一个数据库,详细记录了每个包的信息,包括作者、版本、依赖、授权信息等。它的一个很重要的作用就是:将开发者从繁琐的包原创 2017-05-08 16:06:45 · 702 阅读 · 0 评论 -
gulp入门
1. 安装gulp全局安装gulp: npm install -g gulp在项目中安装:npm install --save-dev gulp在项目下创建一个gulpfile.js的文件,基本样子如下:var gulp = require('gulp');gulp.task('default', function() { //代码});运行:gulp因为前面的任务名称是“default”原创 2017-05-09 11:40:53 · 786 阅读 · 0 评论 -
gulp的简介
原文地址 本文是gulp的入门级介绍,主要内容包括什么是gulp,gulp与grunt有什么区别,gulp可以解决grunt存在的哪些问题,以及一个简单的说明例子。什么是gulpgulp的官方定义非常简洁:基于文件流的构建系统。这里强调了 streaming,也就是gulp与grunt的在构建流程上的主要区别。具体区别在哪里,后面会简单介绍。 The streaming build syste转载 2017-05-09 12:19:39 · 575 阅读 · 0 评论 -
browserify的介绍
Browserify 的介绍browserify 是一个编译工具,是目前比较流行的模块打包工具之一(另外一个是webpack),browserify 是基于流式思想设计;可以通过命令行,也可以通过API来使用,是模块化的逆过程,但是推动模块化的快速发展,它可以使用类似于node的require()的方式来组织浏览器端的JavaScript代码,通过预编译可以让前端的JavaScript直接使用npm原创 2017-05-20 22:41:38 · 1308 阅读 · 0 评论 -
Iconfont图标的使用
Iconfont图标的使用Iconfont就是一个图标库,地址:http://iconfont.cn/在该网站的右上角就可以看到下面的东西,首先要做的就是登录,可以使用github账号图标库 -> 官方图标库选择需要的图标:选择完成之后,点击导航栏的购物车的图标,点击添加至项目可以在我的项目中查看选中的那些图标点击代码生成之后,会有相应的链接产生,如下在项目中应用:<link rel="styles原创 2017-06-19 16:20:30 · 3120 阅读 · 0 评论 -
前端解决跨域问题的八种方案
原文链接同源策略如下: URL 说明 是否允许通信 http://www.a.com/a.jshttp://www.a.com/b.js 同一域名下 允许 http://www.a.com/lab/a.jshttp://www.a.com/script/b.js 同一域名下不同文件夹 允许 http://www.a.com:8000/a.jshttp://www转载 2017-07-27 14:53:31 · 491 阅读 · 0 评论 -
WebStorm添加注释模板
今天想给我的代码文件添加一些特定的注释,下面是具体的操作,当然不局限于下面的,可以添加更多你所需要的东西添加后的效果/** * @author Vao * @date 2017/12/21 * @Description:*/添加的过程我用的工具是WebStorm2017.2.3,点击File->Settings->Editor->live Templates,打开Settings的快捷键是原创 2017-12-21 20:54:23 · 13949 阅读 · 1 评论