- 博客(70)
- 收藏
- 关注
RSS订阅
原创 JavaScript中面向对象（数据类型、创建对象、继承、浅深拷贝）
面向对象js的数据类型：5个基本数据类型，1个对象object创建对象：继承js的数据类型：5个基本数据类型，1个对象objectstringnumbernullundefindboolean对象object（函数也是object）(内存是暂时性的，并不是永久性的）基本数据类型按值存储，存在栈内存中//栈内存var a = 1;var b = a;var b = 2;consloe.log(a) //1对象类型按地址存储，存在堆内存中//堆内存var obj = {
2020-06-13 10:39:59
1288
原创 java—数组2（面向对象）
面向对象特点：三大特性：封装、继承、多态面向过程：当需要实现一个功能的时候，每一个具体的步骤都要亲力亲为 详细处理每一个细节。面向对象：当需要实现一个功能的时候，不关心具体的步骤， 而是找一个已经具有该功能的工具，来实现。（example：洗衣服：自己一步一步洗（面向过程），洗衣机洗（面向对象））int[] array = {1, 2 , 3};// 打印为: [1, 2, 3]// 使用面向过程,每一个步骤都要亲力亲为System.out.print("[");for (int
2021-03-23 14:26:31
216
原创 java—数组1（数组常见问题，操作数组）
数组概念：是一种容器，可以同时存放多个数值数组特点： 1. 数组是一种引用数据类型 2. 数组当中的多个数据，类型必须统一 3. 数组的长度在程序运行期间不可改变数组的初始化：在内存当中创建一个数组，并且向其中赋予一些默认值两种常见的初始化方式： 1. 动态初始化（指定长度） 在创建数组的时候，直接指定数组中的数据元素个数 格式： 数据类型[] 数组名称 = new 数据类型[数组长度]； 数据类型：数组中保存的数据，全部都是统一的什么类型 [] : 代表是一
2021-03-23 14:25:52
292
1
原创 java—方法（调用方法，格式，参数，返回值）重载
概述方法：就是讲一个功能抽取出来，把代码单独定义在一个大括号内，形成一个单独的功能。Java方法是语句的集合，它们在一起执行一个功能。方法是解决一类问题的步骤的有序组合方法包含于类或对象中方法在程序中被创建，在其他地方被引用例如： System.out.println() println() 是一个方法。 System 是系统类。 out 是标准输出对象。public class Demo { public static void main(String[] args) {
2021-03-15 14:23:04
449
原创 java—流程控制语句（if判断语句，switch选择语句，for循环语句，while循环语句，do...while循环语句，循环控制语句，死循环，循环嵌套）
概述在一个程序执行的过程中，各条语句的执行顺序对程序的结果是有直接影响的。也就是说，程序的流程对运行结果有直接的影响。所以我们必须清除每条语句的执行流程。而且，很多时候我们要通过控制语句的执行顺序来实现我们要完成的功能。顺序结构顺序结构public class Demo { public static void main(String[] args) {\ // 谁在前面先执行，谁在后面后执行，1 2 3 System.out.println("1"); System.out
2021-03-08 16:35:39
212
1
原创 java—算数运算符、赋值运算符、比较运算符、逻辑运算符、三元运算符
运算符进行特定操作的符号。例如：“+”表达式：用运算符连起来的式子叫做表达式。例如：20+5。又例如：a+b四则运算： + - * /取模（取余数）：%首先计算得到表达式的结果，然后打印输出这个结果除法公式： 被除数 / 除数 = 商 ... 余数对于一个整数的表达式来说，除法用的事整除，整数除整数，结果仍然是整数，不看余数只有对于整数的除法来说，取模运算符才有余数的意义。public class Demo{ public static void mai
2021-03-06 11:11:55
140
1
原创 java—数据类型转换—自动转换（隐式）、强制类型转换（显式）
数据类型转换当数据类型不一样时，将会发生数据类型转换。自动类型转换（隐式） 1. 特点：代码不需要进行特殊处理，自动完成。 2. 规则：数据范围从小到大。public class Demo { public static void main(String[] args){ System.out.println(1024); // 这是一个整数，默认就是int类型 System.out.println(3.14); // 就是一个浮点数，默认就是double类型 // 左边是
2021-03-05 09:44:01
538
3
原创 java—常量、基本数据类型、引用数据类型、变量
常量常量：在程序运行期间，固定不变的量常量的分类：1. 字符串常量：凡是用双引号引起来的部分，叫做字符串常量。例如：“abc”、“Hello”、“123”2. 整数常量：直接写上数字，没有小数点。例如：100、200、0、-2503. 浮点数常量：直接写上的数字，没有小数点。例如：2.2、-3.14、0.04. 字符常量（只能有一个字符）： 凡是用单引号引起来的单个字符，就叫做字符常量。例如：‘A’、‘b’、‘9’、‘中’5. 布尔常量：只有两种取值 true、false6. 空常量：
2021-03-04 16:03:17
556
2
原创 java开发环境配置
java虚拟机——JVMJVM（Java Virtual Machine）：Java虚拟机，简称JVM，是运行所有Java程序的假想计算机，是java程序的运行环境，是java最具吸引力的特征之一。我们编写的Java代码，都运行在JVM之上。跨平台： 任何软件的运行，都必须运行在操作系统之上，而我们用java编写的软件可以运行在任何的操作系统上，这个特性称为java语言的跨平台特性。该特性是由JVM实现的，我们编写的程序运行在JVM之上，而JVM运行在操作系统上。JRE和JDKJRE（Java
2021-03-03 16:37:12
233
4
原创 java简介、主要特征、发展历史
java简介 java语言是美国Sun公司（Stanford University NetWork），在1995年推出的高级编程语言。所谓的编程语言是计算机语言，人们可以使用编程语言对计算机下达命令，让计算机完成人们需要的功能。 Java分为三个体系： 1.JavaSE(J2SE)(Java2 Platform Standard Edition，java平台标准版) 2.JavaEE(J2EE)(Java 2 Platform,Enterprise Edition，java平台企业版) 3.
2021-03-03 14:34:54
636
原创 React--JSX
JSX的本质是什么？和js之间的关系？JSX是JavaScript的一种语法的扩展，它和模板语言很接近，但是它充分具备JavaScript的能力为什么要用JSX？不用什么后果？jsx语法如何在js生效 —> BabelFacebook公司的定位是JavaScript的“扩展”，决定了浏览器不会像支持js一样地支持jsxJSX背后的功能模块是什么？这个功能模块都做了哪些事情？createElement相当于数据处理层总结：1.React.createEleme..
2020-12-24 14:04:40
233
1
原创 开发中使用腾讯地图Javascript api，实现多个label和定位点（改变样式）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <!-- 在使用地图api的时候必须要引入秘钥 --> .
2020-12-21 13:18:10
2846
1
原创 js中callee和caller的区别
(function a() { b(); })(); function b() { console.log(arguments.callee); // 指的是当前函数，b函数 console.log(arguments.callee.caller); // 指的是a函数 console.log(b.caller); // 指的是a函数 };从而可以联想到递归的思想 function.
2020-12-21 11:03:52
153
原创 深入探究Promise构造函数
Promise原理了解一下回调地狱结合node.js（fs.readFile）使用promisepromise解决异步并发的问题原理原理原理原理// promise 承诺 // 1. 实现承诺 resolve (解决问题) // 2. 石沉大海 reject (拒绝接收)// 3. 等待... pending (苦苦等待...)// promise：解决异步(互不相干你做你的我做我的互不阻塞互不等待)流程化的一种手段 // 同步：A任务结束出结果，B任务拿到A任务的结果才执行下面
2020-11-11 11:14:57
426
原创 深入探究JavaScript中的this（对象，继承，箭头函数，全局（web， node，worker），dom）
JavaScript中的this对象中的this继承中的this箭头函数中的this全局中的thisthis在DOM中的应用this的应用对象中的this// 字面量方式来的定义对象// function Object () {}var obj = { a: 1, b: 2}console.log(obj); // {a: 1, b: 2}// a: 1// b: 2// __proto__: Object// Object.createvar obj2 = Obje
2020-11-05 10:30:52
193
1
原创 Vue3.0+ts填坑 warning Unexpected any. Specify a different type @typescript-eslint/no-explicit-any
关闭any类型的警告：在 .eslintrc.js文件中找到rules 添加一行代码即可 "@typescript-eslint/no-explicit-any": ["off"]添加完成之后，重新运行项目。
2020-09-14 09:32:32
17248
原创 Vue3.0+ts填坑 Module Warning...error Unexpected tab character...19 problems (19 errors, 0 warnings)
（ 一般都是格式化后的错误）用Standard标准创建的项目（它是一些前端工程师自定的标准）或者下载这个依赖：eslint-config-standard npm install eslint-config-standard eslint-plugin-standard eslint-plugin-promise -g创建的项目的目录是这个样子的，会有一个 .editorconfig 文件.editorconfig文件 要配合vscode的插件使用，下载插件 Edito..
2020-09-11 16:54:28
1333
原创 Vue3.0+ts填坑(property) DateHelper.prmimaryKey: string 元素隐式具有 “any“ 类型，类型为 “string“ 的表达式不能用于索引类型 “{}“
在我们编写ts代码的时候会出现波浪线警告，鼠标移上去出现以下情况： (property) DateHelper.prmimaryKey: string 元素隐式具有 "any" 类型，因为类型为 "string" 的表达式不能用于索引类型 "{}"。 在类型 "{}" 上找不到具有类型为 "string" 的参数的索引签名。ts(7053) 速览问题 (Alt+F8) 没有可用的快速修复我们在项目中的tsconfig.json文件中添加： "suppressImplicitAn..
2020-09-11 09:33:02
9244
2
原创 Vue3.0+ts脚手架基础使用详细教程（基于node.js，构建项目（两种方式）、预设，手把手教学）
先安装node.js，再安装vue-cli点此见另一边文章（很详细）window键+R打开终端输入 cmd（安装完成之后在进行以下操作）点击确定进入终端进入你想要在的文件夹，并输入vue create demos（demos是项目名，可以用我的，你也自己起的）然后按下回车键，会出现选择创建方式，选择最后一个：自定义配置键盘上下键选择，然后回车键盘上下键移动，空格键选择，选择后括号会出现*号，然后回车默认2.x直接回车（3.x才刚刚发布）以上预设配置我是这么选择的；最后一..
2020-09-10 15:04:39
1377
原创 （个人喜好）快捷样式（css，scss）
* { margin: 0; padding: 0;}ul,ol { list-style: none;}a { text-decoration: none;}.absolute { position: absolute;}.relative { position: relative;}.fixed { position: fixed;}.flex { display: flex; flex-wra
2020-09-10 14:27:43
175
原创 HTTP与HTTPS区别（面试会问到）
HTTP简介HTTP协议（HyperText Transfer Protocol，超文本传输协议）是因特网上应用最为广泛的一种网络传输协议，所有的WWW文件都必须遵守这个标准。HTTP是一个基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件, 查询结果等）。工作原理HTTP协议工作于客户端-服务端架构上。浏览器作为HTTP客户端通过URL向HTTP服务端即WEB服务器发送所有请求。目前最主流的三个Web服务器：Nginx服务器、Apache服务器，IIS服务器（Intern
2020-09-09 10:13:44
290
原创 typescript装饰器含义，用法以及写法
装饰器装饰器：是一种特殊类型的声明，他能够被附加到类声明，方法，属性或参数上，可以修改类的行为。通俗来讲装饰器就是一个方法，可以注入到类、方法、属性参数上来扩展类、属性、方法、参数的功能。常见的装饰器有：类装饰器、属性装饰器、方法装饰器、参数装饰器装饰器的写法：普通装饰器（无法传参）、装饰器工厂（可传参）装饰器就是过去几年中js最大的成熟之一，已是Es7的标准特性之一类装饰器：类装饰器在声明之前被声明（紧靠着类声明）。类装饰器应用于类构造函数，可以用来监视，修改或替换类定义。传入一个参
2020-09-08 14:58:08
822
原创 vue3/4填坑（解决报错：Compiled with 1 warnings：warning Delete `⏎····` prettier/pret (0 errors, 2 warnings）
在我们初学vue3.0，修改vue-cli生成的HellowWorld.vue文件时就会出现这种报错（很容易才到这个坑）Compiled with 1 warnings：Module Warning (from ./node_modules/eslint-loader/index.js):warning Delete ⏎···· prettier/prettierwarning Insert · prettier/prettier解决办法：在项目的根目录打开控制台，输入以下命令，
2020-09-08 10:04:31
10013
原创 Vue3.0脚手架基本使用详细教程（基于node.js，构建项目（两种方式）、预设）
node.jsnode.js下载链接查看版本号：node-v，npm-v 出现版本号即安装成功（如未出现重启电脑重试）node8.9或以上版本vue-cli(两种方法可选：npm，cnpm)方法1：npm卸载：如果已经安装了旧版本的vue-cli(1x或2x)，须先卸载： npm uninstall vue-cli -g全局安装：npm install -g @vue/cli查看版本号：（注意：-V大写）出现版本号即安装成功 vue -Vvue-cli3.
2020-09-07 16:29:43
476
原创 建立项目仓库（Gitgub 或 Coding 或 Gitlab 或 Gitee）
GithubGitgub：https://github.com/（免费，国外的）Coding：https://coding.net/ （免费，国内的）Gitlab：https://about.gitlab.com/ （免费30天）码云Gitee：https://gitee.com/GIT基础命令（粘贴shift+insert）拷贝项目：git clone < 仓库地址 >创建分支：git branch < name >创建并进入分支：git checkout -b.
2020-09-07 15:00:59
391
原创 TypeScript 中的模块、命名空间（基于node.js，与es6中模块化写法无异）
模块的概念官方理解：关于术语的一点说明：请务必注意一点，typescript 1.5里术语名已经发生了变化。“内部模块”现在称作“命名空间”。“外部模块”现在则称为“模块”模块在其自身的作用域里执行，而不是在全局作用域里；这意味着定义在一个模块里的变量、函数、类等等在模块外部是不可见的，除非你明确的使用export形式之一导出它们。相反，如果相使用其他模块导出的变量、函数、类、接口等的时候，你必须要导入他们，可以使用import形式之一。自己理解：我们可以把一些公共的功能单独抽离成一个文件作为一
2020-09-05 14:30:27
530
原创 typescript类型、接口、类、泛型综合使用（定义一个操作数据库的库，支持Mysql Mssql MongoDB）
要求：MySQL MSSQL MongoDB 功能一样，都有add、update、delete、get方法。注意：约束统一的规范、以及代码重用解决方案：需要约束规范所以要定义接口，需要代码重用所以用到泛型接口：在面向对象的编程中，接口是一种定义规范的定义，他定义了行为和动作的规范泛型通俗的理解：泛型就是解决类、接口、方法的复用性 //定义接口 interface DBI<T>{ add(info:T):boolean; update(info:T,id:num..
2020-09-05 10:13:21
871
原创 typescript中的泛型的使用
typescript中的泛型泛型的定义：软件工程中，我们不仅要创建一致的定义良好的API，同时也要考虑可重用性。组件不仅能够支持当前的数据类型，同时也能支持未来的数据类型，这在创建大型系统时为你提供了十分灵活的功能。在像C#和Java这样的语言中，可以使用泛型来创建可重用的组件，一个组件可以支持多种类型的数据。这样用户就可以以自己的数据类型来使用组件。通俗理解：泛型就是解决 类 接口 方法的复用性、以及对不特定数据类型的支持 //只能返回string类型的数据 //function getD
2020-09-05 09:30:50
206
原创 typescript的接口使用详细说明（含原生封装ajax例子，易懂）
typescript的接口接口的作用：在面向对象的编程中，接口是一种规范的定义，它定义行为和动作的规范，在程序设计里面，接口起到了一种限制和规范的作用。接口定义了某一批类所需要的遵循的规范，接口不必关心这些类的内部状态数据，也不关心这些类里面的方法的实现细节，它只规定了这批类里必须提供某些方法，提供这些方法的类就可以，满足实际需要。typescript中的接口类似于java，同时还增加了灵活的接口类型，包括属性、函数、可索引和类等。...
2020-08-29 13:59:56
1068
原创 uniapp中菜单双联动效果（左侧点击右侧自动滚动到对应位置，右侧滚动左侧高亮对应菜单）
<template> <view class="content"> <view class="ld"> <!-- :class="{active:index===change}" --> <view class="left"> <view v-for="(item,index) in kindlist" :key="index" @click="setid(index)" :class="
2020-08-27 15:51:38
5411
3
原创 uniapp在小程序预览时报错无效的json文件——解决方案
hbuilderX多次运行小程序导致sitemap.json文件增加（sitemapxx.json）在微信开发者工具中删除所有的sitemap.json文件，hbuilderX再运行小程序就可以了预览了
2020-08-27 09:38:29
3398
原创 typescript的详细使用介绍——硬货（ts类型、函数、类结合es5对比）
一、typescript中的数据类型布尔（boolean）true或falsevar flag:boolean= trueflag只能为布尔类型(true或false)，否则报错数字（number）var a:number=123a只能为number类型，否则报错字符串（string）var str:string="asdasd"str只能为string类型否则报错数组（array）//es5中 var arr = [1,"123",false]这样定义1.第一
2020-08-20 13:55:31
526
1
原创 typeScript的入门学习（node环境）
一、typeScript的介绍TypeScript 是 JavaScript 的一个超集，支持 ECMAScript 6 标准。TypeScript 由微软开发的自由和开源的编程语言。TypeScript 设计目标是开发大型应用，它可以编译成纯 JavaScript，编译出来的 JavaScript 可以运行在任何浏览器上。二、typeScript和JavaScript的区别TypeScript 是 JavaScript 的超集，扩展了 JavaScript 的语法，因此现有的 JavaSc
2020-08-19 17:25:09
481
原创 canvas生成验证码，附有验证功能（全大或小写字母和生成的验证码验证）。
这是css样式和html <style> * { margin: 0; padding: 0; } .small { display: flex; height: 30px; width: 250px; margin-top: 10px; border: 1px solid sk
2020-08-19 14:01:07
251
原创 递归遍历和普通forEach遍历
//简单的递归 function f(a) { if (a <= 1) { return 1 } else { return a + f(a - 1) } } console.log(f(3)); //6 //模拟后端数据 var data = [ { ..
2020-08-18 10:52:27
401
原创 MINIUI的使用以及一些常用小知识（前端）
MINIUI的使用在miniui的官网下载资源包用编辑器打开下载好的文件，打开WebContent文件夹下的demo文件夹可以查阅js中要有mini.parse() 否则他不是miniui的控件，就用不了miniui中的方法详情请查看miniui官网api手册miniui的官网还有一些demo在线就可以查看，并且还有源码方便查阅输入框样式class=“mini-textbox” //普通输入框class=“mini-password” //密码输入框class=“mini-te
2020-08-04 09:18:49
4415
原创 替换数组中的对象（不操作原数组及操作原数组）
var oldlist = [{ "id": 1001, "name": "aa" }, { "id": 1002, "name": "bb" }]; var replaceobj = { "id": 1002, "name": "cc" } var newlist = oldlist.map(r => { return r.id === replaceobj.id ? replaceobj : ...
2020-08-03 14:45:56
1286
原创 获取农历时间（几月初几）
var CalendarData = new Array(100); var madd = new Array(12); var numString = "一二三四五六七八九十"; var monString = "正二三四五六七八九十冬腊"; var cYear, cMonth, cDay, TheDate; CalendarData = new Array(0xA4B, 0x5164B, 0x6A5, 0x6D4, 0x..
2020-07-27 13:46:40
774
原创 字符串首字母大写，数组中的字符串首字母大写
字符串首字母大写（封装的思想，也可以不用） function startU(str) { let s1 = str.slice(0, 1); let s2 = str.slice(1); let result = s1.toUpperCase() + s2.toLowerCase(); return result } console.log(startU('asdasdas.
2020-07-24 09:30:47
782
原创 微信小程序关于ajax基于Promess（async）的封装(es6)
在utils文件夹中创建index.js文件，写入以下代码export function $request(url,data,method){ return new Promise((resolve,reject)=>{ wx.showLoading({ //请求之前添加一个微信提示（相当于导航守卫） title: '努力加载中...', }) wx.request({ url, complete: (res) => { //请求
2020-07-15 19:00:13
271
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人