chenacxz的博客

腾讯云服务器，装一下mysql，做一下日常记录

前端代码防止被调试，无非就是打开控制台，卡住页面不让他往下走。有以下几种办法1、打开控制台，无限debugger2、打开控制台，无限加载3、打开控制台，重定向到新的页面

Vue2.7.14、vuecli@5.0.8、element-ui@2.15.13、node14.18.3升到vite4.4.8

1.所有的UI组件都应该包裹一个容器组件，他们是父子关系 2.容器组件是真正和redux打交道的，里面可以随意的使用redux的api 3.UI组件不能使用任何redux的api 4.容器组件会传给UI组件：1）redux中所保存的状态，2）用于操作状态的方法 5.备注：容器给UI传递：状态、操作状态的方法，均通过props传递

redux是 JavaScript 状态容器，提供可预测化的状态管理，是一个独立的库可以搭配UI框架进行使用。与redux稍加不同的是，react-redux是 React 的官方 Redux UI 绑定库，可以订阅 store、检查更新数据和触发重新渲染的过程可以变得更加通用和可复用。简单的说，react-redux最终还是使用redux去取数据，不过是封装一层方便使用redux的api。相对于Vuex的简单无脑操作，这两个算是稍微麻烦一点的。不过后续阿里封装了个hox，使用起来感觉简单了很多。

