gsy_study的博客

面试题总结

gsy_study — Wed, 22 Jun 2022 17:04:59 +0800

前端面试题

TS中的特殊字符(?, !, !!)

gsy_study — Mon, 21 Jun 2021 20:26:53 +0800

?: 属性或参数中使用？：表示该属性或参数为可选项 interface Test { firstName?: string, lastName: string, } function people(p: Test){ console.log(`${p.firstName ? p.firstName : '野原' + p.lastName }`) } people({lastName:'新之助'}) //原新之助 !:变量后使用！：表示类型推断排除null、undefin.

Vue3

gsy_study — Mon, 29 Mar 2021 18:45:53 +0800

搭建工程 1、 vue-cli （升级后的） vue create demo（内部使用webpack，打包过程太慢） 2、构建工具脚手架（vite）可以搭建react。。。 npm init vite-app demo 引用文件的时候除了.js不用加后缀 main.js 区别 vue2 new Vue(options).$amount() vue3 createApp(App).mount("#app") vue3中没有Vue module 导出 this区别 vue2中， this指向 vue实例

es6

gsy_study — Fri, 16 Oct 2020 16:33:50 +0800

https://github.com/DuYi-Edu/DuYi-ES6

处理Array方法,（every、some、filter、forEach、map）

gsy_study — Wed, 14 Oct 2020 16:18:24 +0800

every(): 对数组的每一项运行给定函数，如果该函数对于每一项的结果都返回true，则返回true。 some(): 对数组的每一项运行给定函数，如果该函数对任一项返回结果为true，则返回true。 filter(): 对数组的每一项运行给定函数，返回该函数会返回true的项组成的数组 map(): 对数组的每一项运行给定函数，返回每次函数调用的结果组成的数组。 forEach(): 对数组的每一项运行给定函数，没有返回值。栗子 every() var numbers = [1, 2, 3,.

日语输入

gsy_study — Thu, 20 Aug 2020 14:57:04 +0800

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

angular——ManagerSystem

gsy_study — Sun, 07 Jun 2020 20:17:18 +0800

component 组件 service 服务，处理请求数据，解决DRY，类似于Vuex Exercise npm i npm install bootstrap@4.0.0-alpha.6 tether jquery --save 进入package.json将版本号前的^去掉创建component ng g c router import { RouterModule,Routes } from '@angular/router'; const Routes: Routes = [ { p

vue 点击按钮刷新当前页面和内容

gsy_study — Tue, 31 Mar 2020 12:41:09 +0800

在做答题模块时提交答卷点击重新答题按钮需要更新答题内容试过 this.$router.push(答题模块路由) window.location.reload() this.$route.go(0) 以上三种方式，都不是好使，就学习到了另一种，特别好用在这里 https://www.jb51.net/article/151984.htm ...

vue 同路由参数不同，带参数跳转，页面数据没有变？？？

gsy_study — Tue, 24 Mar 2020 15:49:22 +0800

detail参数不同，根据detail进行页面渲染，但是在garbage页面重新点击detail，路径参数变了，但是页面没有变化。解决：在garbage组件中监听路由变化 watch: { $route: function(newVal, oldVal) { if (newVal != oldVal) { this.detail = this.$rout...

《javascript现代编程》学习笔记——数据类型及转换

gsy_study — Tue, 07 Jan 2020 10:35:03 +0800

几种基本类型 number 代表整数和浮点数。包括特殊数值（Infinity、NaN） Infinity: 无穷大 alert( 1 / 0 ); // Infinity alert( Infinity ); // Infinity NaN：代表一个错误。它是一个不正确的或者一个未定义的数学操作所得到的结果。 String let str = "Hello"; let str2 = 'S...

《javascript现代编程》学习笔记——对象Object和symbol

gsy_study — Tue, 07 Jan 2020 10:29:04 +0800

《javascript现代编程》学习笔记——严格模式

gsy_study — Tue, 07 Jan 2020 09:12:06 +0800

why ES5的出现，修改了一些特性，为了保证旧的功能能够使用，部分的修改是默认不生效的。需要“use strict”来激活这些新特性。 how 处于脚本顶部，整个脚本文件都已“现代”模式进行工作。可以放在函数体的开头，只在该函数中启用严格模式必须出现在脚本最顶部，否则无法使用。没有办法取消支持严格模式的浏览器：Internet Explorer 10 +、 Firefox 4+ Chr...

javaScript设计模式——CommonJs模块化

gsy_study — Mon, 06 Jan 2020 14:55:02 +0800

what CommenJs是同步加载（同AMD不同，AMD是异步加载） CommonJS模块是对象，是运行时加载，运行时才把模块挂载在exports之上（加载整个模块的所有），加载模块其实就是查找对象属性。（这个在下面的栗子上你会体会到哒）。 Use define(function(require, exports, module) { //Put traditional Common...

javaScript设计模式——AMD模块化

gsy_study — Mon, 06 Jan 2020 10:50:57 +0800

特点异步调用高扩展性实现了解耦 define and require define 定义模块 define( module_id /*可选的*/, [dependencies] /*可选的*/, definition function /*用来实例化模块或者对象的方法*/ ); 当module_id参数不存在时，成这个模块为匿名模块。当匿名模块时，模块认定的...

Const（常量） and Enum（枚举） in Java

gsy_study — Fri, 03 Jan 2020 09:35:30 +0800

Const Why use Const in Java cannot change once it has been assigned 代表常数,在程序运行过程中，值不能发生改变. JVM和我们的应用程序都会缓存常量，因此使用常量可以提高性能。 Use Const To define a variable as a constant, we just need to add the keyword...

移动端前端适配

gsy_study — Tue, 31 Dec 2019 11:00:41 +0800

目录一、媒体查询（Meida Queries）缺点二、百分比布局三、Flex弹性布局四、使用rem rem + viewport 五、视口单位（vw vh）六、图片响应式七、响应式布局的成型方案八、响应式布局的要点一、媒体查询（Meida Queries）要是通过查询设备的宽度来执行不同的css代码，最终达到界面的配置; 语法： @med...

css 弹性盒子

gsy_study — Mon, 30 Dec 2019 17:03:41 +0800

display flex实战圣杯布局:

this is a header