自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 收藏
  • 关注

原创 简单算法——哈希

哈希哈希(Hash)也称为散列,就是把任意长度的输入,通过散列算法,变换成固定长度的输出,这个输出值就是散列值。哈希表哈希表(Hash table,也叫散列表),是根据关键码值(Key value)而直接进行访问的数据结构。也就是说,它通过把关键码值映射到表中一个位置来访问记录,以加快查找的速度。这个映射函数叫做散列函数,存放记录的数组叫做散列表。使用Hash的查询算法分为两步:① 用Hash函数将被查找的键转化为数组的一个索引。理想情况下,不同的键都能转化为不同的索引值。当然,这只是理想情况,

2021-09-18 21:35:24 1111 1

原创 Angular 组件之间的通信

父传子父组件:定义变量并通过中括号注入<p>father </p><app-child [message]="message"></app-child>import {Component, OnInit} from '@angular/core';@Component({ selector: 'app-father', templateUrl: './father.component.html', styleUrls: ['...

2021-09-08 22:19:30 351

原创 JavaScript 中 call()、apply()、bind() 的用法

其实是一个很简单的东西,认真看十分钟就从一脸懵B 到完全 理解!先看明白下面:例 1obj.objAge; // 17obj.myFun() // 小张年龄 undefined例 2shows() // 盲僧 比较一下这两者 this 的差别,第一个打印里面的 this 指向 obj,第二个全局声明的 shows() 函数 this 是 window ;1,call()、apply()、bind() 都是用来重定义 this 这个对象的!如:obj.myFun.call(db)

2021-05-14 16:52:47 115

转载 使用Axios封装一个完整的请求交互模块

在前端开发中,要与后端完成数据交互,我们通常需要借助一下Ajax的http库来完成与后台数据接口的对接,jQuery盛行时代,我们会使用$.ajax()来实现交互,现如今已有许多现成的http库,例如:SuperAgent、Axios、Fetch…等等。有了这些http库我们不需要太多的去了解Ajax底层的工作原理,只需要关注一个请求的request的组成以及如何处理一个response即可,虽然一定程度上简化了交互,但这样在实际应用中还是远远不够的今天来教教大家如何使用Axios封装一个完整的请求交互

2021-05-09 23:11:18 199

原创 VUE+vant-ui电商项目 购物车页面,修改数组中的值后发现页面没有同步渲染

最近用vant-ui+vue做了一个电商APP,在做购物车页面checkBox时发现,点击checkBox绑定的值变了,但页面没有同步刷新,最后的解决方案如下:1.利用map返回新数组 this.cartInfo = this.cartInfo.map( item => { item.isCheck = this.orderChecked; item.goods = item.goods.ma

2021-04-08 13:38:56 464 1

原创 前端处理数据的几种方法

前端在渲染页面时,通常会涉及到拿到的数据进行处理。这里介绍几种简单的数据处理方法。1.去重 newArr(arr){ // 去重 return Array.from(new Set(arr)) }2.字符串切割例:后端传过来的图片路径:“img1.png,img2.png,img3.png,”转成[http://172.17.6.214/img1.png,http://172.17.6.214/img2.png,http://172

2021-04-07 17:43:38 1595

原创 JS中如何删除某个元素下的所有子元素(节点)?

JS中如何删除某个元素下的所有子元素(节点)?JS中如何删除某个父元素下的所有子元素?这里我介绍几种方法:1.通过元素的 innerHTML 属性来删除这种方式我觉得是最有方便的,直接找到你想要的父元素,直接令其 element.innerHTML = “”;举例说明: 1 2 32.通过 removeChild() 方法来删除removeChild() 的用法是先找到父级元素parent,然后调用 parent.removeChild(thisNode) 来删除当前子节点(

2020-12-12 21:53:20 3300

原创 JS ECMA 入门

JavaScript Day011.什么是JavaScript嵌套在网页中的程序段,是一种解释性语言,由浏览器进行解析,与java没有任何关系。作用就是增加用户的交互性2.JavaScript·的技术体系三部分:ECMA,Bom,DomECMA:浏览器对象模型Bom:浏览器对象模型DOM:文档对象模型BOM也包括DOM3.如何html中引入JavaScript·在html中使用4.JavaScript 输入和输出输出:alert·(‘’);//弹出框comsole.log();/

2020-12-04 08:52:52 243

原创 前端 一阶段总结

总结一下一阶段的学习。一共13天,8天基础知识(html+css ),5天项目(Gucci官网)。核心:html :1.标签、属性、值2.元素分类css:1.三大布局-标准文档流,浮动,定位2.居中中途心态崩溃原因分析:1.浮躁,遇到问题不去想办法解决,甩锅。2.不自信,总觉得自己学不会,畏难。 3.做练习和bug死杠,不懂得吹吹风冷静一下。4.不预习,不复习。下阶段初步课外时间安排:至少1.5小时预习加复习(视频课预习,书复习)...

2020-11-30 23:43:32 287

原创 学前端的第七天(CSS Day05)

css3 变换移动,缩放,旋转,拉伸transform : 变换translate:移动translate(x轴,y轴)注:如果只有一个值,相当于只移动水平方向 rotate: rotate(角度):默认是Z轴 rotateX \rotateY\rotateZ scale():缩放 scale(x,y):只有一个值 时,x,y方向同时变化 scaleX() scaleY() skew():倾斜 css3 动画定义动画方1:

2020-11-26 22:50:25 75

原创 学前端的第六天(CSS Day04)

浏览器的内核常用四个前缀:前缀 浏览器-webkit chrome 、 safari-moz firefox-ms IE-o opera兼容性:那么为了能兼容各大内核的老版浏览器,我们看看border-radius在不同内核浏览器下的编写格式:1、Mozilla(Firefox等浏览器)-moz-border-radius: //简写2、WebKit.

2020-11-26 22:49:05 71

原创 学前端的第五天(css day03)笔记

定位:position 属性static(默认值) : 没有定位relative: 相对定位,没有脱离文档流,相对于没有定位前的位置,进行偏移absolute: 绝对定位,脱离文档流后面的元素会向上补齐,覆盖块级元素(或行内元素)本质:元素会隐性变成inline-block(行内块级元素) 原理:相对于离它最近的已定位的“祖先”元素,如没有定位的“祖先”元素, 就以初始可视窗口为准,直接进行设置fixed : 固定定位,脱离文档流原理:相对于浏览器的边框..

2020-11-26 22:45:11 70

原创 学前端的第四天(CSS Day02)笔记

CSS 第二天float布局:(如何让两div ,排在一行)1.语法 :float: left | right | none2.原理:脱离了标准文档流,后面元素依次向上补齐元素的宽度,变成内容有多宽,就有宽浮动元素会浮在标准元素的上面,但是,标准元素的内容,不允许被覆盖,它 会自己见隙显示浮动后,父盒子的高度会发生变化3.标准文档流: 默认情况下的排列方式从左到右,从上到下浮动流:浮动元素的排列方式从左(右)到右(左),从上到下4.清除浮动的影响(扩展盒子的高度)1).

2020-11-26 22:32:35 74

原创 学前端第三天(CSS day01笔记)

CSS Day1笔记@TOCcss : 层叠样式表css版本: css2 css3(兼容性问题)css文件:.csscss2版本,高版本一般兼容低版本如果写css 样式 (引入css的三种/四种)1:行内样式 标签内的style属性2. 内部样式 link vs @import的区别1.从属关系区别@import是 CSS 提供的语法规则,只有导入样式表的作用;link是HTML提供的标签,不仅可以加载 CSS 文件,还可以定义 RSS、rel 连接属性等。2.加载顺序区

2020-11-26 22:17:13 117

原创 2020-11-18

学前端的第二天一、企业应用的演变哑终端 :一个主机,多个显示器C/S 客户端和服务端(软件)pc:个人电脑的普及 优点:安装本机,速度就快 缺点:需要进行安装 更新软件,必须用同意,不利于维护B/S 浏览器和服务器优点:不需要安装、利于维护 缺点:访问速度就慢 二、web应用程序的组成部分网页结构(html / xhtml )样式(css)行为(javascript) : javascript分为三部分:ECMASrcipt , Dom ,Bom

2020-11-18 22:54:11 112

原创 2020-11-18

学前端的第一天一、初识Web(1).WEB应用开发流程1、需求分析(重点):明白要做什么?2、设计:做成什么样?3、编码:具体实现4、测试:测试实现的效果5、维护:维护应用,更新版本(1)需求分析设计UI设计(原型等) 、数据库设计、架构设计编码(coding)、 前端工程师 、 后端工程师 、DBA(数据库管理员)、(BAT工程:b:百度a:阿里t:腾讯)、测试维护(2)什么是需求分析?1、网站类型分析:网站到底常见种类有哪些?2、针对用户群体:针对什么样的人群? 市场价

2020-11-18 21:58:37 185 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除