自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(179)
  • 资源 (6)
  • 收藏
  • 关注

原创 112Express-密码加密bcrypt、mongoose数据库连接、账号密码非写死、并判断当前环境为开发还是生产环境

数据库明文存储密码不安全bcrypt哈希加密是单程加密方式,只能加密不能解密 1234-abcd在加密的密码中加入随机字符串可以增加密码被破解的难度依赖的环境bcrypt依赖的其他环境python 2.x 安装完配置环境变量 【资源见上传资源】安装好后需要配置到环境变量中node-gypnpm install -g node-gypwindows-build-toolsnpm install --global --production windows-build-too

2020-07-30 23:24:51 96

原创 uniapp模拟器访问数据request:fail abort statusCode:-1问题

2020-10-11 15:36:57 82

原创 webpack笔记

http://www.woc12138.com/article/45

2020-09-24 12:35:29 13

原创 vue 解决两次访问相同路由地址报错

在路由的index.js里添加const originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err)}

2020-09-21 23:13:47 24

原创 利用Vue中keep-alive,快速实现页面缓存 一郭鲜 一郭鲜 ​

https://zhuanlan.zhihu.com/p/96740001<div id="app" class='wrapper'> <keep-alive> <!-- 需要缓存的视图组件 --> <router-view v-if="$route.meta.keepAlive"></router-view> </keep-alive> <!-- 不需要缓存的视图

2020-09-21 21:16:09 8

原创 html访问图片资源403问题(http referrer)

先说下解决方法: 在HTML代码的head中添加一句<meta name="referrer" content="no-referrer" />即可,后面再说下原理。https://www.jianshu.com/p/56df73d0d128?utm_source=oschina-app

2020-09-20 21:50:24 6

原创 判断移动端wap端还是pc

<script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/..

2020-09-15 23:04:21 17

原创 vw插件

下载插件 px-to-vw设置快捷键alt+z自动转化px

2020-09-15 20:22:57 20

原创 web前端面试题 vuelazyload的参数+数组扁平化+冒泡插入快速排序+CSS中calc, support, media各自的含义及用法?

call和apply的区别是什么、哪一个性能更好都是用来改变this指向,call传参是一个一个传、apply是数组传参call 第一可以调用函数,第二可以改变函数内的this指向bind 不调用函数 改变函数内部this指向apply 调用一个函数 可以改变函数的this指向性能更好的是在改变this的情况下参数小于等于三个二者性能差不多,参数多于三个的时候call比apply性能好性能测试console.time(‘A’)+console.timeEnd(‘A’)可以测试代码执行时间

2020-09-09 14:45:52 53

原创 flex布局+display:flex布局,自动适应屏幕高度100%

子项属性

2020-09-02 17:14:03 83

原创 180Vue中vue.config的配置

