
项目相关
vue
爱吃松果的美美
前端开发
展开
-
后台管理系统——若依
码云上 13.6k star官网:http://www.twom.top/前端入口:http://vue.ruoyi.vip/system/dict文档:http://doc.ruoyi.vip/码云地址:https://gitee.com/y_project/RuoYi-Vuegithub地址:https://github.com/yangzongzhuan/RuoYi原创 2021-09-17 14:51:12 · 471 阅读 · 0 评论 -
踩坑系列——后端代码在本地跑着,在本地对接口。后端接口在swagger和postman中都跑通了,但是在前端项目中出现get请求成功/post请求失败(一直说请求超时)的情况。本地用了mock数据
复制上面的链接会转跳到首页???这是正常吗???应该怎么测呢??松子说:转跳首页正常的。原创 2021-09-08 08:55:31 · 2006 阅读 · 0 评论 -
vue//全局filters可以从全局方法中引入导出
全局filters可以从全局方法中引入导出src/filters/index.js// import parseTime, formatTime and set to filterexport { parseTime, formatTime } from '@/utils'使用<el-table-column label="创建时间"> <template #default="{row}"> <!-- {{ row.createdAt }} --原创 2021-09-08 08:48:20 · 242 阅读 · 0 评论 -
vscode//使用vscode如何设置vue模板
https://blog.youkuaiyun.com/qq_41805715/article/details/1027675541.选择File中的Preferences中的User Snippets2.搜索vue,选择vue.json3.将下面内容复制到vue.json的大括号中,保存{ "Print to console": { "prefix": "vue", "body": [ // "<!-- $0 -->", "<template>", "原创 2021-09-08 08:48:02 · 204 阅读 · 0 评论 -
vue//login 页面,下次自动登录功能
https://blog.youkuaiyun.com/a12hhhe/article/details/106058676https://blog.youkuaiyun.com/qq_37473645/article/details/83176633https://blog.youkuaiyun.com/qq_1307495/article/details/105624268思路:通过 cookie 取 / 删 / 存<template> <div class="login-container">原创 2021-09-05 10:06:54 · 858 阅读 · 0 评论 -
VUE 路由守卫 next() / next({ ...to, replace: true }) / next(‘/‘) 说明
https://blog.youkuaiyun.com/qq_41912398/article/details/109231418next() —— 放行next(’/’) —— 中断当前导航,执行新的导航。注意这里不是直接转跳,而是中断。beforeEach((to, from, next) => { beforeEach(('/logon', from, next) => { beforeEach(('/logon', from, next) => { beforeE原创 2021-09-04 14:05:21 · 2047 阅读 · 0 评论 -
elementui——上传文件
vue之element-ui文件上传:https://blog.youkuaiyun.com/viewyu12345/article/details/80850029原创 2021-09-04 14:01:50 · 167 阅读 · 0 评论 -
css//SASS 中的占位符%,@extend,@mixin(@include)的使用场景
文章目录占位符 % 、 @extend@extend@mixin(@include)参考:https://blog.youkuaiyun.com/chy555chy/article/details/103055822占位符 % 、 @extend%log { display: block; color: black;}.log-debug { @extend %log; border: 1px solid blue;}.log-error { @extend %log; bor原创 2021-09-04 13:49:19 · 377 阅读 · 0 评论 -
OA系统//searching
1 B/S架构和C/S架构区别?B/S架构和C/S架构区别?PC端应用的两种开发模式(CS和BS)CS——Client/Sever(客户机/服务器)结构BS——Browser/Server(浏览器/服务器)结构CS响应速度快,安全性强,通常应用在局域网当中,可是开发维护费用高;BS能够完成跨平台,客户端零维护,可是个性化才能低,响应速度较慢。于是有一些单位平日办公应用BS,在实际生产当中使用CS结构。2 实例分析!如何快速搭建OA办公系统实例分析!如何快速搭建OA办公系统...原创 2021-08-05 13:26:31 · 119 阅读 · 0 评论 -
mock.js构造数据
Mock.js使用正确开启Mockjs的三种姿势:入门参考(一)Mock.js文档github地址原创 2021-08-04 16:57:02 · 138 阅读 · 0 评论 -
前端//代码规范
参考:vue项目开发的通用代码规范原创 2021-08-03 15:28:50 · 307 阅读 · 0 评论 -
git//如何移除本地文件夹与Git的连接
如何移除本地文件夹与Git的连接1.在需要移除的文件夹下打开Git Bash2.在命令行中输入如下语句find . -name ".git" | xargs rm -Rf原创 2021-08-02 11:33:09 · 887 阅读 · 0 评论 -
构建项目//pc端、移动端H5
vue-cli安装 ui 库(eg:pc端用element ui、移动端用 vuex)原创 2021-07-28 19:33:17 · 793 阅读 · 0 评论 -
js/vue//懒加载
文章目录1 参考 & 概念2 实例1 参考 & 概念超简单直观理解懒加载(Lazyload)懒加载的原理及实现什么是懒加载和预加载原理:先将 img标签中的 src 链接设为同一张图片(空白图片),将其真正的图片地址存储在 img 标签的自定义属性中(比如data-src)。当js监听到该图片元素进入可视窗口时,即将自定义属性中的地址存储到src属性中,达到懒加载的效果。这样做能防止页面一次性向服务器响应大量请求导致服务器响应慢,页面卡顿或崩溃等问题。2 实例<原创 2021-07-27 16:04:17 · 166 阅读 · 0 评论 -
跨域//9种常见的跨域解决方案
参考:9种跨域解决方案jsonp(只支持get请求,支持老的IE浏览器)适合加载不同域名的js、css,img等静态资源;CORS(支持所有类型的HTTP请求,但浏览器IE10以下不支持)适合做ajax各种跨域请求;Nginx代理跨域和nodejs中间件跨域原理都相似,都是搭建一个服务器,直接在服务器端请求HTTP接口,这适合前后端分离的前端项目调后端接口。document.domain+iframe适合主域名相同,子域名不同的跨域请求。postMessage、websocket都是HTML5新特原创 2021-07-27 15:18:43 · 202 阅读 · 0 评论 -
通信安全//什么是 CSP?
CSP(Content-Security-Policy)指的是内容安全策略,它的本质是建立一个白名单,告诉浏览器哪些外部资源可以加载和执行。我们只需要配置规则,如何拦截由浏览器自己来实现。通常有两种方式来开启 CSP,一种是设置 HTTP 首部中的 Content-Security-Policy,一种是设置 meta 标签的方式<meta http-equiv="Content-Security-Policy">CSP 也是解决 XSS 攻击的一个强力手段。...原创 2021-07-27 15:03:34 · 526 阅读 · 0 评论 -
图标//阿里图标
iconfont阿里图标库的基本使用原创 2021-07-27 11:59:38 · 75 阅读 · 0 评论 -
通信安全//为什么 token可以防止 csrf?
参考Token被用户端放在Cookie中(不设置HttpOnly),同源页面每次发请求都在请求头或者参数中加入Cookie中读取的Token来完成验证。CSRF只能通过浏览器自己带上Cookie,不能操作Cookie来获取到Token并加到http请求的参数中。所以CSRF本质原因是“重要操作的所有参数都是可以被攻击者猜测到的”,Token加密后通过Cookie储存,只有同源页面可以读取,把Token作为重要操作的参数,CSRF无法获取Token放在参数中,也无法仿造出正确的Token,就被防止掉了。原创 2021-07-27 11:27:48 · 2462 阅读 · 0 评论 -
移动端//需要注意的(窗口适配、rem适配、延迟300ms、点击穿透问题、1px像素问题、样式reset)
文章目录1、移动端视口配置2、点击延时 300ms 问题3、rem 适配4、多倍屏1px被显示成多像素问题5、重置样式表(reset.css)1、移动端视口配置移动端视口配置<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />initial-scale: 初始的缩放比例;minimu原创 2021-07-27 08:26:28 · 187 阅读 · 0 评论 -
echarts//数据刷新mychart.setOption(option,true)
官方文档参考:echarts的setOption第二个参数的坑原创 2021-07-24 22:12:35 · 8671 阅读 · 0 评论 -
echarts//echarts做地图
1 把对应省份地图的 jeojson.js 数据下载下来DATAV2 参考echarts地图怎么做点击案例进行参考学习3 示例创建挂载地图的dom节点引入地图的 jeojson 文件初始化地图绑定事件注册地图配置地图最后调用对应的方法就可以成功渲染地图啦...原创 2021-07-24 22:04:17 · 170 阅读 · 0 评论 -
移动端//重置样式表(reset.css)
重置样式表// src-assets-styles文件夹中下载reset.css。main.js 文件中引入 reset.css@charset "utf-8";html { background-color: #fff; color: #000; font-size: 12px} body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,fieldset,legend,input,textarea,b原创 2021-02-26 11:20:13 · 485 阅读 · 0 评论 -
移动端//多倍屏1px被显示成多像素问题(border.css)
<details><summary>展开查看</summary><pre><code>System.out.println("Hello to see U!");</code></pre></details>原创 2021-02-26 11:11:52 · 165 阅读 · 0 评论 -
移动端//项目代码初始化
保持页面比例适中 1:1## 重置样式表 // src-assets-styles文件夹中下载reset.css。main.js 文件中引入 reset.css多倍屏1px被显示成多像素问题// src文件夹中下载border.css。main.js 文件中引用 border.css展开查看System.out.println("Hello to see U!");移动端300ms延迟问题//npm install fastclick --save。main.js 文件中:i原创 2021-02-26 11:03:09 · 138 阅读 · 0 评论 -
Git//项目中常规git用法
git上创建分支city-ajaxgit pullgit checkout city-ajaxnpm run dev最后上传、合并代码git add .git commit -m …git pushgit checkout mastergit merge city-vuexgit push原创 2021-02-26 10:42:19 · 387 阅读 · 0 评论