随笔分类 - 前端笔记
个人学习的笔记
摘要：Canvas简介 <canvas> 可以用于绘制图表、制作图片构图或者制作简单的 (以及不那么简单的) 动画 <canvas> 是一个 HTML 元素，它同时也是一个画板，可以使用脚本 (通常为 JavaScript ) 来绘制图形 Canvas创建 <canvas id="myCanvas" wi
阅读全文
摘要：Vue3新增 (1)vue3支持TypeScript (2)CompostionAPI setup配置 ref与reactive watch与watchEffect provide与inject (3)内置API Fragment Teleport Suspence (4)Vue3组件中templa
阅读全文
摘要：Vuex的五个属性值 1.state 存储的数据 2.mutation 公有方法 $commit触发 3.getter 存放操作state的数据的处理函数 4.action 异步提交mutation $dispatch触发 5.modules vuex模块化 --mapState 映射状态计算属性
阅读全文
摘要：前提 JS缺陷 (1)变量频繁变换类型,类型不明确难以维护 TS定义 (1)定义 以JavaScript为基础构建的语音，一个JavaScript的超集，扩展js添加了类型， 可以在任何支持js的平台中执行 #TS不能被JS解析器(浏览器)直接执行，需要将TS编译为JS TS开发环境搭建 (1)使用
阅读全文
摘要：Babel转码器 Babel定义 Babel 是一个广泛使用的 ES6 转码器，可以将 ES6 代码转为 ES5 代码，从而在老版本的浏览器执行 Babel安装 仅需要在项目文件下安装 npm install --save-dev @babel/core Babel转码流程 一:配置.babelrc
阅读全文
摘要：swiper使用 初始化 var mySwiper = new Swiper ('容器区域类', { // 存放swiper属性 }) 属性 基本属性： 1.initialSlide 设定初始化时slide的索引,就是设置默认显示第几张图 2.direction swiper滑动方向 水平方向切换h
阅读全文
摘要：Vue2框架 Vue定义 Vue.js是一种构建用户界面的渐进式框架，提供了MVVM模型数据绑定和一个可组合的组件系统，具有简单灵活的API，采用自底向上逐层应用 Vue安装 / 浏览器安装Vue Devtools 可以在界面审查金额调试Vue应用/ 安装方法：新手推荐用script引用 1.直接用
阅读全文
摘要：正则表达式 正则表达式对象 在JavaScript中，正则表达式的对象创建方式有两种， 第一种是通过构造函数RegExp(**pattern: string | RegExp**, flags?: string): RegExp来完成 第二种是使用正则表达式字面量/ /修饰符这种方式去完成 var
阅读全文
摘要：Node.js ⭐⭐⭐⭐ Node.js是什么 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效 非阻塞式I/O 事件驱动 基于Chrom V8引擎的js运行环境 V8 引擎是 Ch
阅读全文
摘要：ES6 ⭐⭐⭐⭐ 变量 let let特性： 1，变量不能重复声明 2.块级作用域 （只在代码块里面有效，全局无法获取） 3.不存在变量提升 4.不影响作用域链 5.暂时性死区：如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是在声明之前就使用这些变
阅读全文
摘要：##JavaScript ⭐⭐⭐⭐⭐ 数组对象 数组属性与方法 属性： length 获取或设置数组长度 方法： (1)push()方法:当前最后面添加元素，返回当前数组长度 (2)pop()方法:去掉数组最后一个元素，返回除去元素 (3)unshift()方法:数组最前面添加元素，返回当前数组长度
阅读全文
摘要：CSS预处理器 ⭐⭐ less，sass和stylus sass:较早，缩进风格 scss：完全兼容css3，使用大括号 编写css的编程语言，引入变量，函数，重复代码等功能，如果编译成css文件 Sass 安装sass sass是基于ruby语言因此安装sass前需要安装Ruby。（注:mac下自
阅读全文
摘要：CSS ⭐⭐⭐ css定义 层叠样式表 (Cascading Style Sheets，缩写为 CSS），是一种 样式表 语言，用来描述 HTML 或XML（包括如 SVG、MathML、XHTML 之类的 XML 分支语言）文档的呈现 CSS基本特性 统一性 使用统一的属性解决属性的样式问题，让不
阅读全文
摘要：HTML⭐⭐⭐ HTML基础 HTML的全称超文本标记语言，它采用一种标记性的语言来完成网页开发 HTML标签 标题标签 h1~h6 ,数值越大，字体越小 <h1 align="center">这是一号标题</h1> <h2 align="right">这是二号标题</h2> <h3 align="
阅读全文
摘要：仓库为空，本地创建git项目之后提交到仓库中1.创建项目文件夹（本地git仓库）2.在项目文件夹中右键：选择Git Bash3.初始化项目：git init -- 会出现一个.git的隐藏文件夹4.将项目文件拷贝到本地仓库中5.链接远程仓库（GitHub或码云上的仓库） git remote add
阅读全文
