2 yezi__626

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 6w+

VueRouter按需加载

如果router.js中全部都使用下面这种方式引入路由组件,那么所有组件都打包在一个js中,导致进入首页时,加载时间相对过长。import Vue from 'vue';import Router from 'vue-router';Vue.use(Router);import product from './pages/product';export default new Router({ routes:[ { path:'/produc

2020-05-22 10:26:40

input图片上传

1.view实现:<formname="commentForm",method="post",enctype="multipart/form-data",action="/post/addComment"><inputtype="file"name='img'><inputtype="submit"value="提交">&lt...

2020-04-22 17:43:45

本地开发Mock设置

moke 的优点:开发阶段,为了高效率,需要提前Mock 减少代码冗余、灵活插拔 减少沟通,减少联调时间mock设置的方法:本地创建json easy-mock平台 集成Mock API本地创建json:特点:虽然简单但是当请求真正的接口时,需要修改代码(真实接口并不是在mock中)easy-mock:特点:代码改动较少,但是easy-mock网站非常容易垮掉,...

2020-04-15 19:55:38

前端接口环境配置

因为有本地开发环境,测试环境,生产环境,因此需要判断当前启动的项目是测试环境还是生产环境。process.env.NODE_ENV 皆可以判断当前处于什么环境。在packag中配置mode后,就可以在env.js中通过process.env.NODE_ENV 拿到环境变量值,去请求对应的接口。1.创建env.js文件,let baseURL;switch (process.env...

2020-04-15 16:26:14

跨域之接口代理

1.在vue.config.js中配置如下:module.exports={ /* webpack-dev-server 相关配置 */ devServer: { host:'localhost', port:8080, proxy:{ '/api':{ /* 目标代...

2020-04-15 14:50:20

如何在腾讯云服务器上安装node8.9.4

下载8.9.4的安装包: wget https://nodejs.org/dist/v8.9.4/node-v8.9.4.tar.gz 解压:tar -zxvf node-v8.9.4.tar.gz1 生成配置文件:./configure1 编译:make 安装:make install1 安装完成,查看Node版本,node -v注意这里必须要用执行make和make install...

2020-04-12 18:20:21

小白教程:将本地项目上传到云服务器上

1.购买腾讯云或者阿里云服务,购买地址:https://console.cloud.tencent.com/2.下载xshell:https://xshell.en.softonic.com/Xshell是一款功能强大且安全的终端模拟器,支持SSH、SFTP、TELNET、RLOGIN和SERIAL。可以连接云服务器。3.xshell连接云服务器文件--》新建--》在主机哪里填云服...

2020-04-12 18:13:31

如何修改C:\Windows\System32\drivers\etc\hosts文件

1.首先点击win,搜索记事本。2.以管理员权限打开3.点击文件,打开(路径为C:\Windows\System32\drivers\etc\hosts)4.然后点击文件类型为所有文件5.打开hosts,修改然后ctrl+s...

2020-04-10 20:16:54

防止csrf攻击之token

1.设置随机字符串,尽量大一些var csrfToken=parseInt(Math.random()*999999,10); ctx.cookies.set('csrfToken',csrfToken) console.log(ctx.cookies.get('csrfToken'))2.在表单中提交的数据中加入csrfTokenif(post){ ctx.rend...

2020-04-02 19:42:03

SVG-captcha验证码在node中的应用

良心推荐吧!觉得比ccap的图片验证码便捷许多,不用什么python,c++的环境。切身感受,用ccap搞环境搞了将近一天都没弄好,报错层出不穷。心累得。。。下面呢?说一下很快搞好的这个可耐验证码吧1.创建captcha.js,生成验证码var captcha={};var cache={}; captcha.captcha=async function(ctx,next){ ...

2020-04-02 18:26:35

WebSocket多人聊天室

1.express后端框架2.socket.io封装了多种协议的webscoket库1.项目搭建:npm initnpm expressnpm install socket --save利用bootstrap构建前端部分,安装bootstap :npm install bootstrap@32.目录结构:3.index.js文件const express =...

2020-03-23 15:46:18

nodejs搭建静态服务并设置缓存

1.首先搭建nodej服务var http=require('http');var server = http.createServer(function (request, response) { // TODO});server.listen(3200);console.log("Server runing ...");2.实现路由var server = http.c...

2020-03-10 19:28:37

vue-axios的特点及使用详解

axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,本质上也是对原生XHR的封装,只不过它是Promise的实现版本,符合最新的ES规范,它本身具有以下特征:从浏览器中创建 XMLHttpRequest 支持 Promise API 客户端支持防止CSRF 提供了一些并发请求的接口(重要,方便了很多的操作) 从 node.js 创建 http 请求...

2019-11-28 09:52:33

vue-i18n的使用

安装vue-i18n npm install vue-i18n --save-dev 将i18n引入vue实例(main.js)中,在项目中实现调用API和模板语法。 import VueI18n from 'vue-i18n' //引入vue-i18n Vue.use(VueI18n); //通过插件的形式挂载 /*基本使用:创建i...

2019-08-31 17:14:43

epub阅读器开发简介

Epubjs核心安装epubjs npm install epubjs电子书的解析和渲染 将电子书存放至public文件夹 import Epubjs from 'epubjs'; const DOWNLOAD_URL='121312.epub'//指向电子书的下载路径 生成Epubjs电子书 this.book=new ...

2019-08-21 18:58:10

webpack打包流程中常见问题解决

注意并不是所有的所有的问题的解决办法都对于你适应,因为每个人电脑的配置环境都是有差异的。随着webpack的升级,安装的依赖包也略有不同,因此认真看命令行的提示会帮你解决好多不必要的问题。1.利用webpack打包时,用这个命令:webpack .\src\main.js .\dist\bundle.js 发现由于版本号太高,导致打包错。换成:webpack .\src\main.js -o...

2019-06-18 09:16:21

浏览器缓存机制

http缓存(强制缓存和协商缓存)浏览器缓存是浏览器在本地磁盘对用户最近访问过的文档进行储存,当用户再次访问同一文档时,浏览器就可以直接从本地磁盘加载文档。据以上特点可以知道浏览器缓存的优点:减少冗余的数据传输减少服务器的负担加快用户加载页面的速度http缓存涉及三个角色:浏览器,服务器,数据缓存库。当浏览器第一次请求数据时:强制缓存请求机制:原理:请求的数据在缓存数据库中...

2019-06-10 20:23:38

浏览器缓存之cookie详解

浏览器端的存储方式:说到cookie不能不说本地存储了。本地存储的优点: 避免取回代码前一片空白,若是不需要新的数据可以减少向服务器的请求次数,从而减少用户等待服务器的响应时间。 网路状态不好时可以离线显示存储部分。 常见的几种本地存储:打开chrome——>f12——>Application 1.cookie:cookie的实现:Cook...

2019-06-10 10:13:58

Vuex的基本用法

Vuex主要适用于大型单页应用,适合多人协同开发。(emmm....这是我看书上知道的,先记下来再看是不是。。)1。通过NPM安装Vuex:npm install --save vuex2.与vue-router用法相似,在main.js里通过Vue.use()使用vuex:import Vuex from 'vuex';Vue.use(Vuex);//配置路由省略c...

2019-05-21 09:40:55

webpack基础配置以及配置vue

这篇文章是好久好久之前写的,还是具有一定的参考价值滴。不喜勿喷哦,前端小白艰苦学习旅程~~~1.创建一个文件目录webdemo,结构如下:2.编写index.html<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title&...

2019-05-12 10:05:11

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。