腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

进击的君君的前端之路

专栏作者

84

文章

179451

阅读量

28

订阅数

vue跨域实现与原理vue跨域实现与原理

api vue.js node.js 网络安全

假如上线后前端在A(192.168.0.1:8080)服务器，后端在B(192.168.0.2:80801)服务器，this.$http.get("/api/getMenu", {}其实访问的是192.168.0.1:8080/api/getMenu;而此时那段dev.proxy的配置是不被A服务解析的，因为线上没有node环境，而线上一般用tomcat或者nginx作为web服务器，所以这个时候需要代码正常运行的话还需要配置服务器的反向代理，让192.168.0.1:8080/api/getMenu代码被识别并转到192.168.0.1:8081/getMenu，这样才能让项目正常跑起来。至此再反过来推导vue的反向代理,其实并不是vue的能力，vue只是写了一段可以让node认识的配置并作用于自身，其最终还是node的反向代理再起作用。

2021-11-24

5640

mac编辑器vim美化

github https ide git

一处是所有用户通配的位置,位于/usr/share/vim下,名称为vimrc,无后缀

2019-08-27

1.6K0

oh-my-zsh快捷命令配置

image png zsh 工具终端

传终端工具 1、使用的是bush终端 vi ~/.bashrc 2、使用的是oh-my-zsh终端 vi ~/.zshrc image.png image.png 添加好快捷命令之后，保存退出： :w

2019-08-27

1.7K0

vue.js与后台模板引擎“双花括号”语法冲突时的解决办法

编程算法 vue.js 渲染

后台渲染模板如swig，也使用“{{ }}“作为渲染，与前端vue的数据绑定“Mustache”语法 (双大括号)产生冲突，此时只要在新建Vue对象时，添加delimiters: ['${', '}'],就搞定了。

2019-08-13

1.6K0

Vue成神之路之内部指令

vue.js java html 渲染

vue.js——开发版本：包含完整的警告和调试模式 vue.min.js——生产版本：删除了警告，进行了压缩

2018-12-14

2.6K0

Vue成神之路之实例和插槽

其他 java vue.js html jquery

vue.js——开发版本：包含完整的警告和调试模式 vue.min.js——生产版本：删除了警告，进行了压缩

2018-12-14

2.3K0

Vue成神之路之选项

云服务器客户沟通互动微服务

vue.js——开发版本：包含完整的警告和调试模式 vue.min.js——生产版本：删除了警告，进行了压缩

2018-12-13

3K0

Vue成神之路之全局API

vue.js——开发版本：包含完整的警告和调试模式 vue.min.js——生产版本：删除了警告，进行了压缩

2018-12-12

3K0

在sublime中安装sass编译插件

打开sublime，在preference选项下有没有package control这个选项，如果没有的话，就表示你没有Package Control 插件（一个方便 Sublime text 管理插件的插件），这时，你就要从菜单 View - Show Console 或者 ctrl + ~ 快捷键，调出 console。将以下 Python 代码粘贴进去并 enter 执行，不出意外即完成安装。

2018-09-19

7310

React学习笔记—JSX

react java html

所谓JSX，是JavaScript的语法扩展（eXtension），让我们在JavaScript中可以编写像HTML一样的代码。 JSX中的这几段代码看起来和HTML几乎一摸一样，都可以使用<div><button>之类的元素，所以只要熟悉HTML，学习JSX完全不成问题，但是，我们一定要明白两者的不同之处。首先，在JSX中使用的“元素”不局限于HTML中的元素，可以是任何一个React组件。例如： // Counter组件 import React, { Component } from 'react'

2018-06-28

8080

var path = require('path') // 安装完webpack自带的 --dirname代表webpack.config.js文件当前所在的路径 webpack只支持原生js模块的打包，若是要打包html、css、es6语法写的代码转换为es5，则需要使用loaders 模块文件名a.js： function toast(msg,time) { this.msg = msg; this.dismissTime = time||3000;

2018-06-28

5570

React学习笔记—React组件

1、Component React的首要思想是通过组件（Component）来开发应用。所谓组件，简单说，指的是能完成某个特功能的独立的、可重用的代码。基于组件的应用开发是广泛使用的软件开发模式，用分而治之的方法把一个大的应用分解成若干小的组件，每个组件只关注于某个小范围的特定功能，但是把组件组合起来，就能够构成一个功能庞大的应用。如果分解功能的过程足够巧妙，那么每个组件可以在不同场景下重用，那样不光可以构建庞大的应用，还可以构建出灵活的应用。打个比方，每个组件是一块砖，而一个应用是一座楼，想要一次锻造就

2018-06-28

9180

git windows linux

windows要使用linux命令的话，需要安装git，安装git的时候会顺带安装gitbash，打开gitbash就可以使用命令行了。 image.png 克隆代码的时候，若使用use h

2018-06-28

4790

1、组件为什么要大写？ 2、props如何声明默认值方法一： class Demo extends React.Component { constructor() { ...... } // static是es6的语法 static defaultProps = { age: 20 } render() { return (<div> the age is { this.props.age } </div>)

2018-06-28

4530

知识点梳理

ecmascript java

1.ECMAScript和javaScript的关系可简单概括为：ECMAScript是JavaScript的规范，JavaScript是ECMAScript的实现。红宝书第一章小结： js是一种专为与网页交互而设计的脚本语言，由下列三个不同部分组成：核心ECMAScript，提供核心语言功能；文档对象模型（DOM），提供访问和操作网页内容的方法和接口；浏览器对象模型（BOM），提供与浏览器交互的方法和接口。 JavaScript实现了ECMAScript规范（同样实现ECMAScript的还有A

2018-06-28

6810

即时通讯系统(一)

1、JSX简介 jsx本质上还是js，因此遵循驼峰命名的方式 1.jsx属性 2.jsx如何防止xss漏洞 React DOM 在渲染之前默认会过虑所有传入的值。它可以确保你的应用不会被注入攻击。所有的内容在渲染之前都被转换成了字符串。这样可以有效地防止 XSS(跨站脚本)攻击。 3.dangerouslySetInnerHTML 4.false/undefined/null/0 像这种特殊的数据类型如何渲染（false/undefined/null不显示，0显示） 2、React组件和prop

2018-06-28

2.5K0

html 安全 java

1、XSS简介作为一种HTML注入攻击，XSS攻击的核心思想就是在HTML页面中注入恶意代码，而XSS采用的注入方式是非常巧妙的。在XSS攻击中，一般有三个角色参与：攻击者、目标服务器、受害者的浏览器。由于有的服务器并没有对用户的输入进行安全方面的验证，攻击者就可以很容易地通过正常的输入手段，夹带进一些恶意的HTML脚本代码。当受害者的浏览器访问目标服务器上被注入恶意脚本的页面后，由于它对目标服务器的信任，这段恶意脚本的执行不会受到什么阻碍。而此时，攻击者的目的就已经达到了。下面我们以一段简单的J

2018-06-28

7480

npm、npm scripts

npm json 存储 java

1、如何全局安装一个 node 应用? npm install -g <package_name> 上述命令执行之后将会在当前的目录下创建一个 node_modules 的目录（如果不存在的话），然

2018-06-28

2.2K0

前端模块化

1、为什么需要模块化在JavaScript发展初期就是为了实现简单的页面交互逻辑，网页结构并不复杂，早期简单的网页结构是类似这样的： <!DOCTYPE html> <html> <head> <title></title> <link rel="dns-prefetch" href="xxx.css"> <script type="text/javascript" src="xxx.js"></script> ... </head> <body> ... </b

2018-06-28

4230

React—表单及事件处理

react html 数据处理

表单提到React中表单及事件处理，就不得不先介绍一下控组件与非受控组件的概念。在HTML中，表单元素与其他元素最大的不同是它自带值或数据，而且在我们的应用中，只要是有表单出现的地方，就会有用户输入，就会有表单事件触发，就会涉及的数据处理。在我们用React开发应用时，为了更好地管理应用中的数据，响应用户的输入，编写组件的时候呢，我们就会运用到受控组件与非受控组件这两个概念。 React推荐我们在绝大多数情况下都使用受控组件。这样可以保证表单的数据在组件的state管理之下，而不是各自独立保有各自的数

2018-06-28

1.3K0

点击加载更多

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态