
前端--Vue&Angular
乱搞
animalcoder
NULL
展开
-
[vue] 11. pixiJS整合vue初体验
1.官方文档地址:https://pixijs.io/examples/#/demos-basic/container.js2.安装方法:npm install --save pixi.js3.示例代码:(pixi 5.1.2)<template> <div id="app"> <div id="pixi" style="z-index:-1;"> </div> </div></template>原创 2021-02-18 14:39:06 · 4765 阅读 · 2 评论 -
[Vue] 10. 奇奇怪怪的经验(待更)
一、获取当前时间 getTime:function(){ var _this = this; let yy = new Date().getFullYear(); let mm = new Date().getMonth()+1; let dd = new Date().getDate(); let hh = new Date().getHours(); let mf = new Date().getMinutes()<原创 2020-09-11 10:39:46 · 152 阅读 · 0 评论 -
[Vue] 9. vue-amap高德地图初体验
效果:就是get请求在URL后面输入名称,请求后台返回经纬度坐标后在地图上显示出来实现:1.main.js配置路由与引入高德地图配置2.主界面 map.vue,实例化地图,调用api方法3.api文件夹里的api.js 包括坐标转换函数,请求后台的函数 (略)4.axios封装(略)1.main.js首先要npm install vue-amap --save 安装import VueAMap from 'vue-amap';Vue.use(Vu...原创 2020-09-11 10:17:16 · 549 阅读 · 0 评论 -
[Vue]8. 循环里带有异步的多种写法分析
1.预备工作:首先定义getData()函数,请求后台的数据(随机卡1~4秒后返回),这个request是axios封装,返回一个Promise变量由于有axios,这个函数显然是异步的,其实也不用管,只要知道这个是异步请求函数就行了import request from '@/utils/request'export function getData(x) { const data = { x:x } return request({原创 2020-09-02 11:37:40 · 1345 阅读 · 0 评论 -
[Vue] 7. 使用axios调用后端接口 (跨域问题解决+415错误解决)
1.安装axios:npm install axios2.如何调用后端接口?后台接口写法如下:@ResponseBody@RequestMapping(value = "/selShip", method = RequestMethod.POST, produces = "application/json") public MyResult selShip(@RequestBody JSONObject jsonParam){ SHIP ship=JSONUt.原创 2020-08-12 12:45:06 · 1941 阅读 · 1 评论 -
[Vue]6. 动态路由 模拟新增文章功能
Demo:https://gitee.com/animalcoder/Vue/tree/master/vue6版本:Vue-cli:4.2.9效果:可以新建文章 ↓然后每个文章对应不同的动态url,对应不同title content添加动态路由思路:1.Vuex维护List,List里是每个文章的 title , id, content...原创 2020-03-23 10:16:48 · 310 阅读 · 0 评论 -
[Vue] 5. 试试Vuex
Vue-cli:4.2.3demo地址:https://gitee.com/animalcoder/Vue效果:维护监听List的内容(title,content ),显示到页面Son1 中,Son2 点提交,添加List实现思路:引入Vuex 依赖 npm install xxxx -save ,新建store.js : state:...原创 2020-03-17 16:46:32 · 228 阅读 · 0 评论 -
[Vue] 4. vue4打包并发布到springboot里面
Vue-cli版本:4.01.配置vue.config.jsconst path = require('path')module.exports = { // 基本路径 整个文件夹在哪 //publicPath: process.env.NODE_ENV === 'production' ? '/static/' : './', publicPath: './', ...原创 2020-03-16 15:56:53 · 1408 阅读 · 1 评论 -
[Vue] 3. 奇奇怪怪的经验
1.给鼠标换图标(相对路径)全局更换:在App.Vue中<style>添加如下代码html,body{ /*cursor: pointer;*/ cursor: url('../static/image/2.png'),auto;}目录结构如图,注意图片要32*32以下2.Vue中添加live2d效果:参考:https://www.ji...原创 2020-03-13 14:36:04 · 455 阅读 · 0 评论 -
[Vue] 1.Vue安装+Vscode绑定 +新建页面
1.准备工作 首先安装node.js npm,cnpm(百度一堆教程), 检验是否安装成功:输入npm -v 安装Vue: npm install vue 安装Vue-cli: npm install -g @vue/cli 新建项目:先手动新建文件夹X,命令行进入到X里面(cd命令) 新建项目:vue init webpack 项目名...原创 2020-03-13 16:29:36 · 829 阅读 · 0 评论 -
[Angular] 1.环境安装+helloworld
0.最终效果(win7)1.安装nodejs ,angular环境参考链接:https://blog.csdn.net/qq_33001647/article/details/99652147跟着里面的步骤一步步安装就行。搞完我们可以用命令行转到喜欢的目录下 新建angular项目(默认是命令行中当前目录下新建)ng new myangular3myangul...原创 2019-11-12 11:36:31 · 199 阅读 · 0 评论