TypeScriptTypeScript强类型与弱类型（类型安全）静态类型与动态类型（类型检查）Js自有的类型系统的问题Flow静态类型检查方案TS语言规范与基本应用TypeScriptTS是一门基于Javascript之上的编程语言，重点解决Javascript类型系统的问题。大大提高代码的可靠程度。强类型与弱类型（类型安全）语言层面限制了实参类型必须与形参类型相同class Main { static void foo(int num) { System.out.printIn(n

模块化开发模块化概述模块化规范的出现CommonJs规范AMDSea.js+CMD（淘宝推出的）模块化标准实现Es Modules三级目录提高开发效率，降低维护成本，模块化本身只是一个思想，不包括具体的实现模块化概述模块化规范的出现CommonJs规范每个文件就是一个模块每个模块都有一个单独的作用域通过module.exports导出成员通过require函数载入模块同步的模式加载模块node执行是在页面加载时加载模块页面加载时导致大量的同步请求出现，导致效率低下AMD早期的浏览器

前端自动化构建Gulp基本使用GruntFIS自动化转换工作流，作用是为了脱离运行环境兼容带来的问题开发阶段使用一些提高效率的语法、规范和标准常用的自动化构建工具，grunt gulp fisGulp基本使用mkdir sample-gruntsudo yarn init --yesGruntFIS...

前端工程化前端工程化概述定义和解决的问题项目中工程化的表现工程化不等于工具前端工程化概述定义和解决的问题是指遵循一定的标准和规范，通过工具去提高效率，降低成本的一种手段。通过模块化去提高项目的可维护性，运行环境不能被支持解决的问题：部署上线前亚索代码以及资源文件手动上传部署代码到服务器多人协同开发时，无法硬性统一大家的代码风格，从仓库拉下来的代码质量无法保证项目中工程化的表现一切以提高效率，降低成本，质量保证为目的的手段都属于工程化一切重复的工作都应该被自动化工程化不等于工具.

写在前面：本篇博客只针对前端代码实现，keycloak配置什么的，自己和后端或者运维联调吧。说实在的，因为不熟悉keycloak代码的逻辑，再加上时间紧，所以搞了一些很多骚操作。登录这些前端代码是写在keycloak项目里的，文件是.ftl，还好政府项目没有对UI有什么很高的要求。扫码登录和手机号验证码，成功之后是跳转到Vue项目里的。 @TOC浙政钉扫码登录扫码登录：专有钉钉扫码登陆流程我这里采用的时第二种实现方式，嵌入iframe,但是这样有个弊端，开发时由于跨域，无法改二维码的样式。

代码文件，Vue代码在文件里，下载即可使用链接: https://pan.baidu.com/s/1Ul2ImTYgiqJHgqqW9ptmww 提取码: 1pmf先附实现效果引入文件<link rel="stylesheet" type="text/css" href="css/swiper.css"> <link rel="stylesheet" ...

一、gitlab上新建分支，提交代码至新的分支git branch -a 查看本地分支git branch manager创建新分支git checkoutmanager切换新分支git push origin manager将新分支push到远程git checkout manager切换新分支git add .git commit -m 'first commi...

1、引入CSS的方法有两种：一种是@Import,一种是link <link type="text/css" href="地址" rel="stylesheet"/> 现在绝大多数网站都采用后link方法，原因在于 @Import先加载html,再加载css link先加载css,再加载html 所以前者加载网页会出现令浏览者感觉到意外的格式，后者是带着格式去...

1、安装完毕，启动项目，js无法使用，页面报错如下因为之前装的lib下的bootstrap版本太高的缘故找到之前安装路径输入一下命令符bower install bootstrap#3.0.3 --save-dev他会提醒你选装，1）bootstrap#3.0.32）bootstrap#4.0.1在Answer后输入1，回车之后安装完毕...

node.js开发环境搭建 1.1环境 运行环境nodejs 使用gulp自动化编译scss，js等 使用bower管理依赖插件 使用requirejs作为模块加载器 使用bootstrap css作为样式框架 依赖jquery，jquery-ui两个库 1.2项目目录 node_modules...

原型与原型链 封装（点击打开链接）构造函数的继承（点击打开链接）非构造函数的继承（点击打开链接） Javascript规定，每一个构造函数都有一个prototype属性，指向另一个对象。这个对象的所有属性和方法，都会被构造函数的实例继承。 这意味着，我们可以把那些不变的属性和方法，直接定义在prototype对象上。 function Cat(na...

闭包（点击打开链接） 闭包的概念 闭包就是能够读取其他函数内部变量的函数。 由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成"定义在一个函数内部的函数"。 在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。 闭包的用途 一个是前面提到的可以读取函数内部的变量...

下载之后解压到指定文件夹下（例:D:\mysql） 百度网盘文件（密码:bvqb） 配置环境变量 我的电脑->属性->高级->环境变量 选择PATH,在其后面添加: 你的mysql bin文件夹的路径 (如:D:\mysql\mysql-5.6.24-win32\bin ) P...

1.slice（数组）用法：array.slice(start,end)解释：该方法是对数组进行部分截取，并返回一个数组副本；参数start是截取的开始数组索引，end参数等于你要取的最后一个字符的位置值加上1（可选）//如果不传入参数二，那么将从参数一的索引位置开始截取，一直到数组尾var a=[1,2,3,4,5,6];var b=a.slice(0,3); var ...

var aArray=[1,[2,3],[2,[2,3,4,5]],[6,7],8];var cahr=aArray.toString();//转换为字符串cahr=cahr.split(",")//通过，切割为一个数组cahr=Array.from(new Set(cahr));//去重cahr.sort(function(x,y){//排序 return y-x;})co...

js数组方法介绍增加：push：在数组原有的基础上的末尾，添加元素（改变当前数组，返回一个新的数组）var arr = [90, 5, 21, 80, 83, 1, 8, 17, 22];arr.push(1)arr.push('1','a')arr.push([1,2]);console.log(arr)；//[90, 5, 21, 80, 83, 1, 8, 17, 22, 1...

##更新于2019-06-14,特地写了一份demo，有需要的可以直接去网盘下载，下载解压后即可运行链接：https://pan.baidu.com/s/1MK4kvMA2NZBVgZip0QEWwQ提取码：9hyz首先导入所需的文件：所需highcharts文件，提取码：e2az，前端用的jsp<script src="${ctx}/admin/js/drilldow...