qq_42636335的博客

原创 TypeScript

简介TypeScript是什么以js为基础构建的语言 一个js的超集 可以在任何支持js平台中支持 ts扩展了js，并添加了类型 ts不能被js解析器直接执行TypeScript增加了什么类型 添加ES不具备的新特性 支持ES的新特性 丰富的配置选项 强大的开发工具基本类型=> 将js变成静态类型语言let a:number; //声明一个变量a，同时指定它的类型为numbera = 'hello'; //此行代码会报错类型声明类型声明是TS非常

原创 Node.js

初识Node.js回顾浏览器中的JavaScript -JS核心语法 -WebAPI为什么JavaScript在浏览器中会被执行：JavaScript解析引擎不同浏览器使用不同的解析引擎：Chrome => V8 ; Firebox => OdinMonkey ......为什么JavaScript可以操作DOM和BOM：每个浏览器都内置了DOM、BOM这样的API函数。因此浏览器中的JavaScript才可以调用他们Node.js简介Node.js是一个基...

原创 react-02

Router只需要在最顶层使用一次routerBrowserRouter与HashRouterHashRouter：有#号BrowserRouter：无#号使用Route组件渲染的组件，会自动注入一些historyRoute语法<Route component={Users} path="/users" />Link使用Link组件进行跳转Link => a标签import React, { Component } fr

原创 react-01

webpack本质上webpack是一个现在JS应用程序的静态模块打包器，当webpack处理应用程序时，会递归地构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个bundle入口：指示webpack应用使用哪个模块来作为构建内部依赖图的开始输出：webpack在哪里输出它所创建的bundle以及如何命令这些文件loader：webpack只能理解JS和JSON文件，loader让webpack能够去处理其他类型的文件并将他们转换为有效模块以供应用程序使用

原创 Vue2.0实战

目录项目初始化1.vue-cli脚手架初始化项目2.项目的其他配置3.项目路由分析4.完成非路由组件Header和Footer业务5.完成路由组件搭建6. Footer组件显示与隐藏7.路由传参7.3路由传参面试题Home模块组件拆分1.三级联动组件2.完成其余静态组件3.postman测试接口4.axios二次封装5.接口统一管理6.nprogress进度条的使用6. vuex状态管理库7.完成TypeNav三级联动展示数据业..

原创 ES6-ES11

rest参数arguments生成的是对象，rest参数生成数组形式为：...变量名它可以把一个分离的参数序列整合成一个数组，常用于获取函数的多余参数，或者处理函数参数个数不确定的情况迭代器 Iterator是一种接口，为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署Iterator接口，就可以完成遍历操作。这里指的Iterator一个接口就是对象里的一个属性。ES6新增for...of循环，Iterator接口主要供for...of消费原生具备Iterator接口可

原创 JS-AJAX

AJAX简介AJAX全称为Asynchoronous JavaScript And XML，就是异步的JS和XML通过AJAX可以在浏览器中向服务器发送异步请求。最大的优势：无刷新获取数据XML简介XML可扩展标记语言XML被设计用来传输和存储数据XML和HTML类似，不同的是HTML都是预定义标签，XML没有预定义标签，都是自定义标签被JSON取代了{"name":"孙悟空"，“age”:18,"gender":"男"}AJAX特点优点：可以无需刷新页面与服务器

原创 美团搜索前端实习一面

