自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(33)
  • 收藏
  • 关注

原创 第二章:面向对象

面向对象是程序中一个非常重要的思想,它被很多同学理解成了一个比较难,比较深奥的问题,其实不然。面向对象很简单,简而言之就是程序之中所有的操作都需要通过对象来完成。一切操作都要通过对象,也就是所谓的面向对象,那么对象到底是什么呢?这就要先说到程序是什么,计算机程序的本质就是对现实事物的抽象,抽象的反义词是具体,比如:照片是对一个具体的人的抽象,汽车模型是对具体汽车的抽象等等。程序也是对事物的抽象,在程序中我们可以表示一个人、一条狗、一把枪、一颗子弹等等所有的事物。一个事物到了程序中就变成了一个对象。

2024-07-16 09:52:49 938

原创 第一章 Typescript小白快速入门

这里将会介绍到从typescript的简介到环境的部署,从基础类型的入门学习到ts的编译打包。

2024-07-16 09:51:02 701

原创 【Cesium学习(八)】Cesium设置材质—后续

【Cesium学习(八)】Cesium设置材质—后续

2024-06-05 15:11:38 467

原创 【Cesium学习(八)】Cesium设置材质

今天我们将学习Cesium对entity实体设置材质,在Cesium中为实体及几何行状设置材质有多个方法。我们可以在创建实体的时候直接构件Cesium.Material对象,再通过设置Material的属性来进行各种材质的控制,具有实例和API我们可以看官网的描述。颜色材质是我们最常用到的材质,他可以将实体设置成不同的颜色,以到达实体醒目的作用及其他作用,通常和鼠标移动或者点击事件来联动展示。

2024-06-05 14:54:10 1190

原创 【Cesium学习(七)】Cesium对模型各种属性设置和修改

其实修改属性很简单,只需要拿到创建模型的entity,在entity.model中选择想要修改的属性,直接修改就ok了!在前面我们可以通过entites.add的方法来添加模型,现在我们来针对模型model的各个属性进行设置和修改!初始化一个模型最主要的就是需要position,orientaion,model,所以我们需要先设置这个三个属性。在前面我们学习到了通过entites的add方法来添加模型,我们再来看一看add方法的属性。创建前先要初始化地图来获取viewer,这里不细展示,去看前面的文章。

2023-09-07 15:36:08 2714

原创 【Cesium学习(六)】Cesium加载3D模型(3D tiles和glTF模型)

3DTiles数据集是cesium小组AnalyticlGraphics与2016年3月定义的一种数据集, 3DTiles数据集以分块、分级渲染,将大数据量三维数据以分块,分层的形式组织起来,可以大量减轻浏览器和GPU的负担是一个优秀的,并且格式公开的数据格式。3D Tiles将用于流式传输3D内容,包括建筑物,树木,点云和矢量数据。

2023-08-17 17:32:13 6228 8

原创 【Cesium学习(五)】绘制基础形状

首先需要写一个czml格式的数据,CZML是一种JSON格式的字符串,用于描述与实践有关的动画场景。这里我写一个创建广告牌的czml数据。运行起来就是如下图:**

2023-08-10 11:48:43 371

原创 【Cesium学习(三)】Viewer界面基础介绍及组件显影

