大前端
ZM つ小灰灰的成长
学习ing
展开
-
大前端之——字节流文件下载
1原创 2021-04-19 23:50:02 · 2190 阅读 · 0 评论 -
大前端之——Vue跨域问题
项目根路径下添加vue.config.js文件,添加以下内容module.exports = { devServer: { proxy: { '/api': { target: 'http://localhost:9003/xuanti', // 对应自己的接口 changeOrigin: true, ws: true, pathRewrite: { '^/api': '' }原创 2021-03-17 12:15:24 · 175 阅读 · 0 评论 -
大前端之——VueCli创建Vue项目
前提:安装并配置了Node.js, webpack, VueCli代码:vue init webpack learn原创 2020-05-01 09:19:45 · 1184 阅读 · 0 评论 -
Vue动态加载图片的坑
在使用v-for遍历时,动态更新图片链接直接写链接是不行的 <img :src="carousel.img" :alt="carousel.text" :title="carousel.text" />然后看了网上的教程,发现这与webpack的打包机制有关,直接写链接的话,webpack不会将assets中的图片编译加载。因此,我们要采用require(url)的方式,将...原创 2020-03-04 23:45:46 · 1814 阅读 · 0 评论 -
大前端之——VsCode配置Vue,ES6格式化环境
vscode使用的大坑,配置Vue保存格式化直接复制下面代码到首选项的settings.json{ "workbench.iconTheme": "material-icon-theme", "workbench.colorTheme": "Material Theme Palenight", "editor.fontSize": 18, "editor.formatOnSave": true, "editor.formatOnPaste": true,原创 2020-11-21 22:12:32 · 1267 阅读 · 0 评论 -
大前端之——ES6模块化标准
一、ES6简介ECMAScript 6是JavaScript语言的标准,简称ES6。编写符合ES6规范的JavaScript代码能够提高程序的可读性,提高代码的可利用性。二、ES6模块化基本语法1. 默认导入与默认导出默认导出语法 export default {}默认导入语法 import 名称 from '模块标识符’默认导出实例let a = 10let b = 20let c = 30function show() { console.log('11111123')原创 2020-11-21 10:47:22 · 1167 阅读 · 0 评论 -
大前端之——Vue-Router
一、路由的基本概念本质上路由就是对应关系1. 后端路由概念:根据用户不同的url请求,返回相应的内容。本质:是url地址与服务器资源的对应关系。2. SPA(Single Page Application)后端渲染,存在性能问题。Ajax技术,前端渲染,但是不支持浏览器的History操作。SPA(Single Page Application),整个Web应用只有一个页面,内容变换通过Ajax技术实现,同时支持浏览器History操作。SPA的实现原理之一:URL的Hash(Ha原创 2020-11-19 11:32:29 · 1031 阅读 · 0 评论 -
大前端请求之——原生ajax
此前一直对原生的ajax有一种恐惧的感觉,现在让我们来克服它。在不考虑兼容性的情况下,使用原生ajax仅需求new一个XMLHttpRequest对象。本质上XMLHttpRequest就是一个类,名字其实非常有规律XML-Http-Request,我们通过控制台打印一下XMLHttpRequest实例化对象可以看到我们常用的属性,但是没有方法,其实方法在__proto__里面proto里面可以看到常用的下面是一个实例 // 创建原生ajax对象 var xh原创 2020-11-18 11:57:22 · 1123 阅读 · 0 评论