Joey Blog

Thinking will not overcome fear but action will.

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

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

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

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

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

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

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

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

浏览器缓存哪些事儿

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

XSS的攻击及防御

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

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

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

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...

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

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

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

TypeScript 是怎样工作的

TypeScript的工作原理

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