Joey的博客 | Joey Blog

前端模块化，AMD与CMD的区别

引言最近在研究cmd和amd，在网上看到一篇不错的文章，整理下看看。在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery等前端库层出不穷，前端代码日益膨胀这时候JavaScript作为嵌入式的脚本语言的定位动摇了...

Posted by Joey on September 10, 2020

Spring Boot获取前端页面参数的几种方式总结

前言 Spring Boot的一个好处就是通过注解可以轻松获取前端页面的参数，之后可以将参数经过一系列处理传送到后台数据库，前段时间正好用到，但是忘得差不多了，获得的方式有很多种，这种东西不写下来一段时间不用就忘得差不多了，感觉记性越来越差了呢，这里稍微总结一下，大致分为以下几种：　　指定前端url请求参数名称与方法名一致，见下图，这种方式简单来说就是url请求格式中的参数需要与...

Posted by Joey on August 8, 2020

2020年上半年大前端发展趋势

引言迅速发展的前端开发，在每⼀年，都为开发者带来了新的关键词。2020年已走过一半，2020 年前端发展的关键词⼜将有哪些呢？发展的方向又会是什么呢？参考2019年大前端的发展，不出意外，前端依旧会围绕⼩程序、超级APP、跨端开发、前端⼯程化以及新技术运用等几个方面进行展开。一、小程序介绍在⼩程序⽅⾯，今年仍然是⼩程序突⻜猛进的⼀年，各⼤主流的 App 都上线了⼩程序...

Posted by Joey on July 1, 2020

JS实现纯前端将数据导出excel两种方式

前言本文介绍了JS实现纯前端将数据导出excel两种方式。方法一将table标签，包括tr、td等对json数据进行拼接，将table输出到表格上实现，这种方法的弊端在于输出的是伪excel，虽说生成xls为后缀的文件，但文件形式上还是html，代码如下 <html> <head> <p style="font-size: 20px;col...

Posted by Joey on June 16, 2020

浏览器缓存哪些事儿

引言相信很多新手前端发布页面的时候都会遇到一个问题，就是明明页面已经更新了，但是浏览器浏览页面并没有变化，那么如何解决这个问题呢？事实上，这个问题各种搜索引擎搜索之后会发现有很多的方案，但不一定有效，一般的解决方案有以下的两种：1：添加时间戳；2：cache-control。首先第一种，就是在你的所有静态资源文件后面添加随机时间戳，例如你的页面里面用到了test.js，那你修改过...

Posted by Joey on May 8, 2020

XSS的攻击及防御

引言 XSS又称CSS，全称Cross SiteScript，跨站脚本攻击，是Web程序中常见的漏洞，XSS属于被动式且用于客户端的攻击方式，所以容易被忽略其危害性。其原理是攻击者向有XSS漏洞的网站中输入(传入)恶意的HTML代码，当其它用户浏览该网站时，这段HTML代码会自动执行，从而达到攻击的目的。如，盗取用户Cookie、破坏页面结构、重定向到其它网站等。一、定义 XSS攻击...

Posted by Joey on April 14, 2020

Vue3.0 的 reactive API 定义和源码实现

引言今年，对于从事前端开发的同学而言，很是期待的一件事就是 Vue3.0的发布。但是，Vue3.0离发布还是有点时间的，并且正式发布也不代表我们就马上就可以用于业务开发。它还需要完善相应的生态工具。不过正式使用是一码事，我们自己玩又是一码事（hh）。 Vue3.0特地准备了一个尝鲜版的项目供大家体验 Vue3.0即将会出现的一些 API，例如 setup、reactive、toRefs...

Posted by Joey on March 10, 2020

vue cli 3 升级到 vue cli 4 方法步骤及升级点汇总

vue cli 4 官方已经更新有一段时间了，看了官方文档大概有二十几点的更新，还是干货满满呀，值得升级一下，下面是升级步骤。

介绍 vue cli 4 官方已经更新有一段时间了，看了官方文档大概有二十几点的更新，还是干货满满呀，值得升级一下，下面是升级步骤。步骤首先，在全局安装最新的 Vue CLI： npm install -g @vue/cli # OR yarn global add @vue/cli 检查安装的版本 vue -V # 输出:@vue/cli 4.x.x 说明@v...

Posted by Joey on February 15, 2020

前端角色动态设置菜单栏和路由规范

云鸟科技BSS后台管理系统，前端角色动态设置菜单栏和路由规范

后台管理系统都有这种需求，不同角色账号进来后，就只能看到自己权限内的页面这种权限限制，需要前后端共同完成。后端需要在用户越权访问时，返回错误提示。也可让后端直接返回路由列表。只是这样不够灵活，之后每新增一个页面都要他们配置路由和权限，不符合前后端分离原则。前期准备与产品经理、后端同学讨论，得到一份角色类型清单约定角色分别能进入哪些页面核心逻辑 ...

Posted by Joey on January 3, 2020

TypeScript 是怎样工作的

TypeScript的工作原理

前言 TypeScript 的工作原理：典型的 TypeScript 项目的结构是什么？什么被编译以及怎样编译？我们如何使用 IDE 编写 TypeScript？ TypeScript项目的结构以下是 TypeScript 项目的一种可能的文件结构： typescript-project/ dist/ ts/ src/ main.ts uti...

Posted by Joey on December 11, 2019

Joey Blog