勤劳的小钟-CSDN博客

原创 el-upload文件上传修改文件名称

el-upload文件上传修改文件名称

2022-09-27 14:59:24 5291

需要安装vue-jsonpnpm install vue-jsonp --save全局引入main.js文件import { VueJsonp } from 'vue-jsonp'; // 网上很多博客引用不加{}，会报错Vue.use(VueJsonp);在项目中使用this.$jsonp('http://api.map.baidu.com/geocoding/v3/', { address: 'address', //地址 output:.

2022-02-25 15:59:08 1299

原创 vue-admin-template解决前端跨域问题---简单快速（vue-cli3）

1.跨域无非就是：协议、域名、端口不同导致vue-cli3提供了一个 proxy选项，用来代理接口转发流量。我们可以在根目录下新增vue.config.js文件，添加如下的配置：proxy: { '/api': { //后端的接口固定开头 target: 'http://域名',//后台接口地址 ws: true, //// 是否启用websockets changeOrigin:.

2021-11-23 15:45:34 1840

原创 DOM介绍

DOM是JS操作网页的接口，全称为“文档对象模型”（Document Object Model）。它的作用是将网页转为一个JS对象，从而可以用脚本进行各种操作（比如增删内容）。DOM提供了一种表述形式将文档作为一个结构化的节点组以及包含属性和方法的对象。从本质上说，它将web页面和脚本或编程语言连接起来了。DOM可以理解成网页的编程接口。1.节点DOM最小的单位叫做节点。文档的树形结构（DOM树），就是各种不同类型的节点组成的。节点类型有七种：Document、DocumentTyp..

2021-09-23 21:22:24 2656

原创 js------继承

1.原型链继承每个构造函数都有一个原型对象，原型对象有一个属性指回构造函数，实例内部也有一个属性指向原型对象。那就意味着这个原型本身有一个内部指针指向另一个原型，相应地另一个原型也有一个指针指向另一个构造函数。这样就在实例和原型之间构造了一条原型链。//创建一个Animalfunction Animal(){ this.name='animal';}Animal.prototype.getAnimalName=function(){ console.log(this.name

2021-09-08 19:53:05 69

原创 JavaScript-------深入理解对象

JavaScript工厂模式工厂模式的作用创建对象；降低代码的冗余度。function person(name,age,gander){ return { name:name, age:age, gander:gander, sayName:sayName=function(){ console.log(name); } }}var p1=person('larry',20,'mal...

2021-09-06 18:41:41 61

原创 js----基本包装类型

按照最新 ES 标准定义，基本数据类型(primitive value)包括 Undefined, Null, Boolean, Number, Symbol, String。为了便于操作基本类型值，ECMAScript提供了3个特殊引用类型（基本包装类型）：Boolean, Number, String。基本包装类型，和其他引用类型一样，拥有内置的方法可以对数据进行额外操作。每当读取一个基本类型值的时候，后台就会创建一个对应的基本包装类型对象，从而可以调用一些方法操作这些数据。比如：

2021-08-31 19:08:16 103

原创数组（API）方法重构（全）--pop()、push()、shift()、unshift()、reverse()、sort()、forEach()、every()、some()等方法

pop()pop() 方法用于删除数组的最后一个元素并返回删除的元素。注意：此方法改变数组的长度！// pop()方法重构Array.prototype.mypop = function() { var tem = this[this.length - 1] this.length--; return tem; } var arr = [1, 2, 10, 5, 3]; var num_1 = arr.mypop();

2021-08-30 20:29:01 474

原创三大布局-----Flex布局

flex布局属性容器属性 flex-flow flex-direction flex-wrap justify-content align-items align-content 元素属性 order flex-grow flex-shrink flex-basis flex align-self flex弹性盒模型对于某个元素只要声明了display: flex;，那么这个

2021-08-26 19:18:31 345

原创三大布局------定位布局

定位流分类1.1.静态定位1.2.相对定位1.3.绝对定位1.4.固定定位1.5.粘滞定位1.6.z-index静态定位（ Static positioning）是所有元素的默认定位方式。意味着将一个元素定位在默认文档流中。position: static;什么是相对定位?（ Relative positioning ）相对定位就是相对于自己以前在标准流中的位置来移动 position: relative; 使用top,right,bottom,lef

2021-08-25 20:03:43 152

原创三大布局-------浮动

浮动流排版方式1.浮动流是一种"半脱离标准流"的排版方式 2.浮动流只有一种排版方式, 就是水平排版. 它只能设置某个元素左对齐或者右对齐浮动元素字围现象浮动元素不会挡住没有浮动元素中的文字, 没有浮动的文字会自动给浮动的元素让位置,这个就是浮动元素字围现象。注意点: 1.浮动流中没有居中对齐, 也就是没有center这个取值 2.在浮动流中是不可以使用margin: 0 auto;特点: 1.在浮动流中是不区分块级元素/行内元素/行内块级元素...

2021-08-25 19:38:32 79

原创 CSS盒模型

目录内容盒子（W3C盒子）边框盒子（IE盒子）内容盒子（W3C盒子）默认盒子模型使用box-sizing属性可以改变盒子模型，取值“content-box”的盒子为默认盒子模型。width 属性仅表示盒子内容所占的宽度height 属性仅表示盒子内容所占的高度W3C盒子内容区的宽width内容区的高height盒子的宽width+paddingLeft+paddingRight+borderLeft+borderRight盒子的高heig

2021-08-17 15:04:30 71

原创 CSS----盒子模型、背景样式

目录盒子属性边框属性外边距属性内边距属性CSS盒子模型内容盒子（W3C盒子）边框盒子（IE盒子）CSS盒子背景样式盒子属性文档中的每个元素都可以被看作是一个矩形盒子。具有如图的一些属性。margin外边距代表盒子四周的区域。相邻元素的边距会合并（margin collapsing）border设定介于padding的外边缘与margin的内边缘之间，默认值为0padding内间距在任何定义的边界内的元素内容周围生成空间width &am

2021-08-17 14:57:03 303

原创 CSS----字体、文本样式/列表样式

color 为字体指定颜色颜色取值可以是对应颜色单词、rgb（0，0，0）里面对应分别是红绿蓝、rgba（255，0，0，0.2）a对应的是后面0.2，这个值的取值范围是0~1。<style>//颜色对应的英文单词color:"red";//rgb的取值范围0~255rgb(125,125,125)//rgba和rgb一样，就多了一个透明度的调节argba(255,255,255，0.2)</style>font-style 用于打开和关闭斜体文本格

2021-08-16 19:17:55 349

原创 CSS三大特性

- 继承性作用: 给父元素设置一些属性, 子元素也可以使用, 这个我们就称之为继承性注意点: 1.并不是所有的属性都可以继承, 只有以color/font-/text-/line-开头的属性才可以继承 2.在CSS的继承中不仅仅是儿子可以继承, 只要是后代都可以继承 3.继承性中的特殊性 3.1 a标签的文字颜色和下划线是不能继承的,当做子元素 3.2 h标签的文字大小是不能继承的，在做子元素<div> <a href="https://.

2021-08-10 19:59:24 75

原创 CSS简单介绍与常用的选择器

文章目录css3简介使用语法 css的引入方式 css选择器 css的三大特性总结前言学习css我们必须掌握选择器的基本使用方式，了解选择器的作用提示：以下是本篇文章正文内容，下面案例可供参考一、css是什么？CSS 是层叠样式表，是一个用于修饰文档可以是标记语言HTML，也可以是XML或者SVN）的语言，可以将文档以更优雅的形式呈现给用户。HTML和CSS之间的关系：HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文...

2021-08-10 19:49:16 137

原创 HTML功能元素

1.列表：先后之分：有排行榜无新闻列表商品列表无序列表 ul/li 班级-学生导航栏 <ul> <li>内容显示区域</li> </ul>无序列表的样式： <ul type="value"></ul> disc 默认值实心圆 circle 空心圆 square 实心方块有序列表 ol/li 奥运会排行榜： <ol...

2021-08-04 19:07:47 86

原创 HTML介绍和基本标签的使用

1.什么是HTMLHTML是超文本标记语言。HTML不是一种编程语言而是一种标记语言，用于在浏览器构造你的页面。“超文本”就是页面可以包含图片、链接、甚至音乐、程序等非文字元素。HTML也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和

2021-08-02 20:16:37 973

原创 Axure RP9入门介绍----小白

原型介绍原型（prototype）这个词来自拉丁文的词proto，意谓“最初的”，意义是形式或模型。在非技术类的文中，一个原型是给定种类的一个代表性例子。在这里我们主要讲的是软件原型，在软件开发中，一个原型是产品或数据系统的一个基本的实用模型。软件原型包含但不限于：功能、交互、UI。软件开发工程中原型的地位：便于快速沟通、确定明确需求Axure介绍Axure RP是一款专业的快速原型设计工具。Axure（发音：Ack-sure），代表美国Axure公司；RP则是Rapid Pro.

2021-07-27 19:39:19 17154 1

weixin_45116146的博客