Ann1223-CSDN博客

原创 async-await的循环请求数据

循环按顺序请求数组中的接口——async-await的循环请求数据，并弹窗实现告知用户请求结果

2022-12-05 16:48:26 582 1

Bootstrap框架-总结与练手关于bootstrap一、什么是 Bootstrap二、bootstrap的优点三、Bootstrap的简单准备1.下载BootStrap2.Bootstrap 的基本文件结构3.配置环境关于bootstrap一、什么是 BootstrapBootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 。Bootstrap是基于HTML5和CSS3开发的，它在jQuery的基础上进行了更为

2021-03-15 16:35:17 394

原创 VUE中父组件调用子组件的方法

VUE中父组件调用子组件的方法父组件通过 props 向下传递数据给子组件，子组件通过 $emit触发events 给父组件发送消息。尽管存在 props 和事件，有的时候你仍可能需要在 JavaScript 里直接访问一个子组件，这就需要使用ref特性，通过 ref 特性为这个子组件赋予一个 ID 引用。ref：用来给元素或子组件注册引用信息，引用信息将会注册在父组件的$refs对象上。如果在普通的DOM元素上使用，那么指向的就是普通的DOM元素。ref加在子组件上，在父组件中用this.$refs

2020-12-03 14:21:37 692

原创 git使用详解汇总复习

git使用详解汇总复习Git的介绍与理解git是什么git和其他版本控制系统的区别核心区别各自的优缺点Git的优缺点优点缺点SVN的优缺点优点缺点git的前期准备git的安装git的主要命令删除本地文件后重新拉取最新添加新功能时把新分支添加到云端Git的介绍与理解git是什么git和其他版本控制系统的区别核心区别SVN是集中式版本控制系统，版本库是集中放在中央服务器的，集中式版本控制系统是必须联网才能工作，如果网速慢的话，效率就别叫低下了。Git是分布式版本控制系统，那么它就没有中央服务器的，每

2020-11-13 09:50:55 139

原创 React生命周期理解

React生命周期理解组件将要挂载时触发的函数：componentWillMount组件挂载完成时触发的函数：componentDidMount是否要更新数据时触发的函数：shouldComponentUpdate将要更新数据时触发的函数：componentWillUpdate数据更新完成时触发的函数：componentDidUpdate组件将要销毁时触发的函数：componentWillUnmount父组件中改变了props传值时触发的函数：componentWillReceiveProp

2020-11-12 16:02:51 231

原创 vue的环境搭建+VScode基本设置

