自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 GitHub上创建项目,本地从pull项目到完成第一次提交

23、到这一步后,把之前 pull 到本地的项目删除掉,重新再 pull 一次,再正常提交就可以了;17、找到这个文件的位置,打开这个文件夹,并把里面的东西复制;6、打开文件夹,在文件夹内右键菜单选择 开始。(必填),其他的根据需要填写或是选择;5、本地找一个文件夹或是新建一个文件夹;下来的文件内新建自己的项目,然后在终端。16、再次查看是否生成成功,输入。可填可不填,把上面生成的公匙复制到。22、输入密码后,成功新增一条。生成公匙,注意看下图,一步步来;12、推送并关联到远程分支;

2023-05-30 19:55:37 296

原创 前端本地存储:cookie,localStorage,sessionStorage

存储在浏览器缓存的信息,一般用于记录用户登陆信息,最大存储量为4KB,可以自由设置过期时间,具有不可跨域性。cookie。

2023-05-21 17:04:59 227

原创 JavaScript 防抖节流

看了定义很多新手同鞋可能还是一头雾水,防抖,到底防的是个啥?很好理解,其实就是防的事件的高频触发,不限时间,要是一直以高频率触发同一事件,那就会进入我们的防抖设置,怎么实现,看下面例子。这里也许很多新手同鞋会搞混,这看起来都差不多嘛,其实不然啊,注意仔细看定义。定义:指一定时间内,同一事件多次触发时,只执行最后一次。1、阻止用户同一条件连击事件造成系统不必要的开支;这里就不截效果图了,可以直接复制上面的代码自己去运行亲自己试试。同上,直接复制代码去运行试效果,当然,写法多样化,还要靠自己探索。

2023-05-19 23:02:26 135

原创 JavaScript 数组以及数组方法

所谓数组,就是一组数据的集合,一个存储在单个变量的优雅方式,在JavaScript是常用New关键字letarrnewArray()或是字面量方式letarr[]来声明。

2023-05-18 23:00:58 71

原创 浅谈 JavaScript 的 async、await 的基本用法

自行考究的几个问题:(1)是 promise 的升级版;(2)有人说是 ES6 的,有人说是 ES7 的;(3)是 generator 函数的语法糖;async,语义为:异步await,语义为:稍等await 全称为: async await,看句子,await 是紧跟在 async 后面的,所以,首先明确一件事,那就是 await 必须配合 async 一起使用;

2023-05-14 22:15:49 169

原创 JavaScript 微任务和宏任务

宏任务通常指与浏览器渲染相关的任务,常用的宏任务有:SetTimeout等等SetTimeout:延时器----用法如下let blue = '我是什么颜色'console.log(blue) // 两秒种后控制台打印,用完后请记得清除,不然任务多了会影响性能clearTimeout(outTimer) // 及时关闭延时器}, 2000):定时器----用法如下console.log(money++) // 只要不关闭,指定时间无限循环执行。

2023-05-13 19:47:13 192

原创 Promise 异步请求

首先,promise是ES6定义的一个处理异步操作的方法,他可以将异步操作以同步的形式写出来,最大的一个特点就是能够解决我们以往的地狱式回调,而且他一旦执行,结果就不可改变的性质也使得我们更为精准的定位以往很难查找的错误。

2023-05-12 23:18:37 248

原创 JavaScript 闭包

笼统定义:JS的闭包,就是函数嵌套函数。特性定义:能访问自身以外作用域变量的函数都是闭包(有争义)。例:函数嵌套函数例:访问自身外变量的闭包(有争义的定义)

2023-05-11 19:54:15 51

原创 JavaScript 正则表达式

正则表达式,又称规则表达式,全名为,运用时一般简写为regexRegExp,是作用于字符串的规则,用来检查一段字符串是否符合某种规则。

2023-05-10 21:32:27 35

原创 JavaScript原型,JavaScript原型链

2、上图打印结果可以看出,构造的对象。,这种通过原型向上一级一级查找就形成了一个链条,又被称为。1、所有对象都有一个属性。例:实例对象---类。,所有新创建的对象都会生成一个属性。属性所指向的是这个对象的构造函数的。又能得到查找到的值,这种又是属性的一种。本身没有实际的值,值是一个类。

2023-05-09 23:50:16 32

原创 JavaScript 事件捕获、事件冒泡、事件代理

事件捕获:首先是 window 会捕获到事件,之后 document、documentElement、body会捕获到,再之后就是在 body 中 DOM 元素一层一层的向下捕获到事件;事件冒泡:同捕获阶段相反,事件一层一层的向上冒泡回到 window;所以,完整的 js 事件流,就是从 window 开始,最后又回到 window 的过程。

2023-05-08 17:53:05 86

原创 JavaScript 浅拷贝、深拷贝

浅拷贝和深拷贝都只针对于引用数据类型,浅拷贝只复制指向某个对象的指针,而不复制对象本身,新旧对象还是共享同一块内存,但是深拷贝会另外创造一个要模一样的对象,新对象跟原对象不共享内存,修改新对象不会修改到原对象。

2023-05-07 18:16:03 66

原创 JavaScript 基本数据类型、引用数据类型

中所有函数的参数都是按这个值来传递的,对于原始值,只是把变量里的值传递给参数,之后参数和这个变量互不影响,对于引用值,对象变量里面的值是这个对象在堆内存中的内存地址,因此它传递的值也就是这个内存地址,这也就是为什么函数内部对这个参数的修改会体现在外部的原因,因为它们都是指向同一个对象;(3)引用数据类型大小是动态的,而且是无限的,引用值的大小会改变,不能把它放在栈中,否则会降低变量查找的速度,因此放在变量栈空间的值是该对象存储在堆中的地址,地址的大小是固定的,所以把它存储在栈中对变量性能无任何影响;

