Nginx 通过反向代理解决跨域问题

博主头像 一、问题的由来 随着项目不断地演进,难免会涉及到微服务架构。当采用微服务架构之后,web项目自然免不了面临跨域的问题。最近学习了一下这方面的知识,做个小笔记方便以后回顾,希望各位大神多多指教。 二、跨域究竟是个什么东东 跨域问题的出现是由于浏览器出于安全而遵守一个叫做“同源策略”的约定,而限制访问不 ...

webgl变换:深入图形平移

在以前的文章里,不管是绘制图形,绘制点亦或者是改变色值,所有的内容都是静态的。 在 webgl 里,图形的运动分为 平移、旋转、缩放 三种类型。 接下来,我们会从零基础开始,一点一点来深入了解图形如何进行运动。 首先来从零开始了解下图形的平移 1. 图形平移 首先我们来看如何实现图形的平移操作。 平 ...

JavaScript 12 动态创建元素

博主头像 动态创建元素 为何要动态创建元素: 输入电脑,传入之后动态的出现下拉表 动态创建元素方法: document.write() //document.write('<p>world</p>'),当点击按钮的时候会把前面的页面覆盖的生成一个新的页面显示,所以不能在事件当中使用。一般在做服务的时候使用。比 ...

Vue&Element 前端应用开发之菜单和路由的关系

博主头像 我们一般的应用系统,菜单是很多功能界面的入口,菜单为了更好体现功能点的设置,一般都是动态从数据库生成的,而且还需要根据用户角色的不同,过滤掉部分没有权限的菜单;在Vue&Element的纯前端框架中,还引入了路由的概念,路由是对应具体的页面视图和布局的相关信息集合,是用户可访问的页面连接集合。本篇随... ...

vue对组件进行二次封装

博主头像 vue对组件进行二次封装 经常遇到常用组件与设计图有微小区别的情况,但是自写组件功能又太单一(划掉 其实原因就是懒),这个时候对组件封装就很有用处 例如对 element 的 MessageBox 二次封装 组件有很多自定义内容 例如 MessageBox 可自定义配置不同内容。 <template ...

ES6学习-8 数值的扩展

博主头像 1、二进制和八进制表示法 ES6 提供了二进制和八进制数值的新的写法,分别用前缀0b(或0B)和0o(或0O)表示。 如果要将0b和0o前缀的字符串数值转为十进制,要使用Number方法。 如:Number('0b11') //3 2、Number.isFinite() 判断一个数字是不是有限的。 ...

图解Google V8,搞懂 JavaScript 执行逻辑

博主头像 V8 是 Google 推出的开源高性能 JavaScript 与 WebAssembly引擎,主要的应用包括Chrome浏览器以及Node.js。得益于Chrome浏览器的市场占有率,V8已经成为了当今最主流的JavaScript引擎。 很多前端开发人员对 V8 的理解还停留在表面,只是单纯地使用 ...

javascript数组排序算法之选择排序

博主头像 前言 作为一名程序员数组的排序算法是必须要掌握的,今天来图解 选择排序 选择排序原理 首先在未排序序列中找到最小(大)元素,存放到排序序列的起始位置,然后,再从剩余未排序元素中继续寻找最小(大)元素,然后放到已排序序列的末尾。以此类推,直到所有元素均排序完毕。 选择排序原理图(未优化) 绿色为当前比 ...

数组扁平化的几种方式

什么是数组扁平化? 数组扁平化其实就是将多维数组转为一维数组。 数组扁平化的几种方式 方式一:ES6的flat方法 const arr = [1,[2,[3,[4,5]]],6] // 方法一:数组自带的扁平化方法,flat的参数代表的是需要展开几层,如果是Infinity的话,就是不过嵌套几层,全 ...

数组的reduce方法详细解

前言 很多前端开发中都知道数组的reduce方法可以用来给数组求和,但是你问到里面的具体参数代表的时候什么,很多人却不知道。所以在工作中也是很少人会用到这个方法。现在我就通过这篇文章给大家详细讲解一下,并通过几个案例给大家展开 reduce方法 下面是api的使用和每个参数代表的含义: arr.re ...

JavaScript 11 节点

博主头像 节点的层次结构 nodeType节点的类型 1 元素节点 //nodeType=1 2 属性节点 3 文本节点 //nodeType=3 4 注释节点 //nodeType=8 nodeName 节点的名称(标签名称) nodeValue 节点值 元素节点的nodeValue始终是null 父子结构 ...

Handlebars.js 模板引擎

博主头像 介绍 Handlebars 是 JavaScript 一个语义模板库,通过对view和data的分离来快速构建Web模板。它采用"Logic-less template"(无逻辑模版)的思路,在加载时被预编译,而不是到了客户端执行到代码时再去编译, 这样可以保证模板加载和运行的速度。Handleba ...

浅析mvvm模式和mvc模式的区别和联系

博主头像 三层架构与MVC模式 三层架构 三层架构是一种以实现**“高内聚,底耦合”**为目标,的代码架构方法,它将整个业务分为,表示层,业务层,数据访问层(Dao层)。 MVC模式 MVC模式是一种软件设计的典范,一种组织代码的方法。 M 是 model 模型 V 是 view 视图 C 是 control ...

JavaScript 10 DOM

博主头像 获取标签属性和内容 DOM对象将标签的属性和内容封装成了对象的属性 <div id = "div">我是一个div <span>我是span</span> </div><script> var box = document.getElementById('div'); console.dir(box ...

javascript 09 web API DOM

博主头像 API应用程序编程接口,是一些预先定义的函数,或方法。 任何开发语言都有自己的API API的特征是输入和输出(I/O ) Web API 是浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM) DOM经常进行的操作: 获取元素 对元素进行操作(设置属性或方法) 动态创建元素 事件 获 ...

JQuery总结

博主头像 一、jQuery介绍 1、jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 2、jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。它的宗旨就是:“Write less, do m ...

JS之-BOM模型-DOM模型

博主头像 一、BOM浏览器对象模型 览器对象模型(BOM) Broswer object model(整合js和浏览器) window对象 所有浏览器都支持 window 对象。它表示浏览器窗口。 所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。 全局变量是 windo ...

<123···200>