vue的环境搭建+VScode基本设置vue的环境搭建安装node.js安装淘宝镜像安装webpack安装vue脚手架新建一个项目VScode基本设置安装vscode安装插件添加用户设置运行项目vue的环境搭建安装node.js在node官网(https://nodejs.org/en/download/ )选择跟自己的电脑匹配的版本进行下载，然后一步步的安装即可，在cmd控制台输入node -v，如果出现版本信息即表示安装成功。npm包管理器是集成在node中的，所以直接输入npm -v 就能查看

2020-11-11 10:03:36 167

原创对web前端性能优化的理解

web前端的性能优化性能优化为什么要做前端优化页面级别优化1. 减少 HTTP请求数2.资源合并与压缩3.合并 CSS，JS4.CSS sprite(雪碧图)5.图片懒加载6.将 CSS放在 head中，js放在尾部代码级别优化1.对dom的操作2.慎用 with3.减少作用域链查找4.字符串拼接5.按需引入性能优化为什么要做前端优化先明确一下前端优化的目的是什么 ?从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。从服务商角度而言，优化能够

2020-11-09 19:02:23 507

原创比较含退格符的字符串

题目：给定 S 和 T 两个字符串，当它们分别被输入到空白的文本编辑器后，判断二者是否相等，并返回结果。 # 代表退格字符。注意：如果对空文本输入退格字符，文本继续为空封装一个方法deal()先将字符串转换为数组str.split 然后声明一个空数组res=[]遍历数组遇到#就执行res.pop(),否则就就执行res.push(item)然后分别将S和T代入此方法/** * @param {string} S * @param {string} T * @return {bool

2020-10-19 10:19:43 205

原创 vue的学习和整理（a）

vue的学习整理1.vue的基本介绍MVVM2.vue的安装1.下载2.使用 CDN 方法3.NPM 安装4.命令行工具3.vue的实例 new Vue({})1. 创建一个实例2.Vue 构造器中4.实例生命周期钩子5.模板语法插值1.文本2.原始 HTML3.Attribute4.使用 JavaScript 表达式指令1.参数2.动态参数（2.6.0 新增）1.对动态参数的值的约束2.对动态参数表达式的约束3.修饰符缩写1.v-bind2.v-on6.计算属性和侦听器 computed / watch计

2020-09-18 11:21:21 172

原创 jQuery选择器/过滤器的整理复习

jQuery的选择器和过滤器选择器基本选择器层次选择器过滤器基本过滤器内容过滤器可见性过滤器属性过滤器后代过滤器表单过滤器选择器基本选择器$("#id") //ID选择器$(“div”) //元素选择器$(".className") //类选择器$("*") //所有选择器$(".className,.className1,#id1") //组合选择器层次选择器$("#id>.className “)

2020-08-31 19:15:02 169

原创 JavaScript的半程复习

1.js早期是用来完成在本地的表单验证2.js的组成核心：ECMAS script5DOM：document object modelBOM：browse object model3.js的使用1.内部标签<script></script>2.外部引入js为后缀的文件 <script src="" >再写在这个标签里的js内容会被忽略</script>4.js的注释单行注释：//多行注释：/**/5.关键字和保留字6.变量var

2020-08-22 16:05:30 163

原创 JavaScript的自主学习

javascript自学javascriptjavascript的介绍javascript的特点javascript的使用javascript基础认识注释标识符关键字保留字变量数据类型及类型转换数据类型五种基本类型undefined 未定义类型Null 空引用数据类型Boolean 布尔类型Number 数字类型String 字符串类型引用数据类型对象数组函数数据类型之间的转换其他数据类型转换为String其他数据类型转换为boolean其他数据类型转换为numberNumber()函数parseInt()

2020-08-16 14:19:08 146

原创 Linux的初步总结

linu系统：(1).学之前要拥有所以 1.aliyun购买服务器；相当于远程电脑（unbuntu）(2).为什么学linux 好处特点：性能强劲稳定性高常用于服务器开源免费可压缩性可压缩成很小的系统便于植入硬件设备中（如智能家居)适合初学者培养编程思想更了解window和linux的区别更了解文件系统 /：根目录 /home 所有普通用户的家目录 /root root用户的根目录 ~：当前用户的家目录 /etc：配置文件目录 /va

2020-08-14 17:11:29 106

原创 Linux之vi编辑器的学习

vi编辑器1.基础应用a.如何打开vi编辑器 1.vi 需要在保存时进行文件命名：wq a.txt 2.vi+文件名使用vi编辑器打开a.txt 如果a.txt存在则打开如果不存在则创建后再打开 3.vi +number a.txt 使用vi打开a.txt 并将光标置于number行b.三种模式命令行模式:进入底行模式： / ：（冒号和斜杠）进入插入模

2020-08-12 23:01:30 151

原创 Linux的命令和用户操作学习

linux1.准备工作双系统unbuntu：虚拟机云服务器：类Linux：unbuntu16.042.特点性能强劲稳定性高常用于服务器开源免费压缩很小，植入到硬件设备中适合初学者建立编程思想文件系统黑屏界面 ls /home /:根目录~：当前用户家目录/home：普通用户的家目录 /home/terry/root：root用户/管理员的家目录 /etc：系统配置文件目录/sys：系统目录/opt：安装第三方压缩包的文

2020-08-11 22:51:34 151

原创 linux的基础学习