如果控制永久删除可以使用改方法。如果要动态的显示,就要使用css来进行动态的display:none。在Vue3中可以在css通过v-bind来动态设置display的变量(详细设置请看Vue官网介绍。在官网中的部件方法里面,只有删除和查看是否存在部件的方法,并没有动态显示隐藏的方法。这里就是通过js的原生获取demo元素的方法,然后动态修改display。在Vue2中可以通过动态设置class类名来修改。

2023-08-07 17:35:07 328

原创 【Cesium学习(四)】Cesium初始化map的简单封装

Cesium初始化简单封装

2023-08-07 16:35:29 319

原创 【Cesium学习(二)】Cesium在Vue项目中搭建开发

Vue+Cesium

2023-08-07 16:00:04 1268

原创 【Cesium学习(一)】初识Cesium ---让我们进入WebGL的世界

初识Cesium,Cesium介绍和基础初始化demo

2023-08-07 14:43:08 432

原创 图片利用canvas去除背景,抠图

图片去除背景

2023-07-19 16:20:52 1619

原创 canvas实现手写签名签字(可直接导出保存)

canvas实现手写签名签字(可直接导出保存)

2023-05-22 09:54:27 520

原创 JavaScript常用实用方法封装

JavaScript常用实用方法封装

2023-05-22 09:51:40 439

原创 手写Vue2核心原理(二)

【代码】手写Vue2核心原理(二)生命周期的合并

2023-04-13 12:03:59 95

原创 手写Vue核心原理(一)

Rollup是一个 JavaScript 模块打包器,可以将小块代码编译成大块复杂的代码, rollup.js更专注于Javascript类库打包 (开发应用时使用webpack,开发库时使用Rollup)

2023-04-13 11:56:05 131

原创 Vue2源码解析实现—Vue响应式实现(对data中数组进行劫持)

在上一个文章中写到对data中的对象属性进行劫持,接着后面实现对data中的数组进行劫持。

2023-03-29 09:23:44 124

原创 Vue2源码解析实现—Vue响应式实现(对data中对象的属性劫持)

Vue2源码解析实现—Vue响应式实现(对data中对象的属性劫持)

2023-03-28 16:37:06 200

原创 Vue2源码解析实现—rollup搭建环境

【代码】Vue2源码解析实现—rollup搭建环境。

2023-03-28 14:18:48 165

原创 Vue移动框鼠标拖拽自定义指令

在Vue中通过自定义指令,实现指定的模块带有鼠标拖拽移动效果

2022-12-09 09:43:31 467

原创 原生JS实现文件自定义位置盖章功能并导出PDF

在需要签章的文件上面创建一个div,可以通过移动这个div来确定签章位置,然后在通过获取这个位置把章子替换到这,并导出PDF,可以多次盖章!废话不多说,直接上全部代码,不懂的看注释或底下评论。。。文件导出功能看原来的文章,地址:Vue中将页面导出为PDF

2022-11-04 09:51:34 1935

原创 Vue中将页面导出为PDF

在Vue中实际是把页面利用canvas转换成图片,然后再用图片的base64码转成PDF,这里就使用到了两个插件html2canvas和jspdf。在目录src下创建utils文件夹,里面创建一个exportPdf.js,将下面内容复制到js文件里面。在项目或者需要用到的组件中引入方法。.........

2022-07-15 09:51:02 6053 10

原创 微信小程序获取用户信息相关问题

获取用户信息在微信小程序中,我们想要获取用户的信息时,我们可以通过微信开发文档中微信开放能力(open-type)中的合法值进行获取相应的用户数据版本问题在目前的最新稳定版的开发者工具中,使用open-type无法出现授权弹窗,这中方法只有在调试器版本在2.16以下才可以使用。所以在最新版中只能使用wx.getUserProfile方法,实例代码如下:实现例子一、最新稳定版的使用wx.getUserProfile方法在index.wxml文件中<view class="box"&g

2022-05-20 15:11:08 611

原创 gitee生成和添加公钥

开源中国社区官方网站新:https://gitee.com/ 旧:https://git.oschina.net/开源中国社区成立于2008年8月,其目的是为中国的IT技术人员提供一个全面的、快捷更新的用来检索开源软件以及交流使用开源经验的平台目前国内有很多公司会将公司的项目部署在 OSChina与 GitHub 的对比服务器在国内,速度更快免费账户同样可以建立 私有 项目,而 GitHub 上要建立私有项目须 付费使用注册账号建议不要使用新浪邮箱,使用新浪邮箱可能会收不

2022-04-27 14:41:33 877 2

原创 Vue的axios拦截器

Vue的axios拦截器为什么要使用拦截器?​ 在页面发送http请求,很多情况我们要对请求和其响应进行特定的处理,如:判断token,设置请求头。如果请求数非常多,单独对每一个请求进行处理会变得非常麻烦,程序的优雅性也会大打折扣。所以axios为开发者提供了这样一个API:拦截器。拦截器分类?拦截器分为 请求(request)拦截器和 响应(response)拦截器代码实现mounted(){ let that = this; // 组件被挂载 可以操作数据 // 1、

2022-04-14 15:21:01 2114

原创 1. 数组排序(上):如何用 JS 实现各种数组排序?

1. 数组排序(上):如何用 JS 实现各种数组排序?1.1. 时间复杂度&空间复杂度在说排序算法之前,你需要重新了解一下时间复杂度和空间复杂度。关于时间复杂度,我们说的更多的是通过 O(nlogn) 以及 O(n) 等来衡量。其实大多数时候我们对此并未建立形象的认知,到底哪一种算法更快、更好呢?下面是一张时间复杂度的曲线图(来源于 https://gitee.com/webfrontup/javascript-algorithms),方便你来理解。图中用颜色区分了最优的、一般的以及比较差

2022-03-31 15:49:07 459

原创 数组原理(上)

数组原理数组的API数组API 经常会被 JS 开发者频繁使用,在整个 JavaScript 的学习过程中尤为重要。数组作为一个最基础的一维数据结构,在各种编程语言中都充当着至关重要的角色,你很难想象没有数组的编程语言会是什么模样。特别是 JavaScript,它天生的灵活性,又进一步发挥了数组的特长,丰富了数组的使用场景。可以毫不夸张地说,不深入地了解数组,就不足以写好 JavaScript。1.1. 数组概念的探究截至 ES7 规范,数组共包含 33 个标准的 API 方法和一个非标准的 AP

2022-03-14 14:22:07 1104

原创 JavaScript内置对象

JavaScript基础内置对象1 - 内置对象1.1 内置对象​ JavaScript 中的对象分为3种: **自定义对象 、内置对象、 浏览器对象**前面两种对象是JS 基础 内容,属于 ECMAScript; 第三个浏览器对象属于 JS 独有的, JS API 讲解内置对象就是指 JS 语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或是**最基本而必要的功能**(属性和方法),内置对象最大的优点就是帮助我们快速开发​ JavaScript 提供了多个内置对象:Mat

2022-03-11 16:48:58 5579

原创 JavaScript作用域与与解析

JavaScript基础1 - 作用域1.1 作用域概述通常来说,一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了名字冲突。JavaScript(es6前)中的作用域有两种:全局作用域局部作用域(函数作用域)1.2 全局作用域作用于所有代码执行的环境(整个 script 标签内部)或者一个独立的 js 文件。1.3 局部作用域作用于函数内的代码环境,就是局部作用域

2022-03-11 16:46:50 92

原创 JavaScript数组和函数

JavaScript基础1 - 数组1.1 数组的概念数组可以把一组相关的数据一起存放,并提供方便的访问(获取)方式。数组是指一组数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。1.2 创建数组JS 中创建数组有两种方式:利用 new 创建数组var 数组名 = new Array() ;var arr = new Array(); // 创建一个新的空数组注意 Array () ,A 要大写

2022-03-11 16:46:17 248

原创 JavaScript循环语句和规范

JavaScript基础1 - 循环1.1 for循环语法结构for 循环主要用于把某些代码循环若干次,通常跟计数有关系。其语法结构如下:for(初始化变量; 条件表达式; 操作表达式 ){ //循环体}名称作用初始化变量通常被用于初始化一个计数器,该表达式可以使用 var 关键字声明新的变量,这个变量帮我们来记录次数。条件表达式用于确定每一次循环是否能被执行。如果结果是 true 就继续循环,否则退出循环。操作表达式用于确定每一次循环是否能

2022-03-11 16:44:29 122

原创 JavaScript运算符和流程控制

JavaScript基础1 - 运算符(操作符)1.1 运算符的分类运算符(operator)也被称为操作符,是用于实现赋值、比较和执行算数运算等功能的符号。JavaScript中常用的运算符有:算数运算符递增和递减运算符比较运算符逻辑运算符赋值运算符1.2 算数运算符算术运算符概述概念:算术运算使用的符号,用于执行两个变量或值的算术运算。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8dWNvEnT-1646987756212)(imag

2022-03-11 16:36:24 84

原创 JS面试中常见的算法题

JavaScript面试中常见算法题

2022-03-11 15:53:00 3716 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除