![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习
恬一
这个作者很懒,什么都没留下…
展开
-
promise .then实例化 promise.all .allSettled .race
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>原创 2021-03-31 20:01:01 · 184 阅读 · 0 评论 -
js基础——数组字面量
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> //创建一个数组 /原创 2021-02-21 23:51:48 · 122 阅读 · 0 评论 -
js基础——数组
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><script> /* 内原创 2021-02-21 23:49:21 · 72 阅读 · 0 评论 -
js基础——构造函数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> /* 使用工厂原创 2021-02-05 01:44:07 · 81 阅读 · 0 评论 -
js基础——工厂方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> /* 工厂原创 2021-02-04 00:18:58 · 312 阅读 · 0 评论 -
js基础j——this
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> /* 解析器原创 2021-02-04 00:03:21 · 278 阅读 · 0 评论 -
transform的基本使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box1{原创 2021-01-28 11:24:33 · 319 阅读 · 0 评论 -
vue笔记整理——计数器案例03
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <div id="a原创 2020-12-29 00:57:44 · 144 阅读 · 0 评论 -
Vue笔记整理——列表的展示02
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <div id="a原创 2020-12-29 00:49:33 · 80 阅读 · 0 评论 -
前端框架——Vue笔记整理01
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <div id="a原创 2020-12-29 00:39:30 · 138 阅读 · 0 评论 -
一天一个webpack报错小总结———更新到webpack初阶学完为止
webcpack.config.js文件中的相关代码注释/* webpack.config.js webpack的配置文件 作用:指示webpack干哪些活儿(当你运行webpack时,会加载里面的配置) *重点:所有的构建工具都是基于nodejs平台运行的~模块化默认采用commonjs*///resolve:用来拼接绝对路径的方法const {resolve} = require('path');module.exports={ //webpack配置原创 2020-12-13 12:39:49 · 910 阅读 · 0 评论 -
ES6新特性——函数的扩展
```handlebars<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body>原创 2020-11-12 17:51:15 · 138 阅读 · 0 评论 -
CSS——表单的常用属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <form acti原创 2020-10-17 15:43:59 · 442 阅读 · 0 评论 -
CSS——表单介绍
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <!--原创 2020-10-17 15:41:18 · 131 阅读 · 0 评论 -
前端——表格样式2
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> table{原创 2020-10-16 09:36:47 · 511 阅读 · 0 评论 -
前端——表格简介1
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <!--原创 2020-10-16 09:32:33 · 123 阅读 · 0 评论 -
js基础-函数作用域
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> /* 函数作原创 2020-09-05 09:25:34 · 98 阅读 · 0 评论 -
js基础-全局作用域
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> /* 作用域原创 2020-09-05 09:22:47 · 127 阅读 · 0 评论 -
js基础-变量的声明提前
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> /* 变量的声原创 2020-09-05 09:18:11 · 116 阅读 · 0 评论 -
js基础-实参练习
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> /* 练习1原创 2020-09-03 20:00:26 · 154 阅读 · 0 评论 -
js基础-函数的返回值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> /* 创建一个原创 2020-09-03 16:00:27 · 189 阅读 · 0 评论 -
js基础-函数的参数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><script> /* 定义原创 2020-09-03 15:47:08 · 119 阅读 · 0 评论 -
js基础-函数
函数原创 2020-09-03 15:35:14 · 380 阅读 · 0 评论 -
js开篇
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> /* 可以以将js代码写到原创 2020-09-03 10:44:34 · 235 阅读 · 0 评论 -
前端裁图-如何使用ps软件将矩形图片裁剪成圆角矩形
1.ps打开一个图片2.用矩形工具画出一个矩形覆盖在要裁剪的图形上3.将圆角矩形转化为矩形选区,方式:ctrl+鼠标左键(鼠标左键选中的是矩形图层,一般图层在ps界面的右侧栏)矩形变为选区后是一个虚线框4.将右侧两个图层同时选中,矩形选框图层的位置在被裁剪图层下(注意图层的位置顺序笔记中的第六步即为接下来要操作的第五步,手误,懒得修改6.crtl+shift+i 反选,反选之后选择的是被裁除的边角,按delete删除多余的选区,图层裁剪完成最后保存图片,图片裁剪完成...原创 2020-08-22 11:21:16 · 6424 阅读 · 0 评论 -
前端笔记——粘滞定位
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>导航条</title> <link rel="stylesheet" href="./reset.css"&原创 2020-08-05 22:27:04 · 360 阅读 · 0 评论 -
前端笔记——固定定位
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> body{原创 2020-08-05 22:21:52 · 647 阅读 · 0 评论 -
前端笔记——绝对定位
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> body{原创 2020-08-05 22:19:21 · 457 阅读 · 0 评论 -
前端笔记——相对定位
定位(position)-定位是一种更加高级的布局手段-通过定位可以将元素摆放到页面的任意位置-使用position属性来设置定位可选值:static(默认值,元素是静止的,没有开启定位)relative:开启元素的相对定位absolute:开启元素的绝对定位fixed:开启元素的固定定位sticky:开启元素的粘滞定位1.相对定位(relative):-当元素的position属性值设置为ralative时则开启了元素的相对定位-相对定位是参照元素在文档流中的位置进行定位的-相对原创 2020-08-05 22:12:37 · 1096 阅读 · 0 评论 -
前端笔记——常见的超链接的伪类
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=<device-width>, initial-scale=1.0"> <title>Document</title> <style> /*原创 2020-08-05 19:16:34 · 242 阅读 · 0 评论 -
前端笔记——伪元素选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> p::first-letter{原创 2020-08-05 19:13:59 · 102 阅读 · 0 评论 -
前端笔记——伪类选择器
<!DOCTYPE html><html lang="en"> <style> /* 将ul里的第一个li设置为红色 */ ul>li.first{ color:red; } /* 伪类:不存在的类,特殊的类 -作用:描述一个元素的特殊状态 -eg:第一原创 2020-08-05 19:04:42 · 132 阅读 · 0 评论 -
前端基础笔记——关系选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title><style> /* 为div的子元素span设置一个原创 2020-08-05 18:41:38 · 134 阅读 · 0 评论 -
前端基础笔记——复合选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> /* 交集选择器:原创 2020-08-05 18:38:53 · 151 阅读 · 0 评论 -
前端基础笔记——常用选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>常用选择器</title> <style> /* 将所有的段落设置原创 2020-08-05 18:05:25 · 103 阅读 · 0 评论 -
前端笔记:html,css实现导航条的界面展示
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>导航条</title> <link rel="stylesheet" href="./reset.css"&原创 2020-07-30 13:23:21 · 318 阅读 · 0 评论 -
前端笔记——meta标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <!-- meta主要用来设置一些元数据,元数据不是给用户看 ccharset指定王爷的字符集 name 指定数据的名称 content指定数据的内容 keywords表示网页的关键字,可以同时指定多个关键字,关键字之间可以使用,隔开原创 2020-07-08 20:55:21 · 184 阅读 · 0 评论 -
前端笔记-——空格、」、「符号的使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> </head><body> <!-- 在网页中编写多个空格,默认为一个空格 在1html中有时候不能直接写一些特殊符号,比如多个连续空格, 比如字母两侧的大于号和小于号 实体的语法: &实体的名字; .原创 2020-07-08 20:52:27 · 2885 阅读 · 0 评论 -
前端笔记——HTML基础篇
<!doctype html><html><!-- head标签,该标签中的内容。不会在网页中直接显示, 它用来帮助解析浏览器中的页面 --> <head><!-- title是网页的标签,默认会显示在浏览器的标题栏中 搜索引擎在检索页面时,会首先检索title标签中的内容 它是网页中对于搜索引擎来说最重要的内容,会影响到网页在搜索引擎中的排名 --> <title>网页的标原创 2020-07-06 12:07:40 · 112 阅读 · 0 评论