前端随笔1：HTML、JavaScript和Vue最近因为工作需要，需要接触一些前端的东西。之前虽然大体上了解过HTML、CSS和JavaScript，也知道HTML定义了内容、CSS定义了样式、JavaScript定义了行为，但是却没有详细的学习过前端三件套的细节。而最近的工作中需要使用Vue，并且想到未来的工作中使用Vue能够更好地展示成功，所以认真的学习了一些前端的知识。因此特地准备写一些文章，将自己的一些心得和感悟记录下来，作为学习的见证和方便未来使用。一、HTML1.HTML语言HTML全称是HyperTextMarkupLanguage，即超文本标记语言，一种用来结构化Web网页及
各位朋友你们好，我是桃小瑞，微信公众@桃小瑞。在这给大家拜个晚年，祝各位朋友新年快乐。前言在前端的开发过程中，尤其是在浏览器环境下，跨域是个绕不开的话题，相信每个前端都会涉及到这个问题，记住的就直接手敲解决跨域问题，记不住的就只能问度娘了。😂😂即将登场的是我们的二号人物，跨域。👇👇👇跨域一、什么是跨域？跨域是指在浏览器环境中存在的一种资源同源保护策略。当页面使用ajax/fetch进行网络请求或者页面进行资源请求时，网络协议、域名、端口不一致时就会触发浏览器的同源策略保护机制。浏览器就会在控制台输出像下面图片中的内容。二、解决跨域有哪些途径呢？见招拆招，有限制就有对策。目前有很多可以解决跨域的
nginx部署前端项目时location时root和alias配置操作说明nginx配置文件配置location时使用root方式以上三种方式结论验证用root属性指定的值是要加入到最终路径中的，匹配条件会拼接到路径中即最终获取的静态页面路径为：域名+root+区配条件+index备注：方式2和方式2.1用于验证root属性的值最后的"/"为非必须，有没有最后一个"/"都可以访问到nginx配置文件配置location时使用alias方式以上三种方式结论验证用alias属性指定的值，匹配条件不会拼接到路径中，会直接在alias属性的值下面去找资源即最终获取的静态页面路径为：域名+alias+i
第一种方式：文件预览展示转换为Blob对象//预览图片或者pdf格式文件getViewImg(id:string){returnthis.http.get(`/workflow/attachment/viewImg/${id}`,{observe:'response',responseType:'blob'});}//预览word文件或Excel文件getViewFile(id:string){returnthis.http.get(`/workflow/attachment/view/${id}`,{observe:'response',responseType:'blob'})}预览实现t
在产品发布新版本或者有新功能上线时，经常需要新手引导功能来引导用户了解应用。下面就来分享几个开箱即用的新手引导组件工具库，帮你快速实现新手引导功能！Intro.jsIntro.js是一个使用广泛的产品引导库，它在Github上拥有21.6kStar。其具有以下特点：无依赖：它不需要任何其他依赖。小而快：库文件较小使得引导过程流畅直观。JavaScript文件的整体大小为10KB，CSS为2.5KB。用户友好：提供可以根据喜好选择的各种主题。浏览器兼容性：适用于所有主流浏览器，如GoogleChrome、MozillaFirefox、Opera、Safari等。文档完善：文档包含要介绍的每个元素
前端get请求参数包含数组的情况问题描述解决办法文章参考问题描述当我们使用post传数组参数的时候，是没有问题的，可以不经过参数处理即可正常传参，但是当我们使用get请求传数组参数的时候，会出现下图这样的情况：ajax请求方法//ajax请求方法exportfunctiongetDataApi(params){returnaxios.request({url:`${prefix}/transferFee/page`,method:"GET",params,});}调用请求import{getDataApi}from'@/api/index.js';created(){ constparams=
1、angular介绍Angular是一个由Google维护的开源JavaScript框架，用于在HTML和JavaScript中构建Web应用程序。它包括：AngularCLI可以快速搭建框架，创建module，service，class，directive等；具有webpack的功能，代码分割，按需加载；代码打包压缩；模块测试；热部署，有改动立即重新编译，不用刷新浏览器；而且速度很快有开发环境，测试环境，生产环境的配置，不用自己操心；sass，less的预编译AngularCLI都会自动识别后缀来编译；typescript的配置，AngularCLI在创建应用时都可以自己配置；在创建好的工
最近换了台新Mac，所有的配置和软件就重新安装下，顺便写个文章。一、环境配置1.安装Homebrew安装Homebrew【Mac安装Homebrew】通过国内镜像安装会比较快/bin/zsh-c"$(curl-fsSLhttps://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"安装Git后再运行此脚本，在系统弹窗中点击“安装”按钮点击安装按钮，安装Git之后在重新运行此命令，即可安装Homebrew可以输入y继续安装Core、Cask、services按照提醒进行配置即可，最后可以输入brew-v查看版本2.安装Git【Git地址】g
一、single-spa简介要了解qiankun的实现机制，那我们不得不从其底层依赖的single-spa说起。随着微前端的发展，我们看到在这个领域之中出现了各式各样的工具包和框架来帮助我们方便快捷的实现自己的微前端应用。在发展早期，single-spa可以说是独树一帜，为我们提供了一种简便的微前端路由工具，大大降低了实现一个微前端应用的成本。我们来看一下一个典型single-spa微前端应用的架构及代码。主应用（基座）：作为整个微前端应用中的项目调度中心，是用户进入该微前端应用时首先加载的部分。在主应用中，通过向single-spa提供的registerApplication函数传入指定的参
一、学习目标😀了解fileSaver.js核心实现自己动手实现简易导出功能在Vue中如何使用文件二、源码调试😊1、fileSave.js库地址：https://github.com/eligrey/FileSaver.js1、gitclonehttps://github.com/eligrey/FileSaver.js.git2、cdFileSaver.js-master/src目录3、在src下新建test.html,copy下面代码!DOCTYPEhtml>htmllang="en"> head> metacharset="UTF-8"/> metahttp-equiv="X-UA-C
