- 博客(31)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 跟着技术胖学Vue2.0—第二季总结
写在前面由于最近毕业论文写得差不多了，所以花费了大量的时间在编程上，第二季的内容基本上一周就学完了。最后复习的时候差不多重写了三次才能勉强可以自己完全不看过去的代码复原本季学过的东西，不多练真的会忘啊，现在用博客的形式再加深一下印象吧。全局API汇总第二季学的都是全局API，总共有九节课，不过component组件就讲了四节课，所以总共就学了6个内容，它们分别是Vue.directive，Vue.extend，Vue.set，Vue生命周期，Vue三种模板写法和Vue.component。我
2022-04-11 12:04:16
1008
原创 跟着技术胖学Vue2.0—第二季第九课：Component标签
课程回顾课程主要内容1、使用component标签变换组件。2、使用按钮动态变换组件。课程展开1、使用component标签变换组件当我们声明了多个组件的时候，可以直接使用component标签来选择要用到的组件，而不用使用特定的组件名。首先，我们先在外部定义三个组件，然后在Vue构造器中声明一下。 var componentA = { template:`<div style='color:red'>This is com
2022-04-08 09:45:51
1791
原创 跟着技术胖学Vue2.0—第二季第八课：Component父子组件关系
课程回顾课程主要内容1、了解component父组件调用子组件的方法。课程展开1、了解component父组件调用子组件的方法先声明父组件吧，使用局部组件声明一个叫作panda的父组件，但是我们将组建的具体内容定义在构造器外部，如下：<div id="app"> <panda></panda></div><script> var panda = { templa
2022-04-07 21:27:36
632
原创 跟着技术胖学Vue2.0—第二季第七课：Component组件props属性设置
课程回顾课程主要内容1、props的一般写法。2、属性名带-的写法。3、属性绑定data的写法。课程展开1、props的一般写法在上节课的基础上，我们对局部组件实现一个props属性。先将上节课的代码放上来：<div id="app"> <panda></panda></div><script> var app = new Vue({ el:'#app',
2022-04-07 18:02:37
2215
原创 跟着技术胖学Vue2.0—第二季第六课：Component初识组件
课程回顾课程主要内容1、认识组件。2、熟悉全局组件的写法。3、熟悉局部组件的写法。课程展开1、认识组件组件其实就类似于html标签，例如<lable>，由<>包围，不同于指令，指令只是标签的属性，例如v-for。使用component可以自己定义组件。2、熟悉全局组件的写法全局组件需要写在Vue构造器外部，类似于前面的自定义指令写法。我们定义一个叫cat的组件，直接上代码：Vue.component('cat',{ template
2022-04-07 16:30:42
1002
原创 跟着技术胖学Vue2.0—第二季第五课：Template模板
课程回顾课程主要内容1、掌握三种template模板方式。课程展开1.1 Vue选项模板这种写法直接在Vue构造器中的template选项里写上模板内容，需要注意的是template选项中的模板内容要写在``里面，这个符号是键盘左上角的~号键，切换到英文模式下，直接按该键就可以打出这个符号。多说一句，Vue选项就是el、data这些，各选项之间用逗号隔开，因此template的写法类似，直接接着data下面写就行啦。代码：template:` <h1 styl
2022-04-07 11:57:16
629
原创 跟着技术胖学Vue2.0—第二季第四课：Vue生命周期（钩子函数）
课程回顾课程主要内容1、认识10个生命周期函数。课程展开1、认识10个生命周期函数今天的内容比较简单，只是简单认识一个Vue的10个生命周期函数，然后用一个例子来应用到其中的8个函数。这个例子是之前的课程中写过的，点击按钮，读一个数字进行加1操作。通过执行上述过程，在Vue构造器中打印出10个钩子函数的状态，从前端页面的console后台就可以看到程序的进行过程。因为这个例子是之前写过的，就直接上代码了。另外还要增加一个销毁按钮，其中的两个生命周期函数需要用得到。<d
2022-04-06 17:37:01
322
原创 跟着技术胖学Vue2.0—第二季第三课：Vue.set全局操作
课程回顾课程主要内容1、Vue构造器中调用外部变量。2、三种实现数字增加的方式。3、Vue.set的作用。课程展开1、Vue构造器中调用外部变量前面写Vue构造器的时候必写的两个变量是el和data，现在将data中的内容在构造器外部声明，然后由data来调用使用。html：<div id="app"> <p>{{count}}</p></div>script：var outData = {
2022-04-05 12:12:48
248
原创 跟着技术胖学Vue2.0—第二季第二课：Vue.extend扩展实例构造器
课程回顾课程主要内容1、使用Vue.extend实现一个自定义的无参数标签课程展开1、Vue.extend概念简单地理解，这个API用于扩展构造器，实现更多功能，因此它的用法也是在Vue构造器外部独立使用。2、实现一个无参数标签Vue.extend的用法比较简单，要点就三个，其一先写tempale，其二写data，最后要在扩展构造器的外部暴露并绑定到html标签上。下面逐一来解释。我们将自定义标签命名为为<author>，这个标签在网页中显示为一个名称，点击名称，
2022-04-01 15:54:05
249
原创 跟着技术胖学Vue2.0—第二季第一课：Vue.directive自定义指令
写在前面昨天对第一季的8节课进行了复习，并写了一个总结博客，今天再接再厉，继续开启对第二季课程的学习。今天学习了第一节课，简单总结一下学习内容和心得。课程回顾课程主要内容1、了解全局API的概念。2、初识Vue.directive的用法。3、了解全生命周期函数的用法。课程展开1、了解全局API的概念。为了方便自己理解，我就通俗易懂地用自己的话来复述一下：全局API是Vue提供给用户的一些用于在构造器外使用的接口，可以在这些接口中写自己的代码，实现特定功能。2、初识Vu
2022-03-30 17:35:32
1031
原创 跟着技术胖学Vue2.0—第一季总结
写在前面前段时间一直忙于毕业论文，现在总算稍微空闲下来了，这几天回顾了之前学习的第一季的八节课内容，现在就以一个总结来结束第一季的学习。内部指令汇总第一季的八节课总共学习了12个指令，他们分别是：v-if、v-else、v-show、v-for、v-text、v-html、v-on、v-model、v-bind、v-pre、v-cloak、v-once上面的指令有些是需要一起搭配使用的，例如v-if和v-else，下面我就用自己的话来总结一下每个指令的用法。为了方便记忆，我按照自己的习惯
2022-03-29 10:59:22
447
原创 跟着技术胖学Vue2.0—第八课：其他内部指令(v-pre&v-cloak&v-once)
课程回顾课程主要内容1、掌握v-pre指令2、掌握v-cloak指令3、掌握v-once指令操作步骤1、掌握v-pre指令普通情况下，在html标签里访问vue中data的数据，是需要用{{}}的。当使用v-pre指令后，原本该渲染数据的标签会直接显示原本的标签内容。什么意思呢？这里是正常情况下的代码：<div id = 'app'> <div>{{message}}</div> </div>
2022-01-14 17:34:42
472
原创 跟着技术胖学Vue2.0—第七课：v-bind指令
课程回顾课程主要内容1、理解v-bind的用法2、掌握绑定class3、掌握绑定class中的判断4、掌握绑定class中的数组5、掌握绑定class中的三元运算符6、掌握绑定style操作步骤1、理解v-bind的用法v-bind是用于绑定标签属性的，例如img标签里的src，a标签里的href等等。首先用这两个例子来简单地熟悉一下v-bind指令的用法。代码：<div id = 'app'> <p><img
2022-01-10 11:44:35
474
原创 跟着技术胖学Vue2.0—第六课：v-model指令
学习回顾课程主要内容1、掌握v-model文本框绑定及3个修饰符2、掌握v-model文本域绑定3、掌握v-model多选框绑定一个值和数组4、掌握v-model单选框绑定操作步骤1、掌握v-model文本框绑定及3个修饰符首先，在index.html中新建一个li，并在example里新建一个v-model.html用来存储我们的实例。下面要开始实现v-model.html中的内容了。我们要实现的是，在前端页面中的文本框里的内容和p标签内显示的内容同步，如下：上
2022-01-09 18:00:11
707
原创 跟着技术胖学Vue2.0—第五课：v-on：绑定事件监听器
学习回顾课程主要内容1、v-on绑定button实现加分减分2、v-on绑定键盘回车键实现加分操作步骤1、v-on绑定button实现加分减分第一步，老规矩，在index.html中新建一个li，并在example里新建一个v-on.html用来存储我们的实例。第二步，在html中需要一个span显示得分，以及一个加分按钮和一个减分按钮。当点击加分按钮时，span中的分数会依次加1；当点击减分按钮时，span中的分数会依次减1。v-on用来绑定事件，分别绑定加分和减分事件，点
2022-01-05 21:10:01
634
原创 跟着技术胖学Vue2.0—第四课：v-text和v-html
学习回顾课程主要内容1、掌握指令v-text的用法2、掌握指令v-html的用法操作步骤1、掌握指令v-text的用法第一步，常规操作，在index.html中添加一行li用于跳转到咱们的实例页面；在example中新建一个v-text.html文件，将helloworld.html中的内容复制进去后删除body中的内容，再修改title，准备好写新程序。第二步，这里有个知识点——v-text用来友好地显示文本。这个怎么理解呢？由于之前的显示文本的方式是在双括号中显示，如下：
2022-01-05 16:22:51
718
原创 跟着技术胖学Vue2.0—第三课：v-for指令：解决模板循环问题
学习回顾课程主要内容1、掌握数字型数组的循环显示和排序2、掌握对象型数组的循环显示和排序操作步骤1、掌握数字型数组的循环显示和排序
2022-01-02 18:34:51
771
原创 跟着技术胖学Vue2.0—第二课：v-if v-else v-show指令
学习回顾课程主要内容1、熟悉v-if、v-else、v-show的用法2、掌握v-if与v-show的区别操作步骤1、熟悉v-if、v-else、v-show的用法第一步，打开vs code，还是用昨天的那个项目来写。首先是index.html里，需要加上一行li，用来显示我们的第二个实例。这里get到一个新知识点——按住Alt+Shift+⬇，可以直接复制当前行并显示在下一行（仅限vs code）。<body> <h1>Vue2.0实例&l
2021-12-28 10:06:44
570
原创 跟着技术胖学Vue2.0—第一课：走起我的Vue2.0
目录前言学习回顾课程主要内容操作步骤问题及解决前言秋招结束后，自己签了一个前端的工作，正好趁着公务员事业单位的笔试也结束后，给自己定下新的学习目标，开始重温前端。向hr了解到公司需要用到vue和node技术栈，so我就开始先学vue吧，用博客记录自己的学习路程，希望可以坚持下去！我选的教程是技术胖的学习教程，是一个前端工作同学给我推荐的，今天从第一课开始。学习回顾课程主要内容1、下载vue2、新建一个项目3、安装一个服务器live-server4、初始
2021-12-27 16:49:06
681
原创 毕设（一）：基于WebGL（Cesium+MongoDB+NodeJS）下的三维城市室内外场景可视化+属性管理
前期准备：安装配置Cesium、NodeJS、MongoDB数据库；使用NodeJS中的npm安装express（快捷搭建服务器）和mongoose（快捷操作MongoDB）模块。具体教程网上太多了，总之小白才开始肯定是会踩坑的，特别是npm安装各种模块的时候，经常出错，掌握了套路就好。我在本文结尾附上一些我参考的文章，或许对各位才开始的小伙伴有用。现在我们已经将开发的所有准备做好了，这时第一步就是创建一个express项目文件。在控制台进入想要创建文件夹的根目录（或在根目录下按住“Shift”按钮点击
2020-08-26 19:51:37
2431
1
原创 GDAL+C#实现影像拼接（TIFF格式）
目录任务描述任务分解GDAL读写tif文件函数介绍及注意点具体步骤①影像来源②确定影像范围③写入输入影像数据到输出影像中任务描述将多张有重叠部分的影像经过影像拼接，最终得到一张完整的影像，如下：➕═任务分解①得到两张有重叠部分的影像；②确定输出影像的范围（长x宽）；③以此读取输入影像到输出影像中，保证输入影像在输出影像中的正确x、y偏移值（重叠部分默认用后一张影像值替代；无数据部分默认用黑色填充）。GDAL读写tif文件函数介绍及注意点..
2020-08-03 21:25:50
4091
10
原创 移动GIS开发：手机基站定位+离线切片地图（矢量vtpk+栅格tpk）导航安卓APP
目录写在开头正文一、界面布局二、功能实现1.显示在线地图2.基站信息的获取和显示3.地理信息的获取和解析4.显示栅格离线地图（.tpk）5.显示矢量离线地图（.vtpk）三、问题及解决方案写在开头这个APP的开发是我们这学期的一门课的期末大作业，要求主要有三点：显示栅格离线地图切片（.tpk），显示矢量离线地图切片（.vtpk），基于基站实现手机定位。作为第一次接触安卓开发的小白，从Android Studio的安装到最终实现功能，这中间的每一步我都.
2020-06-21 17:48:47
4152
2
原创 Unity给图片添加点击事件
写在前面实现目标：点击图片，可以弹出一个Panel界面。实现方法：使用组件Event Trigger给图片添加一个Click事件，并将Click需要实现的功能代码绑定到该图片。实现步骤1.在inspector面板中的“Add Component”中找到“Event”，添加Event Trigger；2.在Event Trigger中点击，选择“PointerClick”；在出现的界面上点击“+”，添加一个list；3.点击如下左图中的图标，选择将要添加点击事件的图片名，.
2020-06-14 19:30:45
7353
2
原创 JS对象与数组的区别
JS对象，对象数组与数组：var object = { //对象 x :1, y : true}var objarr = { //对象数组 x :[true, false], y :[1, 2, 3]}var array = [ //数组 1, true ]形式区别：对象位于{}中，数组用[]表示。数据存储区别：...
2020-04-18 19:49:38
528
原创 NodeJS+Ajax实现省市联动
浏览器端效果图：实现思路：①前端选择下拉框内的省份，用Ajax将省份名传给后台；②后台根据省份名从省份-城市模块（City_Data.js文件）中搜索该省份对应的js城市对象，返回给服务器；③前端接收到数据再进行显示处理。思路重点解释：①利用Ajax传递省份名②省份-城市模块（City_Data.js文件）模块是NodeJS里的概念，简单地讲，一个js文件就是一个...
2020-04-18 18:52:49
520
原创 NodeJS+Ajax获取天气预报信息并显示在静态页面
静态页面显示效果：服务器获取的源信息：正在上传…重新上传取消实现思路：NodeJS搭建服务器，从天气网站获取天气信息，前端通过Ajax接收数据并显示。重点：NodeJS获取天气信息，获取信息在前后端的传输。NodeJS获取天气信息并传递给前端（后台代码）首先通过http从网站上获取天气信息，此处的url为天气网站地址（http://www.weather.com.cn/...
2020-04-18 17:32:02
1440
原创 IP地址，子网掩码，DNS，网关的含义
今天电脑连WIFI时出现连接得上但是没有网络的情况。用网络疑难解答分析了下发现时IP不能正确分配的问题，根据网上的教程，手动设置了IP地址、子网掩码、DNS和默认网关。原来考计算机三级的时候学过这几个术语的意思，现在用的时候就当再复习一下。下面是我自己根据网上的资料按自己的理解试着解释的含义。参考：https://blog.csdn.net/Jarvis666/article/detail...
2020-03-04 22:03:10
1422
原创 栅格数据编辑（地图配准）-IGeoReference
功能：影像的翻转、镜像、重设比例、旋转、平移、扭曲思路：使用IGeoReference接口，里面包含上述六种对影像的处理方法。实现：IRasterLayer pRasterLayer = layer as IRasterLayer;IGeoReference pGeoRef = pRasterLayer as IGeoReference;//重设比例。xValue表示x方向的变...
2020-02-23 21:51:29
1553
原创 ArcEngine ISaveAs.SaveAs保存为多种格式栅格数据(IMG、TIFF、JPEG、JP2、BMP、GIF、PNG)
前两天利用ISaveAs实现了单张栅格影像的格式转换，具体见ArcEngine栅格数据格式转换（单张）。但是今天发现了一个问题，在保存为GIF格式时一直报错，用CanSaveAs测试了一下，显示GIF是可以支持的格式，具体是为什么出错我现在也没找到原因。不过在今天...
2020-02-20 15:31:22
1720
原创 GDAL安装（C#）
本来是很简单的安装，但是我却用了几个小时才弄好。在安装过程中遇到一些问题，在没有经验一头雾水的前提下，我是走了不少弯路。参考：https://www.cnblogs.com/GIScore/p/5966470.htmlhttps://blog.csdn.net/lu_lllr/article/details/80015454https://blog.csdn.net/u012348774/...
2020-02-14 20:18:45
1550
5
原创 ArcEngine栅格数据格式转换（单张）
最近刚接触ArcEngine二次开发，需要实现的一个功能是使IMG、TIFF、JPEG、JP2、BMP、GIF、PNG这几种格式的栅格数据相互转换。要求为：使用Geodatabase模块。主要IRasterLayer pRasterLayer = (IRasterLayer)layer;IRaster pRaster = pRasterLayer.Raster;IWorkspaceFac...
2020-02-14 15:21:23
986
4
空空如也
使用OpenMP进行并行计算时可以对数据进行划分吗？
2021-04-10
TA创建的收藏夹 TA关注的收藏夹
TA关注的人