linux学习day1一、Kernel管理设备，内存，进程控制系统程序/实用程序和系统硬件之间的功能管理交换空间，守护进程，文件系统以及其他函数二、Shell1、shell简介Shell是用户与内核之间的接口，它充当解释器或转换器常见的Shell1.Bourne shell (sh)：第一个流行的 shell 是由 Steven Bourne 发展出来的，为了纪念他所以就称为Bourne shell ，或直接简称为 sh。2.C shell (csh)：是由柏克莱大学的 Bill Joy

2020-08-10 22:47:51 103

原创 css选择器复习

css复习**1、什么是css：**层叠样式表，用于修饰页面元素2、css语法选择器 {样式名:样式值;样式名:样式值;…}3、 css可读性【MDN】注释 ctrl + / /* 注释 */ 作用：解释说明，便于代码维护和管理. 速写 padding-top:5px; padding-right:10px; padding-bottom:15px; padding-left:20px; ==>等价于 padding: 5px 10px 15p

2020-08-09 21:55:24 169

原创 HTML+CSS特殊理解汇总

1、HTML5 中的新特性语义化标签：article、footer、header、nav、section表单控件：date、time、email、url、search音视频：video、audio画布：canvas本地离线存储：localStorage2、css3新增属性边框：border-radius、box-shadow背景：background-size（背景图片的尺寸）文本：text-shadow（文本阴影）变换：transform过渡：transition动画：animat

2020-08-06 23:53:17 242

原创 CSS的布局机制与动画

review！布局1.display属性inlineblockinline-block2.浮动float: right/left脱离默认文档流1.不会遮挡文字2. 行内元素可以设置宽高块级元素不会独占一行3.定位布局position1.static静态布局2.absolute绝对浮动脱离默认文档流不占据定位前空间默认情况下以body左上角为基准父辈具有定位属性时，以父辈的的左上角为基准3.relative相对定位4.fixed 固定定位5.sticky：粘滞定

2020-08-05 23:51:13 146

原创 CSS伸缩盒布局的学习

---------------review-----------定位布局：position：1.static 静态布局2.absolute：绝对定位1.脱离默认文档流2.不占据定位前空间3.默认情况下，根据body的左上角进行定位4.如果父元素具有定位属性，根据父元素左上角进行定位3.relative：相对定位1.相对定位的元素根据元素本身的位置进行定位2.占据定位前空间3.不脱离默认文档流4.fixed：固定定位1.特点和绝对定位相似2.使用fixed的定位元素不会

2020-08-05 00:07:21 203

原创 CSS的position定位布局

Web学习Day14——CSS（5）标记语言：特点：1.只能被读取，本身不具有逻辑能力和行为能力脚本语言：javascriptconsole.log(1+1);//2特点：1.本身具有逻辑能力和行为能力2.需要解析执行：需要js解析器解析执行编译语言：java:system.out.print(1+1);//2特点：本身具有逻辑能力和行为能力需要编译运行.java–>.class定位布局position:static:静态布局absolute:绝对定位特点：1

2020-08-03 20:35:12 158

原创页面重构的技能与要点

页面重构，简单的说就是“将设计稿转换成WEB页面”。这一过程可以很简单到直接把PSD从PS里导出成网页；也可复杂到需要考虑页面中每个标签的使用，考虑“页面性能”。所涉及到的内容一般是“分析设计稿=>切图=>写HTML和CSS”页面重构要注意一下几点：1.不滥用id,尽量用class代替id。2.CSS选择器最好控制在2-3个以内，不要使用内联样式，转移到样式表中。3.根据上下结构命名id和class,而不是设计元素，避免html结构模糊化，尝试重网页中分离出设计元素，还可以减少代码的

2020-08-02 21:49:22 876

原创页面重构初尝试

Web学习Day12——第一次尝试页面重构美团网实现代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>页面重构——美团网</title> <l

2020-08-02 13:41:40 260

原创 CSS的浮动布局

Web学习Day11——CSS（4）review----------------------------------文本样式word-spacingletter-spacingword-wrapoverflow:hidden scorll元素的显示display none(隐藏元素同时隐藏空间) blockvisibility hidden（隐藏元素时不隐藏空间）visible列表样式list-stylelist-style-typelist-style-positionl