module.exports = { // 部署生产环境和开发环境下的URL:可对当前环境进行区分,baseUrl 从 Vue CLI 3.3 起已弃用,要使用publicPath // baseUrl: process.env.NODE_ENV === 'production' ? './' : '/' publicPath: process.env.NODE_ENV === 'production' ? '/public/' : './', // 输出文件目录:在npm

2020-08-25 21:14:24 34

原创 vue router 一个路由对应多个组件+【子路由带/就是代表当前这个路由访问。不带/表示拼接上父路由的路径】

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document&.

2020-08-22 23:16:53 75

原创 178Vue生命周期含义介绍

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document&.

2020-08-20 13:37:21 36

原创 MVC和MVVM

MVC【一定要区分两者的m后台的m是数据库里的数据、前台的vue里data对应的数据m】MVVM前端思想

2020-08-18 21:26:47 29

原创 176-vue 使用video标签总结

https://www.jianshu.com/p/d79aadef36e4

2020-08-18 15:40:39 56

原创 172Vue-node.js 的express服务器报 413 payload too large

修改后可以正常上传图片

2020-08-15 20:12:18 26

原创 169Vue-毫秒时间数据处理、filters过滤器(全局、局部)date

根目录下main.js// 全局过滤器Vue.filter('dateFormat', function (originVal) { // originVal要处理的时间数据 // 得到要处理的时间对象 const dt = new Date(originVal) // 年月日 const y = dt.getFullYear() const m = (dt.getMonth() + 1 + '').padStart(2, '0') const d = (dt.getDate

2020-08-14 22:38:14 65

原创 168Vue-vue-table-with-tree-grid全局注册=141

main.js文件全局注册

2020-08-13 14:45:06 26

原创 167Vue-展开运算符(...)合并数组 、 合并对象

1、展开运算符(…)合并数组 、 合并对象// concat let a1 = [1,2,3]; let a2 = [4,5,6,1,2,3]; console.log([...a1,...a2]);//[1, 2, 3, 4, 5,6, 1, 2, 3]原文链接

2020-08-13 13:11:24 79

原创 061JS-js对象与字符串相互转换JSON.stringify、JSON.parse

js对象与字符串相互转换对象转为字符串JSON.stringify(obj)json字符串转为对象JSON.parse(str)

2020-08-12 23:07:47 15

原创 111Express-静态资源路径设置后的坑+include和require的路径不需要写绝对路径

设置完静态路径后art模板里面的css 、js路径存在的坑要加一个/表示相对于public下绝对路径的开始否则加载不出来静态资源

2020-08-12 23:07:19 20

原创 129Git-安装+公钥秘钥ssh+git忽略清单

下载安装选默认值就可以,都点下一步安装成功后查看版本git --versiongit bash here

2020-08-12 23:06:38 20

原创 166Vue-scope.row+正则验证

<template> <div> <!-- 面包屑导航区域 --> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item> <el-breadcrumb-item>用户管理</el-brea

2020-08-12 20:56:06 76

原创 165Vue工程化2-eslint编译警告冲突、空格分号引号问题【待补全】、()调用问题

vscode格式化工具和eslint产生了冲突1、在项目根目录下创建.prettierrc{ "semi": false, 不会额外加分号 "singleQuote": true 单引号替换双引号}module.exports = { root: true, env: { node: true }, 'extends': [ 'plugin:vue/essential', '@vue/standard' ], rules: { '

2020-08-11 23:50:52 85

原创 164Vue工程化2-挂载路由导航守卫+退出清除token+axios请求拦截器添加携带token

router文件夹的index.js// 挂载路由导航守卫router.beforeEach((to, from, next) => { // to 将要访问的路径 // from 代表从哪个路径跳转而来 // next 是一个函数,表示放行 // next() 放行 next('/login') 强制跳转 if (to.path === '/login') return next() // 获取token const tokenStr = win

2020-08-11 23:19:23 87

原创 163Vue工程化2-axios导入$http

第二步// 设置请求根路径axios.defaults.baseURL = 'http://127.0.0.1:8888/api/private/v1/'// 使用 Vue.prototype.$http = axios; 进行配置于vue项目中,在页面中可使用this.$http.get('xxxx').then().catch()。Vue.prototype.$http = axios...

2020-08-11 23:02:25 40

原创 162Vue工程化2-element表单验证使用规则自定义+$ref+resetFields表单重置+$refs.ref名字可以获取到dom

:rules 对应表单验证规则

2020-08-11 18:36:20 58

原创 161Vue工程化2-Element-ui按需导入+使用 export 向外暴露的成员,只能使用 { } 的形式来接收,这种形式,叫做 【按需导出】

import Vue from 'vue'import { Button, Form, FormItem, Input, Message, Container, Header, Aside, Main, Menu, Submenu, MenuItem, Breadcrumb, BreadcrumbItem, Card, Select, Option, Row, Col, Table, TableColumn, Switch, Tooltip, Pagination, Dialog, Tag, Messag

2020-08-11 16:04:02 52

原创 160Vue工程化2-全局样式表global.css

2020-08-11 15:01:09 33

原创 159Vue工程化2-vue项目导入less-loader【在开发依赖中安装】+scoped原理

安装less,less-loader处理less文件其他的loader需要安装的东西可以参照154传送门

2020-08-11 14:35:03 55

原创 158Vue工程化2-cookie、session和token使用环境【待补全实现代码】

5.实现登录功能A.登录状态保持如果服务器和客户端同源,建议可以使用cookie或者session来保持登录状态如果客户端和服务器跨域了,建议使用token进行维持登录状态。B.登录逻辑:在登录页面输入账号和密码进行登录,将数据发送给服务器服务器返回登录的结果,登录成功则返回数据中带有token客户端得到token并进行保存,后续的请求都需要将此token发送给服务器,服务器会验证token以保证用户身份。...

2020-08-11 14:09:55 85

原创 157Vue工程化2-配置后台项目

安装phpStudy并导入mysql数据库数据验证导入是否完成B.安装nodeJS,配置后台项目,从终端打开后台项目vue_api_server然后在终端中输入命令安装项目依赖包:npm install安装nodejs见084C.使用postman测试api接口...

2020-08-11 13:09:51 28

原创 156Vue工程化2-前端项目初始化步骤【git公钥私钥】

添加链接描述2.项目初始化A.安装Vue脚手架B.通过脚手架创建项目C.配置路由D.配置Element-UI:在插件中安装,搜索vue-cli-plugin-element【abcd见155添加链接描述】E.配置Axios:在依赖中安装,搜索axios(运行依赖)F.初始化git仓库G.将本地项目托管到github或者码云中E 配置Axios:在依赖中安装,搜索axios(运行依赖)F.初始化git仓库...

2020-08-10 22:49:01 41

原创 155Vue工程化-webpack、Vue单文件组件+代码高亮+在webpack中使用vue+打包发布+脚手架vueui+opentrue自动打开浏览器+elementui+端口设置vue.confi

12.Vue单文件组件传统Vue组件的缺陷:全局定义的组件不能重名,字符串模板缺乏语法高亮,不支持css(当html和js组件化时,css没有参与其中)没有构建步骤限制,只能使用H5和ES5,不能使用预处理器(babel)解决方案:使用Vue单文件组件,每个单文件组件的后缀名都是.vue每一个Vue单文件组件都由三部分组成1).template组件组成的模板区域2).script组成的业务逻辑区域3).style样式区域代码如下:<template> 组件代码区域

2020-08-10 17:17:05 82

原创 154Vue工程化-webpack概念模块化支持,代码压缩混淆+基本使用+安装+打包入口出口+自动打包

6.webpack的概念webpack是一个流行的前端项目构建工具,可以解决目前web开发的困境。webpack提供了模块化支持,代码压缩混淆,解决js兼容问题,性能优化等特性,提高了开发效率和项目的可维护性7.webpack的基本使用A.创建项目目录并初始化创建项目,并打开项目所在目录的终端,输入命令: npm init -yB.创建首页及js文件在项目目录中创建index.html页面,并初始化页面结构:在页面中摆放一个ul,ul里面放置几个li在项目目录中创建js文件夹,并在

2020-08-09 23:57:53 92

原创 153Vue工程化-ES6模块化规范+npx在NodeJS中安装babel+设置默认导入/导出export default,import

1.模块化的分类A.浏览器端的模块化 1).AMD(Asynchronous Module Definition,异步模块定义) 代表产品为:Require.js 2).CMD(Common Module Definition,通用模块定义) 代表产品为:Sea.jsB.服务器端的模块化 服务器端的模块化规范是使用CommonJS规范: 1).使用require引入其他模块或者包 2).使用exports或者module.exports导出模块成