css垂直居中 把一个元素隐藏起来怎么做 盒模型 自适应布局怎么处理 js题：发五个请求，希望五个请求是一个一个发出去的 es6新特性 => const let =>什么方法可以让const对象的值无法改变 promise执行顺序题，并解释，eventloop console.log(1)new Promise((resolve, reject) => console.log(2)).then(() => console.log(4))setTimeout((..

原创 vue基础之Vuex

vuex理解理解：专门在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信什么时候使用：多个组件依赖于同一个状态；来自不同组件的行为需要变更同一状态。=>共享搭建Vuex环境组件中读取vuex中的数据：$store.state.sum组件中修改vuex中的数据：$store.dispatch('action中的方法名（小写）'，数据)...

原创 Vue.js又一基础

Vue脚手架Vue CLI （command line interface）main.js：该文件是整个项目的入口文件配置文件Vue脚手架隐藏了所有webpack相关的配置，若想查看具体的webpack配置，请执行vueinspect > outputrender函数引入残缺版的vue使用render配置模板render(createElement) { return createElement('h1','你好啊')}=>render..

原创 京东基础架构前端一面

1.在CSS中常见的定位方式主要用过哪些在哪些场景2.对于宽度高度位置的元素，有哪些方式实现垂直水平居中3.flex方式的align-item和justify-item是分别是哪个轴4.JS的简单数据类型和引用数据类型5.null和undefined的区别6.typeof能检测所有的基本数据类型吗7.其他的检测方式8.instanceof基于什么原理检测9.代码的输出var a = [1,2,3]var b = ab.push(-1)console....

原创 3.HTML5表单验证系列

基本表单验证特性介绍1.输入框内的灰色提示：placeholder2.html5表单中新增类型：email、url、numbe、range、date（date、month、week、time、datetime、datetime-local）、search、color、tel等3.文本框中，输入一次下一次再输入会自动提示：autocomplete还可以运用此特性去掉Chrome记住密码后自动填充表单的黄色背景设置表单属性autocomplete="off/on"关闭自动填充表单，自己实现记住.

原创 拓尔思前端一面面经

1.块级元素和行内元素的区别2.css3新特性3.H5新特性4.position5.怎么实现元素在父元素中水平垂直居中6.js的基本数据类型如何判断数据类型7.var、let、const区别8.null和undefined9.有原生js实现点击按钮切换元素的显示和隐藏10.原生js里如何获取元素11.js里的array.slice和array.splice？12.数组去重的方法13.es6的展开操作符14.js里面==和===15.js的箭头函数

原创 今日头条中台寒假实习一面面经

1.常用的HTTP状态码303 403 502500状态码有遇到过哪些2.http1.1到http2做了什么优化？有哪些不同3.介绍一下三次握手4.浏览器从输入URL到渲染完页面的整个过程5.html中css和js的加载顺序6.开发过程中有遇到过宽域的问题吗7.图片懒加载怎么判断到达可视区域内相关API8.js中基础数据类型9.怎么判断一个对象是不是数组怎么写instanceof输出的是什么10.es6新特性11.箭头函数的特点12.pr.

原创 京东科技寒假实习前端一面面经

菜鸟面经仅供参考主要根据简历问问题1.HTML语义化标签都有哪些只记得section，剩下的答错了几个2.css优先级优先级最高的选择器我最开始没反应过来说了内联，面试官引导我还有没有比内联更高的，才想到了important3.css的定位以及区别让我重复了一下绝对定位问了如果离他最近的父元素没有定位属性，祖父有定位属性，应该相对祖父还是浏览器4.BFC简单介绍以及用处5.flex布局中有一个复合属性flex里边分别是哪几个属性分别是什么意思以及作用fle

原创 Git基本使用

git是代码管理工具npm是包下载工具git命令窗和cmd命令窗功能大致相等当输入npm run serve 命令时，会去执行package.json文件的script命令，最终执行了vite命令运行任务 npm run serve全局安装pnpm npm i pnpm -g更新代码 git pull...

原创 Vue.js基础

自用

原创 vue文件目录详解

.husky：husky是一个为git客户端增加hook的工具.vscodebiuld：vite的配置，项目打包时候的配置mock:mock数据node_modules:node的一些基础依赖包，可能还有拓展的安装的别的插件publicsrc：项目的主文件夹 assets：资源文件 components：vue组件 componens 下的**.vue文件就可以具体编写每一个vue， 最后通过router-link 连接给定的path路径，可以调用vue对象 ...

原创 为什么选Vite

打包：使用工具抓取、处理并将我们的源码模块串联成可以在浏览器中运行的文件。ES-Moudle：用于处理模块的ECMAScript标准HMT：Hot Module Replacement304 Not Modified：此次请求为条件请求。在请求头中有两个请求参数：If-Modified-Since 和 If-None-Match。当客户端缓存了目标资源但不确定该缓存资源是否是最新版本的时候，就会发送一个条件请求。需要处理的JavaSript代码呈指数级增长，包含数千个模块的大型项目也变得普通

原创 04.jQuery++1201

window.onloaded = function(){}用于整个网页（包括图片等）加载完毕后执行方法内代码块$(document).ready(function(){})用于DOM结构加载完毕后就可以执行方法内代码块由此得出onload是在ready后执行DOMContentLoaded当初始的HTML文档被完全加载和解析完成之后，DOMContentLoaded事件被触发，而无需等待样式表、图像和子框架的完全加载。$(selector).fadeln(speed，callb...

原创 jQuery

#介绍简介jQuery是一个Javascript函数库，是一个轻量级“写的少，做得多”的JavaScirpt库jQuery 库包含以下功能：HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities百度 CDN（内容分发网络）<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js

原创 16疑难杂症-JS

localStorage/sessionStorage/Cookie三者区别localStorage生命周期是永久的本地存储可以在不同的窗口上共享数据（同一浏览器）存储大小最大5MbsessionStorage关闭网页时结束生命周期只能在一个窗口中共享数据存储大小最大5Mbcookie可自己设置生命周期，默认为浏览器关闭可以在不同的窗口上共享数据（同一浏览器）存储大小最大4kb’可以与服务器通讯，会随http请求一起被发送到服务端，增加了请求数据量...

原创 03Javascript++1128

JS是一门弱类型语言、客户端语言不需要强制写分号控制语句for...in一般数组对象的遍历，常用forinjsonjson是格式，不是类型json是一种轻量级的数据交换格式使用双引号JSON.parse()用于将一个JSON字符串转换为JavaScript对象浏览器对象模型window.location.search截取地址栏的url （页面之间传参数）AJAXAJAX = Asynchronous JavaScript and XML（异步...

原创 JavaScript_Web API

#简介WebAPIs 和 JS基础的关联性JS基础阶段ECMAscript标准规定的基本语法 要求掌握JS基础语法 只学习基本语法,做不了常用的网页交互效果 目的是为了Js后面的课程打基础、做铺垫Web APIs阶段web APIs 是w3c组织的标准 web APIs 我们主要学习DOM和BOM web APIS 是我们Js 所独有的部分 主要学习页面交互功能 需要使用Js基础的课程内容做基础API和 Web APIAPI( Application Progr..

原创 02海马课堂项目自适应总结1122

关于自适应心得小tips不理解的多实践就懂了自适应320-1200自适应主要使用%和vw即可，拖动320-1200，找出合适的大小。技巧大tips字号要合适，要让人看得清要注意排版，要对设计稿几乎100%还原font-weight用normal和bold就好背景盒子最好不要铺满，两边要留白；但是也要善用width：100%。宽度可用%，高度习惯用vw；一般内部元素和起到支撑作用的用vw。自适应习惯运用background-size：cover；注意权重...

原创 JavaScript_JS

目录#计算机基础编程语言编程语言和标记语言的区别计算机基础数据存储单位程序运行#初识JavaSript初识JS浏览器执行JS简介JS组成JS三种表现形式JS注释JS输入输出语句#变量变量概述变量的使用变量语法扩展变量命名规范#数据类型数据类型简介简单数据类型Number数字型String字符串型BooleanUndefinedNull获取变量数据类型数据类型转换转换为字符串转换为数字型(.

原创 01海马课堂项目总结1116-2

原创 各种问题记录

1.三大主流选择器是什么Id选择器、class选择器、标签选择器排列优先级Id > class > 标签用什么表示（写法）#id{} .class{} p{}列举其他选择器的表示方法P:nth-child{} p::before{} ul>li{}：意思是ul的第一后代li的样式P+span{} 意思是p后边span的样式（p和span有相同的父元素） p~span{} (p标签后的所有span标签)2.CSS样式表达形式...

原创 01海马课堂项目总结1107

心得小tips用最少的代码完成一个项目，减少冗余代码不会的知识点，多用代码实现不建议看视频，多看官方文档技术大tips官网特点缩放后内容仍居中显示banner一直铺满全屏主体内容通常1000-1200之间布局一个页面要有一个根元素div （id =main）外层元素不设置高度，让内层元素自动撑开父级元素导航栏最好加一个overflow：hidden；块元素会自动继承父元素的高度根页面都起名index，部署在服务器上也能自动识别，服务器会自动引入i.

原创 16疑难杂症

目录<head>标签内容定义button &aspan &pbackground &img选择器易混符号<head>标签内容定义<meta name="viewport" content="width=device-width, initial-scale=1.0">viewport标记，用于指定用户是否可以缩放Web页面，并对相关的选项进行设定。width 和height 指令分别指定视区的逻...

原创 CSS_黑马基础高级技巧

#CSS用户界面样式界面样式，就是更改一些用户操作样式，以便提高更好的用户体验。鼠标样式cursor选择器{cursor: pointer;}设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。轮廓outline是绘制于元素周围的一条线，位于边框边缘的外围（和边框不冲突），可起到突出元素的作用选择器{online：none；}或者outline: 0;一般情况下都是去掉的防止拖拽文本域resize实际开发中，我们文本域（text...

原创 CSS3_黑马基础教程2

浮动（float）普通流浮动（float）什么是浮动浮动详细内幕特性清除浮动为什么要清除浮动清除浮动本质清除浮动的方法额外标签法父级添加overflow属性方法使用after伪元素清除浮动使用before和after双伪元素清除浮动...

原创 CSS3_黑马基础教程

伪类选择器链接伪类选择器lvha：link ：visited ：hover ：active结构（位置）伪类选择器（CSS3）：first-child：选取属于其父元素的首个子元素的指定选择器 ：last-child：选取属于其父元素的最后一个子元素的制定选择器 ：nth-child（n）：匹配属于其父元素的第N个子元素，不论元素的类型even偶数odd奇数n从0开始 ：nth-last-child（n）：选择器匹配属于其元素的第N个子元素的每个元素，不论元素的类型，从最...

原创 PTA-PAT(Basic Level)Practice(中文) 1003我要通过

题目描述"答案正确”是自动判题系统给出的最令人欢喜的回复。本题属于 PAT 的“答案正确”大派送 —— 只要读入的字符串满足下列条件，系统就输出“答案正确”，否则输出“答案错误”。得到“答案正确”的条件是：字符串中必须仅有P、A、T这三种字符，不可以包含其它字符； 任意形如xPATx的字符串都可以获得“答案正确”，其中x或者是空字符串，或者是仅由字母A组成的字符串； 如果aPbTc是正确的，那么aPbATca也是正确的，其中a、b、c均或者是空字符串，或者是...

原创 PTA-PAT(Basic Level)Practice(中文) 1002写出这个数

题目描述1002 写出这个数读入一个正整数n，计算其各位数字之和，用汉语拼音写出和的每一位数字。输入格式每个测试输入包含 1 个测试用例，即给出自然数n的值。这里保证n小于10100。输出格式在一行内输出n的各位数字之和的每一位，拼音数字间有 1 空格，但一行中最后一个拼音数字后没有空格。#include<stdio.h>#include<string.h>int main(){ char n[100000]; ch...

原创 HTML改变文本的外观和含义

HTML改变文本的外观和含义 基于内容的样式 基于内容的样式会告诉浏览器他所包含的文本具有特定的含义、上下文或者用法，浏览器就会把该含义、上下文或者用法一致的格式应用在文本上。 基于内容的标签赋予含义，而不是格式化。 因此它对自动处理来说非常重要；计算机并不关心文档的外观如何。 物理样式 在某些情况下你希望文本以某种特殊方式来显示（粗体或斜体等），在这种情况下，就可以对文本使用物理样式。 虽然其他文字处...

原创 PTA-PAT(Basic Level)Practice(中文) 1001害死人不偿命猜想

题目描述1001害死人不偿命的（3n+1）猜想卡拉兹(Callatz)猜想：对任何一个正整数n，如果它是偶数，那么把它砍掉一半；如果它是奇数，那么把(3n+1)砍掉一半。这样一直反复砍下去，最后一定在某一步得到n=1。卡拉兹在 1950 年的世界数学家大会上公布了这个猜想，传说当时耶鲁大学师生齐动员，拼命想证明这个貌似很傻很天真的命题，结果闹得学生们无心学业，一心只证(3n+1)，以至于有人说这是一个阴谋，卡拉兹是在蓄意延缓美国数学界教学与科研的进展……我们今天的题目不是证明卡拉兹...

原创 1.HTML_w3初学笔记汇总（自用）

HTML简介什么是HTML：是用来描述网页的一种语言HTML（Hyper Text Markup Language）：超本文标记语言 HTML不是编程语言是标记语言 标记语言是一套标记标签 HTML使用标记标签来描述网页HTML标签：尖括号、通常成对出现（开始标签、结束标签）HTML文档 =网页：HTML文档描述网页、包含HTML标签和纯文本HTML编辑器...