![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端基础
文章平均质量分 88
宇宙超级无敌霸王龙捏
简单写写笔记
展开
-
Vue3_简介、CompositionVPI、新的组件
2020年9月18日,Vue.js发布3.0版本,代号:One Piece(海贼王)耗时2年多、2600+次提交30+个RFC600+次PR99位贡献者github上的tags地址:https://github.com/vuejs/vue-next/releases/tag/v3.0.0什么是hook?—— 本质是一个函数,把setup函数中使用的Composition API进行了封装。类似于vue2.x中的mixin。自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。原创 2023-07-14 21:43:44 · 470 阅读 · 0 评论 -
构建工具——webpack、vite
书写代码的时候,要知道代码是用node管理的,既要清楚代码是在前端运行还是在node运行的。前端的模块化规范和node的模块化规范是不一样的,所以要区分开来。依然使用新特性编写代码,但是代码编写完成时我们可以通过一些工具将新代码转换为旧代码。在编写 js 代码时,经常需要使用一些 js 中的新特性,而新特性在旧的浏览器中兼容性并不好。就是这样一个工具,可以将新的 js 语法转换为旧的 js,以提高代码的兼容性。是对代码进行编译,即是当代码发生变化的时候,就会自动对代码进行构建。配置源码的映射(方便调试)原创 2023-07-05 16:50:45 · 683 阅读 · 0 评论 -
TypeScript——简介、开发环境搭建、基本类型、编译选项、webpack、babel、类、面向对象的特点、接口、泛型
TypeScript是JavaScript的超集。它对JS进行了扩展,向JS中引入了类型的概念,并添加了许多新的特性。TS代码需要通过编译器编译为JS,然后再交由JS解析器执行。TS完全兼容JS,换言之,任何的JS代码都可以直接当成JS使用。相较于JS而言,TS拥有了静态类型,更加严格的语法,更强大的功能;TS可以在代码执行前就完成代码的检查,减小了运行时异常的出现的几率;TS代码可以编译为任意版本的JS代码,可有效解决不同JS运行环境的兼容问题;原创 2023-07-04 14:08:05 · 1330 阅读 · 1 评论 -
git-gitHub-本地仓库-远程仓库-github静态页面相关配置-docusaurus项目相关配置以及部署
git 在存储文件时,每一次代码代码的提交都会创建一个与之对应的节点,git 就是通过一个一个的节点来记录代码的状态的。我们通过 merge 合并分支时,在提交记录中会将所有的分支创建和分支合并的过程全部都显示出来,这样当项目比较复杂,开发过程比较波折时,我必须要反复的创建、合并、删除分支。当头指针没有执行某个分支的头部时,这种状态我们称为分离头指针(HEAD detached),分离头指针的状态下也可以操作操作代码,但是这些操作不会出现在任何的分支上,所以注意不要再分离头指针的状态下来操作仓库。原创 2023-07-03 23:19:53 · 760 阅读 · 0 评论 -
Vue中的脚手架、插槽、vuex、路由
组件化编码流程: (1).拆分静态组件:组件要按照功能点拆分,命名不要与html元素冲突。 (2).实现动态组件:考虑好数据的存放位置,数据是一个组件在用,还是一些组件在用: 1).一个组件在用:放在组件自身即可。 2). 一些组件在用:放在他们共同的父组件上(状态提升)。 (3).实现交互:从绑定事件开始。props适用于: (1).父组件 ==> 子组件 通信 (2).子组件 ==> 父组件 通信(要求父先给子一个函数)原创 2022-08-20 20:12:09 · 138 阅读 · 0 评论 -
js——对象的结构、原型、原型的作用、修改原型(纯手写)
对象的结构、原型、原型的作用、修改原型原创 2022-08-14 00:47:47 · 86 阅读 · 0 评论 -
Vue基础知识(有手写草稿版)
Vue模板语法Vue中的数据代理:Vue中数据代理的好处:基本原理:事件修饰符常用:prevent:阻止默认事件(常用);stop:阻止事件冒泡(常用);once:事件只触发一次(常用);个人观点:就是通过修饰符对原先设置好的默认行为进行一定的阻止作用。键盘事件就是给一个事件设置一个键盘事件,通过相应键盘的操作实现相应的操作。计算属性一定要想到 computed !!!利用已知计算出未知,computed 里面有set get !!!借助特定的操原创 2022-08-07 21:17:51 · 566 阅读 · 0 评论 -
js基础语法
浏览器本身并不会执行JS代码,而是通过内置 JavaScript 引擎(解释器) 来执行 JS 代码 。JS 引擎执行代码时逐行解释。每一句源码(转换为机器语言),然后由计算机去执行,所以 JavaScript 语言归为脚本语言,会逐行解释执行。可以将多行JS代码写到 标签中内嵌 JS 是学习时常用的方式。外部JS文件利于HTML页面代码结构化,把大段 JS代码独立到 HTML 页面之外,既美观,也方便文件级别的复用引用外部 JS文件的 script 标签中间不可以写代码适合于JS 代码原创 2022-08-05 15:20:11 · 323 阅读 · 0 评论 -
DOM 笔记:dom简介、获取元素、事件基础、操作元素、节点操作、事件高级
DOM 把以上内容都看做是对象DOM在我们实际开发中主要用来操作元素。获取页面中的元素可以使用以下几种方式:根据标签名获取使用 getElementsByTagName() 方法可以返回带有指定标签名的对象的集合。注意:因为得到的是一个对象的集合,所以我们想要操作里面的元素就需要遍历得到元素对象是动态的(标签里面的内容发生改变,其结果也会发生改变)还可以获取某个元素(父元素)内部所有指定标签名的子元素。注意:父元素必须是单个对象(必须指明是哪一个元素对象),获取的时候不包括原创 2022-08-05 15:15:21 · 590 阅读 · 0 评论 -
BOM笔记:bom概述、window对象的常见事件、定时器、JS执行机制、location、history对象
BOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是 window。BOM 由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。BOM 缺乏标准,JavaScript 语法的标准化组织是 ECMA,DOM 的标准化组织是 W3C,BOM 最初是Netscape 浏览器标准的一部分。DOM文档对象模型DOM 就是把「文档」当做一个「对象」来看待DOM 的顶级对象是 document。...原创 2022-08-05 15:12:02 · 219 阅读 · 0 评论 -
js:js基础语法 - DOM - BOM
js基础知识详解原创 2022-07-27 00:43:07 · 401 阅读 · 0 评论 -
CSS基础(待完整)——css简介、css基础选择器、字体属性、css文本属性、css引入方式、Emmet语法、css复合选择器、元素显示器、背景、三大特性、盒子模型
作用:美化页面,布局页面CSS 主要用于设置 HTML 页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。总结:HTML 主要做结构,显示元素内容.CSS 美化 HTML ,布局网页.CSS 最大价值: 由 HTML 专注去做结构呈现,样式交给 CSS,即 结构 ( HTML ) 与样式( CSS ) 相分离。在 CSS 中,可以根据选择器的类型把选择器分为基础选择器和复合选择器。原创 2022-07-22 00:20:02 · 1961 阅读 · 0 评论 -
HTML基础——初识、常用标签、路径、注释、特殊字符、表格、列表、表单
并列关系(兄弟关系):2.HTML基本结构标签HTML页面也称为HTML文档HTML的骨架标签:3.网页开发工具最常用的是 VScode生成页面骨架结构:输入html:5 自动生成骨架结构4.HTML常用标签4.1 标签语义(不做特殊说明,都是双标签)4.2 标题标签< h1 >~< h6 >(重要)是单词head的缩写,意为头部、标题。标签语义:作为标题使用,并且依据重要性递减。特点:加了标题的文字会变的加粗,字号也会依次变大。一个标题独原创 2022-07-14 20:12:39 · 490 阅读 · 0 评论