2020-08-09 18:11:24 41

原创 152Vue-编程式导航$router.push\$router.go+back()

Vue-Router中常见的导航方式:this.$router.push("hash地址");this.$router.push("/login");this.$router.push({ name:'user' , params: {id:123} });this.$router.push({ path:"/login" });this.$router.push({ path:"/login",query:{username:"jack"} });this.$router.go( n );.

2020-08-09 14:29:38 65

原创 151Vue-router路由嵌套children+动态匹配路由$route.params+传参数props:true+命名路由

children<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> .

2020-08-09 13:39:14 81

原创 150Vue-Router路由概述+基本使用router-view占位符+重定向redirect

Vue Router简介它是一个Vue.js官方提供的路由管理器。是一个功能更加强大的前端路由器,推荐使用。Vue Router和Vue.js非常契合,可以一起方便的实现SPA斜体样式(single page web application,单页应用程序)应用程序的开发。Vue Router依赖于Vue,所以需要先引入Vue,再引入Vue RouterVue Router的特性:支持H5历史模式或者hash模式支持嵌套路由支持路由参数支持编程式路由支持命名路由支持路由导航守卫支持路由过

2020-08-09 12:37:37 255

原创 149Vue-模拟router路由component占位符onhashchange监控哈希值变化

1.路由的概念路由的本质就是一种对应关系,比如说我们在url地址中输入我们要访问的url地址之后,浏览器要去请求这个url地址对应的资源。那么url地址和真实的资源之间就有一种对应的关系,就是路由。路由分为前端路由和后端路由1).后端路由是由服务器端进行实现,并完成资源的分发2).前端路由是依靠hash值(锚链接)的变化进行实现后端路由性能相对前端路由来说较低,所以,我们接下来主要学习的是前端路由前端路由的基本概念:根据不同的事件来显示不同的页面内容,即事件与事件处理函数之间的对应关系前端路

2020-08-09 11:22:36 55

Postman-win32-6.7.3-Setup.rar

postman接口工具

2020-08-11

phpStudy20161103.rar

mysql数据库,傻瓜式安装即可使用mysql数据库,

2020-08-11

vue-devtools-4.1.4_0.rar

Vue调试工具

2020-08-06

git软件压缩包.rar

gitGit(读音为/gɪt/)是一个开源的分布式版本控制系统,可以有效、高速地处理从很小到非常大的项目版本管理。 Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。 Torvalds 开始着手开发 Git 是为了作为一种过渡方案来替代 BitKeeper

2020-08-03

json formatter.crx

JSON Formatter谷歌浏览器格式化json格式代码,在Chrome浏览器中输入链接,返回Json格式,默认非格式化显示,需要添加Chrome插件Json Formatter,

2020-07-31

python-2.7.15.amd64.rar

bcrypt密码加密所依赖的环境 ;Python bcrypt 教程展示了如何使用 bcrypt 库对 Python 中的密码进行哈希处理。 它定义了基本术语,包括加密,哈希和盐。 Python bcrypt模块是一个用于在 Python 中生成强哈希值的库。 它通过pip install bcrypt命令安装。

2020-07-30

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除