- 博客(34)
- 收藏
- 关注
RSS订阅原创 Git的使用
答：我们借助开发工具VSCode中的功能，如果合并有冲突，在对应的代码上VSCode会提供三个选项，保留当前代码，保留传入代码，都保留，我们开发者之间沟通，了解需要保留的代码然后选择合适的选项，最后进行提交推送集合。分支的目的是进行隔离开发，让同一个项目的开发者之间互不影响，最终我们会把分支上的代码合并到某一个分支上。切换到develop分支，然后变基到自己的分支上，然后其他一样的操作，就能让develop分支保持最新，包含所有人的代码。Git的安装及其简单，虽然配置很多，但是默认全部下一步即可，注意！
2023-03-15 20:11:45
163
原创 存储 Cookie、localStorage、SessionStorage的区别
在JS中存储在客户端数据有很多方式：本地存储、会话存储、Cookie、indexedDB。
2023-03-15 20:06:29
87
原创 ES6的认识
ECMAScript是欧洲计算机协会提出的规范，我们JS的语法就是用这个语法，Javascript分为三部分ECMAScript + DOM + BOMIE8浏览器支持ES3，IE9之后支持ES5，没有ES4，因为ES4的修改过于激进，所以没有成为标准。2015年ES2015标准提出。从这个标准之后，ES版本都是以年份作为描述，前端界还会以数字称呼，称为ES6。每一年ECMAScript都会新增一些新的api，但是新增的内容都比较少，所以我们统称后续的ECMAScript为ES6+。
2023-03-15 20:04:49
109
原创 FileReader读取文件
基于该对象，我们可以实现对选中的读取操作fileReader读取的文件需要从input中获取let file = this.files[0] // 就是我们选中的文件fileReader.readAsDataURL(file) // 读是一个异步操作。需要在fileReader的onload事件中获取对应的结果给fileReader绑定onload事件// this.result 就是我们的读取的结果 是一个base64。
2023-03-15 20:01:48
1331
原创 防抖和节流
加入防抖的效果大家是可以预见的，它抑制住了高频操作，此时用户持续输入，并在 1s 内重新输入时是不会触发打印操作的，核心就在这个 1s 内，如果用户停止输入并超过 1s ,则会执行打印。说的通俗点就是：你尽管频繁触发事件，但我一定是在触发事件的n秒后才执行，如果在前一个事件触发的n秒内又重新触发了这个事件，那就以新的事件的时间为准，n 秒后才执行。运行上面代码，可以看到每次释放键盘时控制台都在打印，频率很高，但因为要执行的操作只是简单的打印，所以感受不到性能的消耗。事件，每次释放键盘时打印输入值，我们。
2023-03-15 19:59:10
62
原创 修改函数调用的this指向 call apply bind
函数在调用时this指向可以随意的进行修改。通过使用call apply bind可以修改对应的this指向。
2023-03-15 19:54:55
43
原创 深拷贝和浅拷贝
如果属性是引用类型，拷贝的就是内存地址 ，所以如果其中一个对象改变了这个地址，就会影响到另一个对象。浅拷贝只能实现一层的拷贝，无法进行深层次的拷贝。不管原数据中值是什么类型的数据，拷贝后的新数据跟原数据是相互独立，没有关联的。浅拷贝只拷贝第一层，深层的引用值只拷贝地址。深拷贝会拷贝所有的内容。浅拷贝：创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。深拷贝会拷贝所有的属性，并拷贝属性指向的动态分配的内存。当对象和它所引用的对象一起拷贝时即发生深拷贝。如果属性是基本类型，拷贝的就是基本类型的值。
2023-03-14 16:00:35
33
原创 定时器的认识
在网页上我们有相关需求在我们使用定时器时，我们想要带代码去执行，需要放在一个函数中。定时器(function () {}, 延迟时间)js执行代码，优先执行同步代码，然后才执行异步代码。延迟时间单位为毫秒。1000 是 1s。
2023-03-14 15:48:03
34
原创 js元素常见的尺寸
我们在网页上通常要获取到元素的尺寸，可以从样式入手，用getComputedStyle获取。但是因为带的有单位，并且获取时不方便。所以我们可以使用其他操作。
2023-03-14 15:47:32
66
原创 DOM的认识
变量名.innerText = "值" // 设置DOM对象上的内容，因为这个DOM对象和网页有关联，所以网页上对应的内容改变。document.querySelectorAll("选择器") // 得到符合条件的所有的DOM对象的集合。我们把一个网页抽象为DOM树，在DOM树上的元素我们成为DOM元素，都是有互相之间的关系。input.value = "新的value值" // 将input中的内容设置成新的值。我们css可以设置HTML的样式，我们可以用js来设置CSS，依靠js对样式的抽象的对象。
2023-03-14 15:44:50
66
原创 蓝湖和MasterGo的使用
蓝湖是一个解决方案：解决了前端开发和UI设置之间的沟通的方案。随着UI设计师的设计工具越来越繁杂，我们不能再像传统的合作模式一样。为了解决这个问题，蓝湖应运而生。不管设计师用的是什么设计软件，上传到蓝湖上表现都一样。
2023-03-11 15:39:51
3353
1
原创 作用域的认识
什么是作用域，通俗讲，作用域内部的变量无法被外部获取。用来产生一个封闭的空间，防止外部的变量污染内部的变量。作用域中的变量名允许和外部或者其他作用域中的变量重名，不会受到任何影响。比如，一个班级有两个叫张三的，是会影响到提问问题的。但是两个张三如果分散在不同的组里，就不会影响了。
2023-03-11 09:26:09
50
原创 数组和字符串方法
在JS中内置了很多的方法，不同的对象有不同的方法（方法其实就是对象中的函数）方法名: function () {}obj.方法名()
2023-03-11 09:25:10
95
原创 内置对象及方法
let 变量 = Math.floor(Math.random() * (n - m + 1) + m)我们可以通过 new Date().getTime() 获取到距离1970年1月1日0点0分0秒的毫秒数.Math.floor(Math.random() * 100 + 1) // 0 - 100 包含100。Math.floor(Math.random() * 100) // 0 - 100 不包含100。获取到的值从0开始,到11结束,0-11分别代表 1-12月.在进行月份的计算时,要+1。
2023-03-11 09:21:53
43
原创 CSS过渡
当一个元素从一个样式（关键帧）到另外一个样式（关键帧）变化时，我们可以使用过渡效果。纯CSS中，通常我们可以使用hover来作为样式变化的操作。元素的样式能发生变化我们才有机会添加对应的过渡属性，过渡属性要加给元素全程生效的样式上。选择器 {transition: 要过渡的属性名 过渡时间 过渡曲线 过渡延迟时间;一个过渡效果的产生必定需要两个值：要过渡的属性名 过渡时间。
2023-03-11 09:14:26
252
原创 BFC的认识
是Web页面的可视化CSS渲染的一部分，是布局过程中生成块级盒子的区域，也是浮动元素与其他元素的交互限定区域BFC 是一个,可以理解为一个容器,在这个容器中按照一定规则进行物品摆放,并且不会影响其它环境中的物品。
2023-03-11 09:14:23
44
原创 CSS动画
和过渡不同，动画是需要定义规则的，并且可以有多个关键帧，而且动画可以实现自动播放，多次播放的效果。选择器 {animation: 动画规则名 动画时长 动画曲线 动画延迟时间 动画次数 动画方向 动画填充模式 动画的状态;想要实现一个动画，我们必须先创建动画的规则@keyframs 自定义名字 {在规则中，有对应的写法@keyframs 自定义名字 {0% {}n% {}100% {}n代表的是数字，可以有很多个。在百分比后面的大括号中，我们需要写对应的样式。
2023-03-11 09:13:20
41
原创 弹性盒子的认识
和align-item类似，align-item是设置给容器，控制所有的项目在副轴上排列方式的。只要我们添加了该属性，那么这个元素就是一个弹性盒子，弹性盒子是在块元素和行内元素之外的一种新的元素形式。flex-shrink只要不设置为0，都会自动压缩，值的大小控制的是元素被压缩的比例。如果没有设置高度的情况，是直接拉伸的，顶flex-start 立 flex-end，如果设置了高度，则和flex-start一样的效果。如果在主轴上，容器的尺寸小于项目在主轴方向上的总尺寸，那么对应的尺寸被压缩。
2023-03-10 19:45:08
267
原创 定位属性的认识
定位在网页布局的应用中很重要，在我们使用这个属性时，不要滥用。定位分为四类定位：相对定位、绝对定位、固定定位、粘性定位。我们可以使用position属性来定义我们对应的元素的定位模式，使用了该属性后，我们将拥有五个其他的属性。
2023-03-10 19:40:47
82
原创 浮动的认识
浮动最早出现的时候不是为了做整个页面布局的，他是为了实现一种效果，叫文字环绕。后来因为浮动的属性特殊，用来做横向布局使用。所以学习完浮动后，我们遇到横向布局，可以直接用浮动实现。浮动这个属性未来一定会被弹性盒子完全替代。选择器 {浮动支持以下属性。
2023-03-10 19:39:55
39
原创 CSS样式-盒模型样式
如果已经设置好了宽高，然后在这个基础上添加了padding值，那么我们就需要区减去对应的padding值的宽高值，这个操作很麻烦，后续我们有更好的方法。为了我们对应的大部分的用户的显示器都能正常访问我们的网站，所以我们会选用一个固定的宽度居中，来作为网页主体内容展示的区域，这个区域叫版心（安全宽度）。可以同时给四个边进行边框的设置，同时也可以单独的定义每个方向上的边框。本质上，圆角的值指的就是对应的⚪的半径。外填充叫margin，在我们对应的页面上，元素和元素之间的间距都可以使用外填充实现。
2023-03-10 19:31:31
95
原创 CSS的样式
在设置字体时，我们可以设置很多的字体，因为这里的字体是去浏览我们网页的计算机中进行查找的。因此不能小于12px。不用害怕，未来我们对颜色该如何选择，不是前端开发工程师的工作，是UI设计师的工作。如果一个元素的字体大小为16px，在这个元素中使用em，1em就是16px 2em 就是 2x16 = 32px。像素更加精准，我们只需要能够根据UI设计提供的字体大小能够去设置给对应的元素即可，不需要我们自定自定义。了解即可，基本上网页上是不会让我们设置文字倾斜的，唯一的用处，就是把默认倾斜标签改成正常形态。
2023-03-10 19:29:20
305
原创 CSS的选择器
CSS的能力，就是通过选择器选择到对应的某些/某个元素，然后设置属性，改变他们的样式。如何才能选择到我们的元素呢？选择器 {属性: 属性值;属性: 属性值;
2023-03-10 19:28:19
39
原创 行块标签的认识
a input label em i b strong u del s等等这些标签，我们使用时，内容多宽，标签就占多宽，后面跟着的内容会出现在这些标签的右面。p h1-h6 ul li ol li等等这些标签，我们使用时，独占一行。默认情况块元素在网页中独占一行，与内容无关，其他元素无法和它在同一行上。div主要用来划分区块，哪些元素属于一个整体，我们就可以用div来包裹。内容撑开元素，内容多宽，元素就多宽。在网页中，很多标签都有语义，代表着不同的内容。div为块标签，span为行标签。
2023-03-09 19:39:38
52
原创 CSS的样式认识
在设置字体时，我们可以设置很多的字体，因为这里的字体是去浏览我们网页的计算机中进行查找的。因此不能小于12px。不用害怕，未来我们对颜色该如何选择，不是前端开发工程师的工作，是UI设计师的工作。如果一个元素的字体大小为16px，在这个元素中使用em，1em就是16px 2em 就是 2x16 = 32px。像素更加精准，我们只需要能够根据UI设计提供的字体大小能够去设置给对应的元素即可，不需要我们自定自定义。了解即可，基本上网页上是不会让我们设置文字倾斜的，唯一的用处，就是把默认倾斜标签改成正常形态。
2023-03-09 19:39:12
109
原创 HTML常见标签
在网页中，我们html 内容中的回车会被渲染成空格，不管几个回车都会被渲染成一个。空格也是，不管多少个空格都会被渲染成一个空格。在网页上显示一个标题，标题标签有6个，分别h1、h2、h3、h4、h5、h6。使用p标签标示网页中段落，段落的特点，另起一行排列，段落和段落之间有距离。在我们的网页上，我们需要通过超链接的方式，将页面跳转到另外的页面中。<h1>一级标题</h1><h2>二级标题</h2><h3>三级标题</h3><h4>四级标题</h4><h5>五级标题</h5><h6>六级标题</h6>
2023-03-09 19:35:48
35
原创 HTML常见标签-表单
但是如果想要让多个radio有单选效果，就必须给对应的单选框添加相同的name属性，值可以为任意值。一个表单曾经需要用form包裹，现在因为前端有更好的技术实现数据交互，所以form标签不重要了，用不用form标签包裹，都可以。该标签有一个属性，叫for，这个属性的属性值，如果和对应的某个input的id值相同的话，就能实现对应的效果了。自己的电脑上尽量不要用密码保存功能，别人只要修改输入框中的type类型，密码就会显示。现在我们不能实现真正的上传文件的操作，想要实现还需要结合JS和后台一起，才能实现。
2023-03-09 19:35:36
108
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人