- 博客(108)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 vue RBAC权限控制管理
Vue权限控制在Web系统中, 权限很久以来⼀直都只是后端程序所控制的.为什么呢? 因为Web系统的本质围绕的是数据, ⽽和数据库最紧密接触的是后端程序.所以在很⻓的⼀段时间内, 权限⼀直都只是后端程序需要考虑的话题.但是随着前后端分离架构的流⾏, 越来越多的项⽬也在前端进⾏权限控制1.权限相关概念1.1权限相关概念后端权限从根本上讲前端仅仅只是视图层的展示, 权限的核⼼是在于服务器中的数据变化, 所以后端才是权限的关键, 后端权限可以控制某个⽤户是否能够查询数据, 是否能够修改数据等操
2021-09-23 21:13:17
988
1
原创 echarts表项目数据可视化
echarts大数据可视化技术点功能点后台搭建结合vue开发图表组件websocket实现数据推送主题切换\页面合并\全屏切换技术点vue vuex router webpack功能点后台搭建结合vue开发图表组件websocket实现数据推送主题切换\页面合并\全屏切换...
2021-09-14 14:55:26
4202
1
原创 逸刻时光即时通讯uni app
介绍О到1实现即时通讯聊天室app前端vue.js+uni-app后端nodejs+mongodb+websocket后端NodeJS+MongoDB+webSocketui图http://www.huohuo90.com/yikes#artboard0
2021-08-24 17:25:35
515
原创 uniapp
uniapp基础项目结构介绍开发方式1.使用HBuilderX快速开发2.使用脚手架快速搭建和开发样式和sass基本语法⭐事件⭐组件⭐生命周期⭐项目 懂你找图技能点功能基础跟着黑马学，项目找别的。基础项目结构介绍开发方式1.使用HBuilderX快速开发2.使用脚手架快速搭建和开发1.全局安装npm install -g @vue/cli2.创建项目vue create -p dcloudio/uni-preset-vue my-project3.启动项目(微信小程序)npm
2021-08-23 11:15:39
125
原创 Git常用命令
git git git一、常用命令行二、Git常用命令一、二、版本回退三、本地仓库和远程仓库的连接四、添加公钥 sshkey1.ssh-keygen -t rsa -C "邮箱号" #生成公钥（邮箱：注册码云的邮箱）2.cat ~/.ssh/id_rsa.pub #查看公钥3.ssh -T git@gitee.com #验证公钥是否添加成功，出现以下提示“successfully” 表示成功五、分支操作六、.gitignore文件一、常用命令行cd 文件夹路径 #进入到某个文件夹
2021-08-20 15:37:43
307
原创 尝试spring boot框架写接口
步骤1.建立实体类，跟数据库表字段保持一致2.建立mapper接口，定义要草所数据库的动作3.建立mapper的xml文件，写具体的sql语句4.建立service类，处理业务逻辑5.在controller类中展示处理结果开始项目创建项目选择spring boot框架至此，算是创建成功。稍等片刻，等加载完成。2.运行项目需要配置数据库在此文件添加配置文件server: port: 8081spring: #数据库配置 datasource: dri
2021-08-18 17:31:07
714
原创 Android studio关于WebView控件使用
由于公司需求，所以不得不学习adroid使用webview开发简单使用MyHtml.html<!DOCTYPE html><html><head> <title>MyHtml.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" c
2021-08-16 16:17:05
1670
原创 andriod studio学习文档
环境配置jdk环境，需要具备在cmd下输入java和javac输出帮助文档的条件安装一直next，没注意到安装的也没事。因为后面启动项目报错的话会推动你解决安装。使用1.简单一个helloword来欢迎andirod studio进入你的世界吧问题解决win10在安装Android-studio时提示HAXM无法安装问题1.检查控制面板 程序 windows更新 查看是否开启虚拟化服务2.查看控制面板 一般虚拟化会显示关闭 解决方法就是进入电脑bios模式把代表虚拟化功能设置ena
2021-08-05 10:49:31
3142
2
原创 docker学习使用文档
学习途径Docker官网：Docker中文网站：Docker Hub官网： （仓库）安装镜像image：docker镜像就好比是模板，可以通过这个模板创建容器服务，tomcat镜像=》run运行=》tomcat01容器（提供服务器），通过这个镜像可以创建多个容器（最终服务运行或者项目运行就是在容器中）容器container：docker利用容器技术，独立运行一个或者一个组应用，通过·镜像来创建。启动，停止，删除，基本命令 目前就可以理解为建议linux系统，项目仓库rep
2021-07-30 17:48:45
2849
原创 express使用文档
注：用于工作中接口需求并不是要求访问很大的开发基本结构该段体现中间件路由保护作用// 引入 express 框架const express = require('express')// 创建网站服务器const app = express();app.use('/admin', (req, res, next) => { // 用户没有登录 let isLogin = true; // 如果用户登录 if (isLogin) { //
2021-07-03 17:01:15
1329
原创 项目部署搭建
云环境配置链接：https://www.cnblogs.com/wtfPro/p/11281618.html 大概部署介绍1.通过gitbash连接云服务器ssh root@ip注意：如果连接第二台服务器需要删除上一台key ssh-keygen -R ip2.安装云服务器环境安装地址 cd /usr/local/2.1安装node下载wget wget https://nodejs.org/dist/v14.17.1/node-v14.17.1-linux-x64.tar.xz解
2021-07-03 16:25:54
181
转载 reset.css css样式初始化
/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em,
2021-06-12 12:14:53
186
原创 h5插入重复底部头部
jQuery：引入jq库主页<div id="header"></div>script$("header").load("html文件路径");header部分<header> </header>或者 分别尝试<div id="header"> </div>
2021-06-10 18:43:42
146
原创 vuex使用
第一步要引入在main.js中引入 vueximport Vuex from 'vuex'第二步注册vuex组件Vue.use(Vuex)第三步实例化Storestate：保存的是原始数据，可以理解为需要共享的数据或状态，getters：可以理解为是staore的计算属性，可以实现就store的计算，但是不能更改。例如你想知道两个值相加、相乘。都是非常不错的选择。mutations：mutations中的方法可以对state中的数据进行改变。action：action中的方法可
2021-05-25 22:49:39
144
原创 token了解
含义1、Token的引入：Token是在客户端频繁向服务端请求数据，服务端频繁的去数据库查询用户名和密码并进行对比，判断用户名和密码正确与否，并作出相应提示，在这样的背景下，Token便应运而生。2、Token的定义：Token是服务端生成的一串字符串，以作客户端进行请求的一个令牌，当第一次登录后，服务器生成一个Token便将此Token返回给客户端，以后客户端只需带上这个Token前来请求数据即可，无需再次带上用户名和密码。3、使用Token的目的：Token的目的是为了减轻服务器的压力，减少频繁的
2021-03-30 15:19:00
297
原创 react.js
一、create-react-app全局安装create-react-app$ npm install -g create-react-app创建一个项目$ create-react-app your-app 注意命名方式Creating a new React app in /dir/your-app.Installing packages. This might take a couple of minutes. 安装过程较慢，Installing react, react-dom,
2021-01-13 21:13:49
342
原创 react中onchange事件
如何获取输入框的值是react中必须面对的问题，目前比较好的方式与两种，一种是使用ref，而另一种是使用onChange事件，它通过事件对象的方式获取输入值。具体使用方式如下：class Main extends Component { changeEvent(e) { console.log(e.target.value); } render() { return ( <div> <input type='text' onCh
2021-01-12 20:23:33
2910
原创 es6-ES6⭐概念&新增⭐语法&内置对⭐象拓展
ES6语法目标能够说出使用let关键字声明变量的特点能够使用解构赋值从数组中提取值能够说出箭头函数拥有的特性能够使用剩余参数接收剩余的函数参数能够使用拓展运算符拆分数组能够说出模板字符串拥有的特性ES6相关概念（★★）什么是ES6ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。为什么使用 ES6 ?每一次标准的诞生都意味着语言的完善，功能的加强。JavaScript语言本身也有一些令人不满意的地方。变量提升特性增加
2020-12-05 08:31:03
177
原创 JavaScript高级第03天笔记函数定义调用this⭐⭐严格模式闭包递归
JavaScript高级第03天笔记1.函数的定义和调用1.1函数的定义方式方式1 函数声明方式 function 关键字 (命名函数)function fn(){}方式2 函数表达式(匿名函数)var fn = function(){}方式3 new Function()var f = new Function('a', 'b', 'console.log(a + b)');f(1, 2);var fn = new Function('参数1','参数2'..., '函数
2020-12-05 08:30:41
152
原创 day06_WebAPI动画函数封装 常见网页特效案例 触屏事件
day06 - Web APIs学习目标:能够封装简单动画函数能够理解缓动动画的封装能够使用动画函数能够写出网页轮播图案例能够写出移动端触屏事件**1.1. **动画函数封装1.1.1 缓动效果原理缓动动画就是让元素运动速度有所变化，最常见的是让速度慢慢停下来思路：让盒子每次移动的距离慢慢变小，速度就会慢慢落下来。核心算法： (目标值 - 现在的位置) / 10 做为每次移动的距离步长停止的条件是： 让当前盒子位置等于目标位置就停止定时器注意步长值需要取整1
2020-12-05 08:28:40
139
原创 JavaScript基础第05天笔记⭐作用域⭐变量的作用域⭐作用域链⭐预解析⭐对象创建相关概念
JavaScript基础第05天笔记1 - 作用域1.1 作用域概述通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。JavaScript（es6前）中的作用域有两种：全局作用域局部作用域（函数作用域）1.2 全局作用域作用于所有代码执行的环境(整个 script 标签内部)或者一个独立的 js 文件。1.3 局部作用域作用于函数内的代码环境，就
2020-12-04 11:55:32
122
原创 JavaScript基础第04天笔记⭐数组⭐函数⭐函数返回值⭐
JavaScript基础第04天笔记1 - 数组1.1 数组的概念数组可以把一组相关的数据一起存放，并提供方便的访问(获取）方式。数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。1.2 创建数组JS 中创建数组有两种方式：利用 new 创建数组var 数组名 = new Array() ；var arr = new Array(); // 创建一个新的空数组注意 Array () ，A 要大
2020-12-04 11:53:31
105
原创 移动web开发_流式布局
移动web开发流式布局1.0 移动端基础1.1浏览器现状PC端常见浏览器：360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。移动端常见浏览器：UC浏览器，QQ浏览器，欧朋浏览器，百度手机浏览器，360安全浏览器，谷歌浏览器，搜狗手机浏览器，猎豹浏览器，以及其他杂牌浏览器。国内的UC和QQ，百度等手机浏览器都是根据Webkit修改过来的内核，国内尚无自主研发的内核，就像国内的手机操作系统都是基于Android修改开发的一样。总结：兼容移动端主流浏览器，处理Web
2020-12-03 22:24:47
90
原创 ⭐3D转换旋转透视perspective
cHTML5 第三天一、 认识 3D 转换3D 的特点近大远小物体和面遮挡不可见三维坐标系x 轴：水平向右 – 注意：x 轴右边是正值，左边是负值y 轴：垂直向下 – 注意：y 轴下面是正值，上面是负值z 轴：垂直屏幕 – 注意：往外边的是正值，往里面的是负值二、3D 转换3D 转换知识要点3D 位移：translate3d(x, y, z)3D 旋转：rotate3d(x, y, z)透视：perspctive3D呈现 tran
2020-12-03 22:22:01
114
原创 元素旋转中心2D转换⭐图片放大分页按钮动画
HTML5 第二天一、rotate2d旋转指的是让元素在2维平面内顺时针旋转或者逆时针旋转使用步骤：给元素添加转换属性 transform属性值为 rotate(角度) 如 transform:rotate(30deg) 顺时针方向旋转30度div{ transform: rotate(0deg);}二、三角代码演示二、设置元素旋转中心点(transform-origin)transform-origin 基础语法transform-origin: x
2020-12-03 22:18:54
116
原创 HTML5CSS3_day01⭐新增标签⭐多媒体标签⭐input标签⭐表单属性⭐css属性选择器⭐伪类选择器⭐2D转换translate
HTML5 第一天一、什么是 HTML5HTML5 的概念与定义定义：HTML5 定义了 HTML 标准的最新版本，是对 HTML 的第五次重大修改，号称下一代的 HTML两个概念：是一个新版本的 HTML 语言，定义了新的标签、特性和属性拥有一个强大的技术集，这些技术集是指： HTML5 、CSS3 、javascript, 这也是广义上的 HTML5HTML5 拓展了哪些内容语义化标签本地存储兼容特性2D、3D动画、过渡CSS3 特性性能与集成H
2020-12-03 22:17:16
98
原创 ⭐元素显示与隐藏⭐省略号显示⭐精灵图⭐滑动门⭐
CSS高级技巧目标理解能说出元素显示隐藏最常见的写法能说出精灵图产生的目的能说出去除图片底侧空白缝隙的方法应用能写出最常见的鼠标样式能使用精灵图技术能用滑动门做导航栏案例1. 元素的显示与隐藏目的让一个元素在页面中消失或者显示出来场景类似网站广告，当我们点击关闭就不见了，但是我们重新刷新页面，会重新出现！1.1 display 显示（重点）display 设置或检索对象是否及如何显示。display: none 隐藏对象display：b
2020-12-03 19:03:53
102
原创 列表和表单
typora-copy-images-to: media第01阶段.前端基础.列表和表单1. 列表标签（重点）学习目标理解无序列表的应用场景自定义列表的应用场景应用无序列表语法自定义列表语法问？前面我们知道表格一般用于数据展示的，但是网页中还是有很多跟表格类似的布局，如下图~~ 我们用什么做呢？ 答：答案是列表， 那什么是列表？ 表格是用来显示数据的，那么列表就是用来布局的。 因为非常整齐和自由 概念：容器里面装载着结构，样式一致的文字或图表的一.
2020-12-03 18:59:08
128
原创 vue涉及有关案例大全
简单计算器图：需求分析：实现简单的数值累加计算思路解析：通过v-model指令实现数值a何数值b的绑定给计算按钮绑定事件，实现计算逻辑将结果绑定到对应位置代码实现：<body> <div id="app"> <h1>简单计算器</h1> <div> <span>数值A:</span> <span>
2020-12-03 11:50:51
645
原创 Vue基础
一、了不起的vue1. 官方介绍Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。npm 上每周包的下载量Github上面的关注度2.渐进式渐进式代表的含义是：没有多做职责之外的事。vue.js只提供了vue-
2020-11-30 21:58:30
408
原创 图片懒加载 函数防抖节流
延迟加载（懒加载）延迟长网页中图像的加载，用户滚动到视窗之内的图像才会加载它们作用：降低初始性能开销，更快展示首屏，更快响应用户关键点：1.如何实现图片是否加载？2.如何判断某张图片是否在可视区之内？## 函数防抖节流防抖（debounce）与 节流（throttle）都是为了限制函数的执行频次，以优化函数触发频率过高导致的响应速度跟不上触发频率，出现延迟，假死或卡顿的现象。...
2020-11-25 10:26:33
164
空空如也
怎样开始前端代码人进程
2021-06-03
TA创建的收藏夹 TA关注的收藏夹
TA关注的人