2020-07-31 18:51:59 130

原创 CSS的浮动与盒子模型

Web学习Day10——CSS（3）一、浮动1.css浮动浮动就是让块级标签不独占一行，目的（使用场景）是让块级标签元素可以排在一行上。浮动元素会生成块级框2.Float 属性值=left左浮动 right有浮动 none默认值，不浮动（也可以取消） inherit3.浮动的原理就是让元素脱离文档流（文档流是指文档中可显示对象在排列时所占用的位置），不占用标准流<!DOCTYPE html><html lang="en"><head> <me

2020-07-30 22:55:39 206

原创 github与gitee学习记录

github是一个非常适合程序员交流的网站，很多国际上的技术大牛都在github上有自己的开源代码，其他人只要申请个账号就可以随意的看到这些大牛写的程序。同时国内的很多互联网公司如百度，阿里等，也在github上公布有开源的代码。gitee是中文版本的网站git一个本地仓库对应一个远程仓库第一次提交的时候需要设置当前用户> git config --global user.name = “Ann0208”> git config --global user.email = “xxxx

2020-07-29 20:23:32 199

原创 CSS的样式设置

CSS设置样式学习1.如何选择元素？选择器2.如何设置样式？1.继承/不继承 height: inherit;/*强制继承父类高度*/ color: initial; /*不继承父类的color属性*/2.颜色单位： 1.关键字 blue lightblue 2.rgb（r,g,b）:0-255之间 3.

2020-07-29 20:17:32 178

原创 CSS的初步学习

Web学习Day8——CSS前端三要素Html：木偶 css：化妆 javascript：动态展示（1）什么是CSSCSS(CascadingStyleSheets)层叠样式表，是一个用于修饰文档（可以是标记语言HTML，也可以是XML或者SVN）的语言，可以将文档以更优雅的形式呈现给用户。层叠样式表，用来美化网页的，做到结构html和表现css分离（2）CSS声明（CSSdeclarations）css语言的核心功能就是为特定的属性设定特点的值，css引擎通过计算出声明的每个属性来显示元素。

2020-07-28 20:42:54 213

原创 HTML5表单的请求学习与整体运用

Web学习Day7——HTML5（5）HTTP：应用层的协议响应的状态码http status200 404 500请求方式method：get postGET：显示的大小有限制（小）浏览器的地址栏超链接表单Post：隐士的大小有限制（大）表单一次请求一次响应Enctype:Text/plain application/x-www-form-urlencoded（默认）Multipart/from-data (大数据)——post请求报文：请求行：mothod url

2020-07-27 22:16:43 246

原创 HTML5表单的学习

Web学习Day5——html（3）表单学习（1）表单Form表单主要用于用户与Web应用程序进行数据的交互，它允许用户将数据发给web应用程序，网页也可以拦截数据的发送以便自己使用。form通常由一到多个表单元素组成，这些表单元素是单行/多行文本框，下拉菜单，按钮，复选框，单选按钮，时候表单元素时一般要配合label标签，用于描述其目的。其可用属性如下：1.action用于处理表单信息的应用程序的地址。2.method浏览器用来提交表单的HTTP方法。3.get对应于Http协议的GET方

2020-07-26 20:02:00 136

原创 HTML5新增标签的学习

Web学习HTML5（2）（1）Html5新增标签：描述了文档的头部区域，于定义内容的介绍展示区域是一种具有引导和导航作用的结构元素，通常用来放置整个页面或页面内的一个内容区块的标题，但也可以包含搜索表单或logo。：是一个可以用作页面导航的链接组，其中导航元素链接到其他页面或当前页面的其他部分。：定义文档中的节（section、区段），作为Html文档独立的功能。比如章节、页眉、页脚或文档中的其他部分，section通常包含了一组内容及其标题。：代表文档，页面或应用程序中独立的，完整的，可以独自

2020-07-25 23:33:45 154

Ann1223的博客