2023-05-06 21:30:13 47

原创 浅谈JavaScript数据类型、常用声明变量方法

1、基本数据类型:String,Boolean,Number,Undefined,Null;2、引用数据类型:Object(Array,Date,RegExp,Function);3、ES6新增数据类型:Map,Set,Generator,Symbol;

2023-05-05 21:56:53 179

原创 前端进阶之Javascript,什么是Javascript,什么是JS

javascript 简称 JS ,是一种具有函数优先的轻量级,解释型或即时编译型号的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但它也被用到了很多非浏览器环境中,js基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式风格。javascript 与 java 名称有点相似,是因为当时 netscape 为了营销考虑系统达成协议的结果。

2023-05-04 21:43:53 353

原创 CSS3盒模型,W3C标准盒模型,怪异盒模型

/* 定义为标准盒模型 */指定为怪异盒模型用:box-sizing: content-box;/* 定义为IE盒模型 */

2023-05-03 16:12:35 141

原创 CSS3过渡动画,CSS3-3D动画,CSS3-2D动画

1、2D动画可以对元素进行拉伸,缩放,平面旋转,移动。2、3D动画,直接对元素进行格式化,形成一个立体的空间,能自由的改变元素的形状,大小,坐标。区别:通过上面的两点可以看出,其最大的区别就是一个是平面操作,一个可以立体操作,3D包含了2D的所有效果,也可以说3D是2D的一个升级版,3D改变坐标,使其具有空间感和距离感。

2023-05-02 23:20:10 65

原创 HTML根字体设置,font-size,响应式,HTML单位

在屏宽为375px的时候变化如下:100vw = 375px,375 / 18.75 = 20,由此可得出结果,根设置为 calc(100vw / 18.75) ,屏宽750时 1rem = 40px,屏宽375时,变成1rem = 20px,已经成功得到我们想要的效果

2023-05-01 19:13:00 827

原创 CSS3垂直水平的居中的几种方法

方法:利用 position: absolute;相对于父级元素进行绝对定位,对 top 、left 、right 、bottom 等的值进行操控来实现。具体代码如下所示:方法2、改变 margin 值。

2023-04-30 15:50:55 668

原创 CSS3之定位,相对定位,绝对定位,固定定位

前端在绘制UI界面时,总会遇到一些比较特殊的需求,例如,指定某个DIV在特定的位置,或是用户在界面进行某些操作后想要某个或某些DIV去到某个位置,这个时候,用CSS3的定位方法position就能快速的实现这个效果。

2023-04-29 20:54:22 539

原创 CSS3之Flex布局(弹性布局/弹性盒子)

的属性主要分为容器属性和item属性,详细介绍如下:1、容器属性、属性值说明属性值值的作用(指定容器中子元素的排列方式)row默认值,主轴沿水平方向从左到右主轴沿水平方向从右到左column主轴沿垂直方向从上到下主轴沿垂直方向从下到上initial将此属性设置为属性的默认值inherit从父元素继承此属性的值flex-wrap(当容器愉子元素超出父容器时是否换行)nowrap默认值,表示项目不会换行wrap表示项目会在需要时换行表示项目会在需要时换行,但会以相反的顺序initial。

2023-04-28 22:23:33 237

原创 CSS3特性,CSS3常有用知识点,CSS3面试题

选择属于其父元素唯一的<p>元素的每个<p>元素。

2023-04-27 22:19:18 328

原创 CSS3新增属性,CSS3新特性

1、backgroundsize:用来指定图片的尺寸,用法如下origin:规定图片从哪里开始显示,用法如下clip:指定背景图片从什么位置开始裁剪2、borderimage: 在边框上给一个背景图片(吐槽下,这玩意就是个鸡肋),用法如下color: 给边框加颜色,但这个必须加上style配合使用,使用方法如下。

2023-04-26 18:58:35 103

原创 前端进阶之css3

CSS3是CSS【层叠样式表】的升级版本,于1999年开始制订,2001年5月23日W3C完 成了CSS3的工作草案,主要包括:盒子模型、列表模块、超链接方式、语言模块、背景和 边框、文字特效、多栏布局等。

2023-04-24 22:25:05 64 2

原创 前端进阶之HTML5新特性

html5的新特性

2023-04-24 15:19:11 60

原创 前端进阶之HTML5

文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。中,所有双标签都必须要有结束标签,所有单标签的后面都必须带/。编写结构区域,所有展示在用户端的页面都应包裹在些标签内。注:为开始标签,带斜杠的为结束标签,在。标签内可放入头部标签,结构区,样式,中的内容会展示在浏览器工具栏标题中。),避免浏览器的怪异模式。,它是所有头部元素的容器。)3秒后蹼转到百度。定义文档的标题或名称,声明解析文档的类型(

2023-04-23 22:27:54 118 3

原创 前端开发工程师

前端开发,从字面上来理解,那就是处于最前面的部分,目之所及,第一眼看到的东西,那对于互联网来说,前端部分,就是我们在上网时,首先呈现在大众眼前的页面。由此可见,前端开发工程师就是把客户需求、后端数据(要了解后端请移步搜索什么是后端开发)等由前端技术完整的展现出来,让用户得到更好的浏览体验。

2023-04-23 21:15:49 1357

空空如也

空空如也

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

TA关注的人

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