- 博客(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 371
原创 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 416
原创 利用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 221
原创 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 258
原创 判断移动端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 476
原创 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 398
原创 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 127
原创 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 623
原创 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 174
原创 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 244
原创 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 548
原创 061JS-js对象与字符串相互转换JSON.stringify、JSON.parse
js对象与字符串相互转换对象转为字符串JSON.stringify(obj)json字符串转为对象JSON.parse(str)
2020-08-12 23:07:47 95
原创 111Express-静态资源路径设置后的坑+include和require的路径不需要写绝对路径
设置完静态路径后art模板里面的css 、js路径存在的坑要加一个/表示相对于public下绝对路径的开始否则加载不出来静态资源
2020-08-12 23:07:19 219
原创 129Git-安装+公钥秘钥ssh+git忽略清单
下载安装选默认值就可以,都点下一步安装成功后查看版本git --versiongit bash here
2020-08-12 23:06:38 131
原创 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 585
原创 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 288
原创 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 261
原创 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 254
原创 162Vue工程化2-element表单验证使用规则自定义+$ref+resetFields表单重置+$refs.ref名字可以获取到dom
:rules 对应表单验证规则
2020-08-11 18:36:20 423
原创 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 180
原创 159Vue工程化2-vue项目导入less-loader【在开发依赖中安装】+scoped原理
安装less,less-loader处理less文件其他的loader需要安装的东西可以参照154传送门
2020-08-11 14:35:03 422
原创 158Vue工程化2-cookie、session和token使用环境【待补全实现代码】
5.实现登录功能A.登录状态保持如果服务器和客户端同源,建议可以使用cookie或者session来保持登录状态如果客户端和服务器跨域了,建议使用token进行维持登录状态。B.登录逻辑:在登录页面输入账号和密码进行登录,将数据发送给服务器服务器返回登录的结果,登录成功则返回数据中带有token客户端得到token并进行保存,后续的请求都需要将此token发送给服务器,服务器会验证token以保证用户身份。...
2020-08-11 14:09:55 234
原创 157Vue工程化2-配置后台项目
安装phpStudy并导入mysql数据库数据验证导入是否完成B.安装nodeJS,配置后台项目,从终端打开后台项目vue_api_server然后在终端中输入命令安装项目依赖包:npm install安装nodejs见084C.使用postman测试api接口...
2020-08-11 13:09:51 144
原创 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 211
原创 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 239
原创 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 652
原创 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 590
原创 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 314
原创 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 537
原创 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 4378
原创 149Vue-模拟router路由component占位符onhashchange监控哈希值变化
1.路由的概念路由的本质就是一种对应关系,比如说我们在url地址中输入我们要访问的url地址之后,浏览器要去请求这个url地址对应的资源。那么url地址和真实的资源之间就有一种对应的关系,就是路由。路由分为前端路由和后端路由1).后端路由是由服务器端进行实现,并完成资源的分发2).前端路由是依靠hash值(锚链接)的变化进行实现后端路由性能相对前端路由来说较低,所以,我们接下来主要学习的是前端路由前端路由的基本概念:根据不同的事件来显示不同的页面内容,即事件与事件处理函数之间的对应关系前端路
2020-08-09 11:22:36 515
git软件压缩包.rar
2020-08-03
json formatter.crx
2020-07-31
python-2.7.15.amd64.rar
2020-07-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人