前言：对跨域请求、CORS和CSRF做名词解释，没有深入展开。想深入了解跨域看下面的两篇文章。 跨域请求 什么是跨域请求？ 所谓的跨域请求就是指：当前发起请求的域与该请求指向的资源所在的域不一样。（这里的域指的是这样的一个概念：我们认为若 ...

暴露配置文件 create-react-app 生成的项目看不到 webpack 相关的配置文件，需要先暴露出来，使用如下命令即可 npm run eject 修改配置文件 webpack.config.js resolve: { ...

refer：https://my.oschina.net/u/4231722/blog/3154805 常见的各大网站扫码登录： image.png 各大网站的扫码登录技术细节都是很相似的： 扫码登陆.png PC端浏览器打开淘宝网的登录界 ...

微信分享功能给我们带来了很大的便利，使得基于微信开发出来的 H5 页面可以很好的通过微信平台进行传播。所以呢，基本上每个基于微信开发的 H5 都会集成微信分享功能。但是，前几天在对接微信分享 API 的时候发现了一个大坑。使用 vue 框架 ...

正值前端组件化开发时代，那么必然离不开目前最火的构建工具——webpack（grunt，gulp等暂且不谈）。说到这里，刚好有几个问题： 为什么运行打包命令之后，.vue 文件可以转成 .js 文件 为什么运行打包命令之后，.less 文件 ...

本篇文章前端项目以vue为例（其实前端工程化项目的操作方法都相同），部署在Linux系统上（centos）。 之前做前端项目的部署，一直都是手动运行打包命令，打包完。再使用FTP、Xshell等这类的工具上传到服务器。这种方式不仅效率不高 ...

Favicon（Favorites Icon的缩写），中文叫网页图标，一般为各网站的LOGO（如下图），从视觉上起到宣传、醒目、易于区分的效果。没有设置favicon的网站，浏览器会赋予默认的图标（比如Chrome的灰色地球），这样的体验不 ...

刚学web开发的时候，网页上的图标都是用标签引入一张小图片来实现的，这样的好处是简单、易上手。但是渐渐地，开始注重页面细节和用户体验，就会发现这种方式存在一些弊端：随着页面放大，图片会出现锯齿和马赛克，不能一直保持清 ...

今天针对vue-router官网进阶部分的知识点进行了检漏学习，里面有一些是之前不了解的（竟然还可以这么玩？），也有一些知识虽然之前了解，但是发现官网提供的例子真香，书写方式很高雅，所以记录一下。 一、导航守卫 二、路由元信息 三、基于路由 ...

优秀的Web前端开发工程师要在知识体系上既要有广度和深度！应该具备快速学习能力。前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维 ...