
前端工具
文章平均质量分 84
没感情的菠萝头
前端淡水狗,变态发育中。
展开
-
关于PHP服务端代码调试
在没有客户端的情况下,就对服务端的一些请求进行一些测试,这是怎么样来做到的呢?我们通过一个工具fiddler工具,这个工具可以监听整个电脑所有发出的HTTP请求,可以监听它们传入的值,和相应回来的值,当然在这里边它还可以去模拟浏览器向服务器发送请求的过程1.首先,把demo放在xampp的htdocs文件下,然后运行本地服务器2.打开fiddler,选择Composer的标签页,选...原创 2018-05-01 17:08:23 · 1373 阅读 · 0 评论 -
MongoDB数据库安装
最近做项目接触到MongoDB,这里简单做下笔记。安装1.官网下载,根据电脑配置下载安装详情这里我装在E盘2.然后创建一个文件存放数据请注意,数据目录应该放在根目录下,否则启动失败这里我在E盘根目录下新建了一个mongodbdata目录 》db目录3.命令行下运行 MongoDB 服务器到MongoDB 目录的 bin 目录下打开命令窗口运行mongod --dbpath ...原创 2019-07-05 11:31:55 · 460 阅读 · 0 评论 -
嵌套路由nuxt-child组件(父子页面组件的传值)
链接:nuxt文档相关文章1.创建内嵌子路由,需要添加一个 Vue 文件,同时添加一个与该文件同名的目录用来存放子视图组件。这里在pages里新建一个fanil.vue、fanil文件夹2.fanil.vue源码<template> <div class="container"> <p>Final Page</p> ...原创 2019-06-21 15:31:57 · 5355 阅读 · 3 评论 -
nuxt.js配置实现axios在开发时的跨域代理
近期在学习nuxt框架,为接下来的项目做准备,学习的目的是为了解决单页面应用的 SEO 的问题,因为要做新闻网站,用服务端渲染。以下是在网上nuxt配置实现axios代理,解决跨域的问题方案。原笔记1.在项目中安装好axios2.在nuxt.config.js里进行配置module.exports = { modules: [ '@nuxtjs/axios', ], ...转载 2019-06-20 14:23:56 · 1694 阅读 · 0 评论 -
关于升级vue-cli3.0踩坑记录
最近在看@vue/cli 3.x 版本,升级vue-cli3.0最新版本的时候遇到很多坑,绕了很多弯。查了很多资料,最终解决。记录一下遇到的问题,以防以后再次发生。1.升级@vue/cli 3.x 需要安装node.js最新版本。卸载重新安装。我这里安装的是node.js10.15.1卸载了vue-cli2.X版本npm uninstall vue-cli -g //卸载vue-cli...原创 2019-03-11 16:56:24 · 2515 阅读 · 1 评论 -
关于axios安装及使用
安装npm install axios结果跑的时候报错了额(T▽T)再命令npm install --save axios vue-axios在入口文件main.js 里面配置import Vue from 'vue'import axios from 'axios'import VueAxios from 'vue-axios' Vue.use(VueAxios, axi...原创 2019-03-01 17:44:55 · 3882 阅读 · 0 评论 -
ES6项目构建工具使用(完整版)
最近学习用ES6语法写项目,因为浏览器目前不支持ES6语法 (特别IE8以下的浏览器不支持ES5—6),无法部署到线上,必须构建支持ES6的环境, 所以重新整理下需要的开发工具。gulp(任务自动化工具) gulp文档bable,webpack(编译工具)npmbable专门把ES6编译成es5,es3的工具 webpack专门处理模块化项目依赖工具...原创 2018-08-23 09:30:46 · 2295 阅读 · 0 评论 -
es6 babel转码器安装配置及常见命令
示例:在d盘,新建文件夹es6,文件夹里新建一个文件es6.js。(1)先全局安装babel-cli,输入命令npm install babel-cli -g(2)输入d:( 进入d盘),再输入cd es6(进入es6文件夹)(3)输入npm init;(引导创建一个package.json文件,包括名称、版本、作者等这些信息)(4)输入npm install –save-dev ...转载 2018-08-17 10:05:05 · 263 阅读 · 0 评论 -
控制台的一些其他功能
Firebug & Chrome Console 控制台的一些其他功能 console.log(object[, object, …]) 使用频率最高的一条语句:向控制台输出一条消息。支持 C 语言 printf 式的格式化输出。当然,也可以不使用格式化输出来达到同样的目的:var animal=’frog’, count=10; console.log(“The %s jump...转载 2018-07-11 17:34:45 · 298 阅读 · 0 评论 -
webpack安装(构建ES6的编译环境)
1.在此之前先安装Git,安装node.js先全局安装 “npm install webpack -g” “npm install webpack-dev-server -g”2.新建一个文件 例如“es6-webpack”,然后鼠标右键进入Git Bach here;输入“git clone https://github.com/cucygh/es6-webpack.git”,如...原创 2018-05-08 09:49:10 · 1754 阅读 · 0 评论 -
ES6笔记上(深入浅出ES6—阮一峰)
在线转换Babel 提供一个REPL在线编译器,可以在线将 ES6 代码转为 ES5 代码。转换后的代码,可以直接作为 ES5 代码插入网页运行。转载 2018-05-16 23:34:00 · 75854 阅读 · 9 评论 -
element ui + nuxt + koa构建项目
1全局安装npxnpm install -g npx2.创建项目npx create-nuxt-app <name>选择项:koa element-ui eslint兼用es6:package.json 在dev&start内后添加 --exec babel-node根目录创建 .babelrc写{"presets":["es2015"]}然后安装...原创 2019-07-18 17:38:48 · 477 阅读 · 0 评论