- 博客(30)
- 资源 (2)
- 收藏
- 关注
转载 TS中的特殊字符(?, !, !!)
?: 属性或参数中使用 ?:表示该属性或参数为可选项interface Test { firstName?: string, lastName: string,}function people(p: Test){ console.log(`${p.firstName ? p.firstName : '野原' + p.lastName }`)}people({lastName:'新之助'}) //原新之助!:变量后使用 !:表示类型推断排除null、undefin.
2021-06-21 20:26:53
4751
原创 Vue3
搭建工程1、 vue-cli (升级后的)vue create demo(内部使用webpack,打包过程太慢)2、构建工具脚手架(vite)可以搭建react。。。npm init vite-app demo引用文件的时候除了.js不用加后缀main.js 区别vue2new Vue(options).$amount()vue3createApp(App).mount("#app")vue3中没有Vue module 导出this区别vue2中, this指向 vue实例
2021-03-29 18:45:53
281
原创 处理Array方法,(every、some、filter、forEach、map)
every(): 对数组的每一项运行给定函数,如果该函数对于每一项的结果都返回true,则返回true。some(): 对数组的每一项运行给定函数,如果该函数对任一项返回结果为true,则返回true。filter(): 对数组的每一项运行给定函数,返回该函数会返回true的项组成的数组map(): 对数组的每一项运行给定函数,返回每次函数调用的结果组成的数组。forEach(): 对数组的每一项运行给定函数,没有返回值。栗子every()var numbers = [1, 2, 3,.
2020-10-14 16:18:24
286
原创 日语输入
1、清音输入对照表清音输入,平/片假名通用,微软日语输出法和南极星日文输出入法通用。以其中打了“/”杠的表示两种输入法可通用。あ行-对应字母 い行-对应字母 う行-对应字母 え行-对应字母 お行-对应字母あ—a い—i う—u え—ee お—oか—ka き—ki く—ku け—ke こ—koさ—sa し—shi す—su せ—se そ—soた—ta ち—ti/chi つ—tu/tsu て—te と—toな—na に—ni ぬ—nu ね—ne の—noは—ha ひ—hi ふ—fu/hu へ—h
2020-08-20 14:57:04
298
原创 angular——ManagerSystem
component组件service服务,处理请求数据,解决DRY,类似于VuexExercisenpm inpm install bootstrap@4.0.0-alpha.6 tether jquery --save进入package.json将版本号前的^去掉创建component ng g crouterimport { RouterModule,Routes } from '@angular/router';const Routes: Routes = [{ p
2020-06-07 20:17:18
261
转载 vue 点击按钮刷新当前页面和内容
在做答题模块时提交答卷点击重新答题按钮需要更新答题内容试过this.$router.push(答题模块路由)window.location.reload()this.$route.go(0)以上三种方式,都不是好使,就学习到了另一种,特别好用在这里https://www.jb51.net/article/151984.htm...
2020-03-31 12:41:09
4295
原创 vue 同路由参数不同,带参数跳转,页面数据没有变???
detail参数不同,根据detail进行页面渲染,但是在garbage页面重新点击detail,路径参数变了,但是页面没有变化。解决:在garbage组件中监听路由变化watch: { $route: function(newVal, oldVal) { if (newVal != oldVal) { this.detail = this.$rout...
2020-03-24 15:49:22
886
原创 《javascript现代编程》学习笔记——数据类型及转换
几种基本类型number代表整数和浮点数。包括特殊数值(Infinity、NaN)Infinity: 无穷大alert( 1 / 0 ); // Infinityalert( Infinity ); // InfinityNaN:代表一个错误。它是一个不正确的或者一个未定义的数学操作所得到的结果。Stringlet str = "Hello";let str2 = 'S...
2020-01-07 10:35:03
174
原创 《javascript现代编程》学习笔记——严格模式
whyES5的出现,修改了一些特性,为了保证旧的功能能够使用,部分的修改是默认不生效的。需要“use strict”来激活这些新特性。how处于脚本顶部,整个脚本文件都已“现代”模式进行工作。可以放在函数体的开头,只在该函数中启用严格模式必须出现在脚本最顶部,否则无法使用。没有办法取消支持严格模式的浏览器:Internet Explorer 10 +、 Firefox 4+ Chr...
2020-01-07 09:12:06
126
原创 javaScript设计模式——CommonJs模块化
whatCommenJs是同步加载(同AMD不同,AMD是异步加载)CommonJS模块是对象,是运行时加载,运行时才把模块挂载在exports之上(加载整个模块的所有),加载模块其实就是查找对象属性。(这个在下面的栗子上你会体会到哒)。Usedefine(function(require, exports, module) { //Put traditional Common...
2020-01-06 14:55:02
188
原创 javaScript设计模式——AMD模块化
特点异步调用高扩展性实现了解耦define and requiredefine 定义模块define( module_id /*可选的*/, [dependencies] /*可选的*/, definition function /*用来实例化模块或者对象的方法*/);当module_id参数不存在时,成这个模块为匿名模块。当匿名模块时,模块认定的...
2020-01-06 10:50:57
306
原创 Const(常量) and Enum(枚举) in Java
ConstWhy use Const in Javacannot change once it has been assigned代表常数,在程序运行过程中,值不能发生改变.JVM和我们的应用程序都会缓存常量,因此使用常量可以提高性能。Use ConstTo define a variable as a constant, we just need to add the keyword...
2020-01-03 09:35:30
1000
原创 移动端前端适配
目录一、媒体查询(Meida Queries)缺点二、百分比布局三、Flex弹性布局四、使用remrem + viewport五、视口单位(vw vh)六、图片响应式七、响应式布局的成型方案八、响应式布局的要点一、媒体查询(Meida Queries)要是通过查询设备的宽度来执行不同的css代码,最终达到界面的配置;语法:@med...
2019-12-31 11:00:41
353
转载 css 弹性盒子
display flex实战圣杯布局: <div class="container"> <header> this is a header </header> <div class="body"> <main class="con...
2019-12-30 17:03:41
108
原创 工作中时间货币的处理
业务需要的时间OrderDate 注文日Trade Date 约定日(约定日与受付日之间有两个工作日,去掉节假日 t+2)Settlement Date 受付日业务需要DB存储sql语句插入的时间通过select从DB总查出,进行java格式化节假日单独存放在一个DB中需要注意的问题格式化通常将格式化的字符串定义成常量或者枚举常量private static...
2019-12-23 17:01:32
227
原创 ES6 学习笔记
推荐前端开发学习javaScript网站https://zh.javascript.info/object-basics?map根据阮一峰阮一峰ES6学习整理.koa2推荐阅读Nodejs API文档vuejs API文档eslintvue Eslint我觉得别人整理的不错的ESLintjavascript设计模式推荐阅读Typescript库Babel...
2019-12-19 12:37:08
486
原创 BeanUtils StringUtils Validation
package com.example.demo.BeanUtils;import com.example.demo.dao.Animals;import org.apache.commons.beanutils.BeanUtils;import org.apache.commons.beanutils.ConvertUtils;import org.junit.Test;impo...
2019-12-19 12:35:01
169
原创 java8 Date/Time Api BigDecomal
java8 Date/Time APIhistoryjdk1.0 只有java.util.Date类,Date中的月份从1开始,日期却从0开始jdk1.1 java.util.Calender类jdk1.8 java.time.*Issues线程安全(Thread Safety)api设计和易理解性(APIs Design and Ease of Understanding)...
2019-12-18 18:13:09
228
原创 springboot+mybatis实现登录注册
项目目录结构添加好依赖<!-- 添加 MyBatis --><dependency> <groupId>org.mybatis.spring.boot</groupId> <artifactId>mybatis-spring-boot-starter</artifactId> <versio...
2019-11-03 22:05:20
6443
原创 springboot-study
目录Springboot 优点SpringBoot的核心功能入门程序Starter Pom全局配置文件获取自定义配置的值通过@Value映射使用@ConfigurationProperties赋值给实体类profile 配置文件整合测试扫描包,启动项目controller 和 Restcontroller把工程设置为开发模式访问静态资源自...
2019-10-31 16:38:35
811
原创 git学习
目录一、Git文件的三种状态:二、使用Git前的配置 1、差异分析工具 2、查看配置信息三、Git基本命令 1、获取Git仓库 (2)克隆现有仓库 git clone [url]来获取 2、git工作目录下文件的状态(已跟踪,未跟踪) (1)已跟...
2019-10-31 12:53:59
183
原创 jdk8新特性之方法引用
目录一、方法引用概念二、方法引用语法2.1 引用特定对象的实例方法2.2通过类名引用静态成员方法2.3 Super引用父类成员方法2.4 通过this引用本类成员方法一、方法引用概念使用双冒号::将实例引用或者类名和方法分开如果编译只有一行的Lambda表达式来调用方法,不妨考虑调用等价的方法引用方法引用可以使语言的构造更紧凑简洁,减少冗余代...
2019-10-29 18:19:25
221
原创 jdk8新特性之Stream流
目录一、使用传统集合多步遍历与Stream流方式进行遍历1.1使用传统方式遍历集合对集合进行过滤1.2 Stream进行优化二、什么是Stream2.1 Stream(流)是一个来自数据源的元素队列并支持聚合操作2.2特点三、生成流3.1 通过Collection的Stream()(串行流)方法或者parallelstream()(并行流)方法创建Stream...
2019-10-29 15:21:00
316
原创 jdk8新特性之函数式编程Lambda
目录一、函数式接口的概念与定义1.1函数式接口1.2函数式编程1.3 定义一个函数式接口1.4 @FunctionalInterface注解1.5 Lambda的表达式例子1.6 Lambda引用值,而不是变量1.6.1 匿名内部类1.6.2 lambda表达式引用的是值而不是变量二、函数式接口的使用1.1作为方法的参数使用1.1.1 简化lambd...
2019-10-28 21:28:25
315
原创 .gitignore
规则(类似于正则)*匹配零个或多个任意字符/filename/过滤目录!不忽略?匹配单个字符[]匹配括号中的任意字符[?-?]表示匹配两个字符范围内的字符,如[1-8]表示数字1-8都可以.a忽略以.a结尾的文件使用在版本管理的根目录下(与.Git文件夹同级)创建一个 .gitignore touch .gitignorevim .gitig...
2019-10-28 17:03:55
148
1
原创 web性能权威指南学习笔记
TCP(传输控制协议)三次握手SYN客户端选择一个随机序列号x,并发送一个SYN分组SYN ACK服务器给x加1,并选择自己的一个随机序列号y,追加自己的标志和选项ACK客户端给x和y加1,并发送给我收期间的最后一个ACK分组。流量控制流量控制是一种预防发送端过多想接收端发送数据的机制。通告接受窗口(rwnd)RFC窗口缩放慢启动cwnd拥塞窗口大小发送端对从客户端接...
2019-10-22 16:19:39
179
原创 创建springboot项目时,pom.xml中parent报错
下载Maven进入maven官网 http://maven.apache.org/download.cgi.找到并点击apache-maven-3.6.2-bin.zipi.下载压缩包配置Maven环境变量具体见 https://jingyan.baidu.com/article/ce09321ba734f02bff858fcf.html.使用settings打开eclipsewin...
2019-10-22 10:35:43
6209
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人