- 博客(17)
- 收藏
- 关注
RSS订阅原创 axios的使用
一、axios的下载 1.在javascript中可以通过bootcdn(https://www.bootcdn.cn/axios)中获取script标签和链接 2.在node中，直接在打开当前目录的控制台，输入 npm install axios --save,进行安装，如果没有进行过初始化，先要执行 npm init 命令，先进行初始化。初始成功的条件是，在初始化的目录下会生成一个package.json的文件。二、axios的请求配置一、axios的静态方...
2021-11-22 10:22:26
931
原创 ES6中let与const的使用
一、let命令 基本用法 es6中let的命令，用来声明变量，用法与var类似，但是声明的变量，只能在let所在的代码块中有效。形成了局部作用域，对比es5中只有函数作用域和全局作用域，es6中多了局部作用域。 { let a = 1; console.log(a);//1 } console.log(a);//a is not defined ......
2021-11-10 11:29:54
153
原创 JS数组扁平化
一、代码最少的扁平化，利用es6中数组flat()方法（推荐使用） // 利用flat() 参数为指定要提取嵌套数组的结构深度，默认值为 1， // 参数为：Infinity，可展开任意深度的嵌套数组 function flatten4(arr) { return arr.flat(Infinity); } console.log(flatten4([1, [2, [3, 4]]]));//[ 1, 2, 3, 4 ]二、如果数组中的元素都为数字...
2021-09-14 19:38:08
112
原创 JS数组去重
一、es6中去重最常用的利用Set去重可以对基本类型（包括NaN）和引用变量进行去重（对比的引用地址，不是内容）（空对象默认两个对象的引用地址不一致） function unique(arr) { var arr1 = [...new Set(arr)]; // var arr1=Array.from(new Set(arr)) console.log(arr1); } var a = { name: 1, age: "2".
2021-09-13 21:47:11
228
原创 JS中正则表达式简单介绍
一、正则表达式的创建及修饰符 1.字面量声明 在一对反斜线中写正则表达式内容，如/abc/ ；正则表达式里面不需要加引号 不管是数字型还是字符串型var reg = /正则表达式/修饰符;var reg = /abc/;2.构造函数构造正则表达式的实例，new RexExp("正则表达式"，“修饰符”);var reg =new RegExp("正则表达式","修饰符");var reg = new RegExp("abc","g...
2021-09-02 19:25:18
279
原创 JavaScript隐式转换
一、数学运算符中的类型转换1.减（-）乘（*）除（/）在对非Number类型的运用数学运算符（- * / ），都会将非Number类型转成Number类型。console.log(-true); //-1 true转为number类型为值为1,false为0console.log(-null); // -0 null转为number类型为值为0console.log(-undefined); // NaN undefined转为number类型为值为NaNco...
2021-08-30 19:58:52
135
原创 javaScript中对象的深拷贝方法总结
前言为什么js对象的赋值有时候需要进行深拷贝？首先js的数据值按照类型主要分为两大类，基本数据类型和引用数据类型。基本数据类型包括Undefined、Null、Number、String、Boolean、Symbol(es6中新增)；引用数据类型则为Object,那些Array、function ,es6中新增的map、set也属于Object。为什么引用数据类型要用深拷贝呢？这个例子就可以很明显告诉你深拷贝和浅拷贝的区别： let user = { name: "张三",.
2021-08-23 23:12:14
351
原创 CSS布局之定位布局
一、静态定位（ Static positioning）是所有元素的默认定位方式。意味着将一个元素定位在默认文档流中。 position: static;二、相对定位（ Relative positioning ） 相对定位就是相对于自己以前在标准流中的位置来移动 position: relative; 使top,right,bottom,left来控制。单独使用相对定位很少，大部分都是和绝对定位一起使用，形成子绝父相。 注意点： 相对定位是不脱离标准流的,...
2021-08-16 20:23:59
159
原创 CSS布局之浮动布局
一、float布局 浏览器默认的排版方式就是标准流（文档流）的排版方式 ，标准流中有两种排版方式, 一种是垂直排版, 一种是水平排版 垂直排版, 如果元素是块级元素, 那么就会垂直排版 水平排版, 如果元素是行内元素/行内块级元素, 那么就会水平排版。 但是如果希望块元素在页面中水平排列，可以使块元素脱离标准流(文档流/普通流)，使用float来使元素浮动，从而脱离标准流(文档流/普通流)。 float取值：none，默认值...
2021-08-16 19:56:06
634
原创 CSS边框盒子和内容（默认）盒子的区别
一、内容盒子（默认盒子） 内容盒子也称为普通盒子，也是默认使用的盒子。其特点为：当我们为一个盒子指定width属性的时候，实际上width仅为内容content的宽度，当padding和border变大的时候，内容宽度不变，盒子所占的总体宽度要变大。他的box-sizing的值为content。可以通过box-sizing来改变一个元素的盒子类型内容盒子：内容区域宽： width； 内容区域高：height盒子的宽：paddingLift+...
2021-08-16 19:20:19
544
原创 CSS盒子属性
一、盒子简介 盒子一般指的是块元素，盒子是我们布局的重要机制。一个盒子应该由外边距、边框、内边距、 内容组成。 盒子一般有两个种盒子，一种为：内容盒子(W3C盒子),另一种为边框盒子(IE盒子模型)，这里只是简单介绍一下，在下篇有详细的介绍着两种盒子的区别。下面的图片说明了盒子模型(Box Model)：二、width和heightwidth内容宽度，块级元素默认 100%，单位可以：px em %。max-width、min-width定义最大和最小的宽度，设置这个两个..
2021-08-09 23:26:22
947
原创 CSS选择器的详解
一、css简介 是一个用于修饰文档（可以是标记语言HTML，也可以是XML或者SVN）的语言，可以将文档以更优雅的形式呈现给用户。是前端入门必学的一门语言。 用CSS来修改样式的好处： 不用记忆哪些属性属于哪个标签。 当需求变更时我们不需要修改大量的代码就可以满足需求。 在前端开发中CSS只有一个作用, 就是用来修改样式。用CSS来修改样式的缺点： 要记忆哪些标签有哪些属性, 如果该标签没有这个属性, ...
2021-08-08 17:13:40
375
原创 HTML中表单标签的使用！
一、input的简介 <input> 标签用于搜集用户信息。 根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。二、常见的input元素明文输入框 type="text" <input type="text" name="account" placeholder="请输入用户名"> name:表单提交时，会作为参数的名称，结合输入的值进行匹配，组成 参数名=参数...
2021-08-05 19:03:18
455
原创 HTML标签块级元素与行内块元素区别，以及一些特殊元素的使用！
一、HTML简介HTML不是一个编程语言，它是一门超文本标记语言。很多才学习前端的小伙伴总是将html认为是一门编程语言。它的作用是在于告诉浏览器如何构造你的页面。它可以由一系列HTML元素组合成web开发人员想要的简单或者复杂的页面。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 HTML特点超文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网 （WWW）盛行的原因之一，其主要特点如下：1.简易性：超文本标记语言...
2021-08-03 18:46:53
372
原创 Axure：如何在Axure中使用中继器
软件版本：Axure R9操作步骤：一、 1.打开Axure，在原件库中找到继器，把他拖到工作区中：2.双击工作区间的中继器可以进入中继器的单元，可以将原来的单元放大，缩小，填入新的元件，或者直接删除原先的原件，放入自然的原件，也可以对放入中继器的元件设置交互和样式效果。可以使得重复的模块，变得更好，更节省时间。二、将数据渲染到中继器对于中继器可以像数据库一样对它进行增删查改。1.将数据填入到中继器的数据区，中继器的数据一行...
2021-08-01 21:37:59
5559
2
原创 如何在Axure使用iconfont图标库里的图标
Axure是一个很好用的一个帮助设计者快捷而简便的设计出基于网站构架图的带注释页面示意图、操作流程图、以及交互设计，并可自动生成用于演示的网页文件和规格文件，以提供演示与开发的软件。对于Axure自带的有默认的图标库，但是这仅仅只是满足了基本的需求，想要更加好看的图标，iconfont这个网站是一个不错的选择，里面的图标可以满足你更高的一个需求。要想在Axure中使用iconfont里面的图标。第一步：下载Axhub这个扩展程序（注意这个扩展程序仅仅只能在Google Chrome浏览器...
2021-07-27 20:35:20
1865
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人