- 博客(43)
- 收藏
- 关注
原创 sass学习(一)复习总结:使用变量、嵌套规则、导入
官方文档地址: https://www.sass.hk/guide/发现很多公司要求掌握sass或scss,那就学习一下吧
2021-12-04 14:00:24
75
原创 记录一下OD机试的题
做题之前HR让我刷牛客上的题,我没有刷到类似的。记录一下今天做的题。1、判断有几个正方形。第一行给你一个数字,意思是将会有几个坐标,接下去的几行接收坐标。根据接收到的坐标,输出这些坐标可以构成几个正方形。一开始我没看提示,向量垂直判断正方形,数学差,想了很久,后来看到的时候都没时间了。2、最少交换几次。第一行给出一串数字,用空格分开,第二行给出1个数字k,要求是我想要一个新的字符串,让所有比k小的连接在一起,需要移动几次。3、是个无向图最短路径问题。每一行给你三个数 起点 终点 消耗,最后一行是起点和
2021-12-03 19:12:10
508
2
原创 CSS复习高级部分(三)web字体、2D转换transfroms、3D转换
![一、 WEB字体1、不同的字体格式2、使用需要字体,与平时见到的CSS用法不同,这里用@font-face{font-family:’’src:’’}3、CSS字体的相关属性必须:font-family src可选: font-stretch font-style font-weight unicode-range二、transformstransforms这个新特性,有一个特点,在移动元素的同时,却不会引起浏览器的重排,GPU会为其开启一个新的复合图层,不会影响默认复合图层(
2021-11-20 19:54:37
241
原创 CSS复习高级部分(二)渐变 阴影 文本效果
一、渐变1、线性渐变background: linear-gradient(direction, color-stop1, color-stop2, …);linear线性除了用于普通的渐变效果,还可以用于画一条0.5px的线background-image: linear-gradient(0deg, #f00 50%, transparent 50%);让1px的线一半有颜色,一半是透明,就是0.5px了2、径向渐变background-image: radial-gradient(s.
2021-11-20 19:17:32
449
原创 CSS复习高级部分(一)圆角、边框图像、多重背景
其实CSS的一共总结了那么多,一直懒得发出来,今天把学完的发出来,顺便复习一下CSS。一、圆角CSS的圆角还常用于绘制圆形,可以用 border-radius:50%二、边框图像source slice width outset repeat 其实不止是边框背景图像,其它元素也有差不多的属性。三、多重背景1、多重背景的概念2、多重背景的相关属性backgroud-size|origin|clipsize,尺寸,contain:有包含的意思,背景图是能完全看到的;cover:覆盖cli
2021-11-20 18:08:48
222
原创 记录一下今天犯的一个低级错误Uncaught (in promise) ReferenceError: err is not defined
用vue做项目,用AXIOS获取数据,然后对数据进行筛选,代码如下然后就开始报错了百思不得其解,搞了半天,结果发现是因为我给变量collections定义是const,但是后来却改变了,居然会犯这么低级的错误,真是太弱智了,修改过后就没有报错了控制台正常输出结果...
2021-11-20 01:00:27
13395
原创 令人崩溃的mysql 1045错误
记录一下自己的错误。教程链接跟着上面的链接安装配置MYSQL,到了得到了密码这一步就卡住了,一直报错。之后让我输入密码,然后就开始了噩梦这个密码真的有问题啊,从图片上看怎么都是1T%Ty(enn5(4但是我复制下来就是lT%Ty(enn5(4,然后我从1到I到L 大写小写都试了好几遍,确定了不是自己的问题,然后在网上找教程,比如在my.ini里放个代码skip_grant_tables然后跳过什么的,但是一直没成功,不是1045错误就是2003错误,最后就决定重新来过。net start
2021-11-06 19:36:48
274
原创 mysql数据库初始化报错 No such file or directory)
学完了前端的基础知识,准备做一个项目,可以准备面试。初始化mysql数据库就遇到了问题。mysqld: Can’t create directory ‘D:\mysql-8.0.26-winx64\mysql-8.0.26-winx64\data’ (OS errno 2 - No such file or directory)我是照着网上的教程一步一步做的,后来网上搜了一些资料,也知道了自己的问题在哪里。my.ini的配置内容我是完全复制别人,导致了错误[mysqld]# 设置3306端口p
2021-11-06 17:21:58
6563
1
原创 前端手写代码练习
1、手写数组的乱序输出 let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9] for (let i = 0; i < arr.length; i++) { const randIndex = Math.floor(Math.random() * (arr.length - i - 1)) + i; let temp = arr[i] arr[i] = arr[randIndex];
2021-10-31 16:27:36
215
原创 05代码输出结果-函数声明可以提升,函数表达式不提升
今天看到代码function fn1() { console.log('fn1') } var fn2 fn1() fn2() fn2 = function() { console.log('fn2') } fn2() // 会报错 因为fn2并没有提升输出结果:给出的理由很简单,说是因为第一个fn2(),这时fn2仍
2021-10-29 06:23:27
113
原创 04代码输出结果-关于箭头函数与普通函数的this指向问题
箭头函数不绑定this,它的this来源其父所处的上下文。通过代码来验证一下。let obj1 = { name: 'a', fun1: () => { name: 'b' console.log(this, this.name) } }obj1.fun1()输出结果:window ‘’箭头函数fun1()的父级是obj1,obj
2021-10-28 18:23:45
189
原创 03代码输出结果-关于promise.race
Promise.all和Promise.race是一对经常放在一起的方法。Promise.all,接受一个数组作为参数,当参数中所有promise抖完成,该promise完成,返回值是全部值的数据。其实很好理解,实验一下也很容易就成功了。但是对于promise.race。我一开始的理解也是很浅显的,race,赛跑,race中接受的也是参数,但是当跑得最快的那个结束了,整个就结束了。但其实并不是这样。 function runAsync(x) { const p = new Pro
2021-10-28 07:50:33
502
原创 02代码输出结果-异步promise-finally
<script> Promise.resolve('1') .then(res => { console.log(res) }) .finally(() => { console.log('finally') }) Promise.resolve('2') .fi...
2021-10-28 01:25:48
379
1
原创 01代码输出结果异步
<script> const promise1 = new Promise((resolve, reject) => { console.log(1); console.log(2) }) promise1.then(() => { console.log(3) }) console.log(4) </script&g.
2021-10-28 01:01:44
98
原创 CSS复习中级部分(五) 单位与特异性
单位与特异性也算是CSS 面试中比较常见的点了特异性可以用于样式选择的优先级,不要总是简单地说 行内>id>类,需要说得更详细一些其实还有一个important,是优先级最高的,∞大,但是如果是继承者,父亲有important,但是对于子类来说,继承的来的是优先级最低的。需要注意。...
2021-10-03 10:44:02
68
原创 CSS复习中级部分(四)图片库、图像精灵、计数器、网站布局
图片库 图像精灵:相当于自己创建了一个页面中的组件,设置组件的样式计数器: CSS有自己的计数器。其实可以用vue或JS很多方式实现,感觉没有什么大用,了解一下即可网站布局: 布局尽量用HTML语义化标签 header,footer,section 等...
2021-10-03 10:38:01
75
原创 CSS复习中级部分(三)对齐 导航栏 下拉菜单
中级教程(三)分为三个部分对齐、导航栏、下拉菜单其实基本都是学习过的内容,实际上是对各个学习过的知识点的综合应用。包括普通的形状、颜色样式,以及点击效果,悬停效果用到的伪类位置用到了float position等,同样是面试中常考的点...
2021-10-03 10:29:30
322
原创 创建Vue脚手架报错command failed: npm install --loglevel error
创建了一天用了好几种方法都没有成功,重装了好几遍,最后在网上看到一个方法,终于成功了去C:\Users\你的用户名下面,把这个文件删了,居然就成功创建了
2021-09-27 15:56:35
401
原创 CSS复习中级部分(二)溢出overflow、浮动float以及清除浮动的方法、display等
一、overflow属性及它可能出现的值,内容溢出元素框时的做法二、浮动foat属性及它的值三、清除浮动 一般来说,可以 clear:both,或是设置clearfix类四、布局display的值
2021-09-10 01:31:49
153
原创 CSS复习中级部分(一)布局:display,position,z-indenx,clip剪裁
中级教程,开始学习布局一、display的作用和值有哪些二、width好max-width的用法三、用position定位,这也是面试中高频出现的知识点,static(默认),relative,absolute,fixed,sticky(粘性,较少出现)四、z-index当出现重叠时元素的出现位置五、clip 剪裁...
2021-09-10 01:25:49
209
原创 CSS复习基础部分(二)引入、颜色、背景、注释
一、使用三种使用方法二、注释*开头*/结尾三、颜色 直接输入颜色 rgb与rgba模式 hsl与hsla模式四、背景backgroud-*
2021-09-04 18:48:59
70
原创 CSS复习基础部分(一)语法、选择器
这一部分主要对 CSS概念、CSS语法,以及CSS选择器进行了复习。比较难的是CSS选择器,内容很多。在这上面花费了较多时间。太多了,记不清楚。而且很多是很相似的。例如:first-child 和:first-of-type ;属性选择器中的|=和^=,需要注意区别。CSS选择器有如下几种分类1、简单选择器2、组合选择器3、伪类选择器4、伪元素选择器5、属性选择器其中伪类和伪元素很相似,伪类有一个冒号,伪元素有两个冒号。after,before比较特殊,可以一个冒号,也可以有两个冒号,它们本
2021-09-04 17:00:49
66
原创 HTML复习(六)HTML5新标签
一、HTML新元素二、HTML5与HTML不同之处,包括新特性和被删部分三、HTML5 API包括地理信息、拖放、本地存储、应用缓存等
2021-09-03 02:58:45
120
原创 HTML复习(五)
一、表单的补充二、多媒体元素的插入包括了视频、音频等主要元素有object embed audio video等嵌套使用,audio和video的属性要记一下
2021-09-02 05:25:34
94
原创 HTML复习(四)表单
表单部分知识点很多,也有很多新的标签和属性。我是在W3C上复习的,发现很多地方其实是一笔带过,讲得不是很清楚,还是要多查资料,才能清楚。思维导图并没有写出所有的标签和属性,只写了大部分用得比较多的。...
2021-09-02 02:48:51
106
原创 DOM创建表格
HTML DOM 给 <table> <tbody> <tr>元素添加了一些属性和方法。也就是<table> <tbody> <tr>,你是要用appendChild创建的,其它增删改查,可以用这些方法。table:tbody:tr现在准备利用上面的方法创建一个这样的表格newTable.createCaption().appendChild(document.createTextNode("Caption"));
2021-08-21 03:24:58
422
原创 JavaScript高级程序成绩(第四版)笔记 DOM-ELement元素,查询设置属性与创建元素
思维导图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><h1 id="idh" style="color:red">dd</h1><div id="div1" style="myStyle" title="a
2021-08-19 15:15:01
122
原创 JavaScript高级程序成绩(第四版)笔记 DOM-Document类型定位元素 文档写入
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="id1"> <h1 id="id4">123</h1> <script type="text/jav.
2021-08-18 19:26:35
217
原创 JavaScript高级程序成绩(第四版)笔记 DOM-Document类型(一)
建立两个文档Document类型是js中表示文档结点的类型。document是HTMLDocument的实例顺便复习一下Object.getPrototypeOf,这个方法可以找到当前实例的原型console.log(Object.getPrototypeOf(document));控制台结果Document类型的特征:nodeType 9nodeName #“document”nodeValue nullparentNode nullownerDocument null子
2021-08-18 14:54:56
82
原创 JavaScript高级程序设计(第四版)笔记 Node类型的各种方法
思维导图先创建两个文档html文档中的代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Dom学习</title></head><body><h1 id="h11">abcd</h1><div id="Div1"> <h1>这是一个d
2021-08-18 12:32:07
158
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人