barbed-CSDN博客

原创 vue+echarts 立体渐变色柱状图

参考自https://www.jianshu.com/p/341a6aac7c92。

2023-08-12 18:52:02 159

上传本地项目到github1、在github上点击New repository，如下图所示：2、在本地项目右键选择git Bash Here3、初始化本地项目 git init4、将本地项目与远程仓库连接git remote add origin https://github.com/xiaoliu-123/study.git远程仓库地址：5、更新本地代码，将远程仓库代码更新到本地注意分支名mastergit pull origin master如果分支名是main则为 git

2020-10-21 17:04:54 126

原创在github上删除一个repository

1、进入仓库的详情页，找到settings2、点击settings,滑到最下端，点击Delete this repository3、在输入框输入要删除的repository，然后点下方的按钮删除。4、点删除后出现该界面，输入github密码确定即可。...

2020-10-21 16:59:22 494

原创 axios请求

axios默认发json格式数据1、 get 参数带在params:{}2、 post 参数带在data:{}发表单格式：发表单数据就行，qs转数据就行发json格式：发js对象，不用转换，axios帮忙转换get请求axios({ url: '', method: 'get', // get 带参，参数带在params上 get请求不用设置请求头 params: { }, })post请求axios({ url:

2020-10-01 11:07:16 82

原创三角形粒子运动

效果(这里只是截了一个静态图，实际上里面的粒子是运动状态的)：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>粒子</title> <style&gt

2020-09-20 11:20:47 195

原创 jQuery封装的ajax使用

ajax1.后台接口的路径url2.后台接口的请求方式3.请求的参数格式4.请求头的设置5.相应数据的获取$.ajax({ //请求的路径 url: '', //请求方式 method: '', //请求携带的数据 data: {}, //请求头的设置 headers: {}, //请求成功回调函数 success: function (res) { //res就是后台响应的数据 }, //请求失

2020-09-20 11:03:49 95

原创原生ajax使用

ajax是异步的JavaScript和XML。用来进行异步请求。浏览器可以用来向服务器发送一个ajax请求，进行页面的局部刷新。get方式请求//创建对象var httpRequest = new XMLHttpRequest();//建立连接httpRequest.open('get', URL+'?' + qs.stringify(params));//认证//httpRequest.setRequestHeader("Authorization",sessionStorage.getIt

2020-09-20 10:43:12 241

原创 js 深浅拷贝

深拷贝就是复制内部内容浅拷贝就是复制内存地址var obj = {};//浅拷贝 -->引用传递(浅拷贝就是赋值，将钥匙复制一份)var o = obj;//深拷贝 -->内部内容复制一份（将房子复制一份）//方法一var str = JSON.stringify(obj);var obj3 = JSON.parse(str);//方法二var obj4 = {};//遍历obj对象，将obj对象的内容复制到obj4中。for (var key in obj) {

2020-09-20 10:24:49 77

原创 js 更改函数内部this指向的几种方式

1、函数名.call(执行环境对象,实参列表);2、函数名.apply(执行环境对象,实参列表数组);3、函数名.bind(执行环境对象)(实参列表);4、函数名.bind(执行环境对象，实参列表)();var obj = { name: 'lili', sayThis: function (a, b) { console.log(this, a, b); }}obj.sayThis(1, 2);obj.sayThis.call({}, 1, 2);o

2020-09-13 14:09:23 220

原创数组方法

数组方法：pop(),push(),shift(),unshift(),reverse(),sort(),concat(),slice(), splice(),indexOf(),lastIndexOf(),every(),some(),filter(),map(),forEach();1、栈 pop()、push()var arr = [4, 5, 6, 7, 8, 9, 5, 7, 4, '5'];// push() 可接受任意类型的参数，将它们逐个添加到数组的末尾，并返回数组的长度var

2020-09-13 12:40:51 68

原创 String方法

String的11个方法：charAt(), charCodeAt(), indexOf(), lastIndexOf(), concat(), slice(), substring(), substr(), trim(), toLowerCase(), toUpperCase()1、charAt() 返回给定位置的字符2、charCodeAt() 返回给定位置的字符的字符编码3、indexOf() 从前往后查找指定字符所在位置4、lastIndexOf() 从后往前查找字符串所在位置，可以有第二个

2020-09-13 11:51:01 86

原创闭包&解决闭包问题

1、函数和对其周围状态（lexical environment，词法环境）的引用捆绑在一起构成闭包（closure)。2、函数与函数所依赖的上下文环境组成闭包问题。3、闭包指的是：能够访问另一个函数作用域的变量的函数。清晰的讲：闭包就是一个函数，这个函数能够访问其他函数的作用域中的变量。var arr = [];for (var i = 0; i < 10; i++) { arr[i] = function () { console.log(i); }; }

2020-09-13 11:37:47 462

原创我理解的js中的原型

每一个构造函数都有一个原型对象，通过构造函数的prototype可以访问原型对象。当调用构造函数创建一个新实例后，该实例的内部将包含一个指针指向构造函数的原型对象。实例所能调用的属性和方法可以是实例本身，也可以是实例的原型对象的。...

2020-09-13 10:59:18 109

原创 JS 实现10的阶乘 (for、while、do-whild、递归)

10的阶乘：10! = 10 * 9! = 10 * 9 * 8! = ┄ = 10 * 9 * 8 * 7 * 6 * 5 * 4 *3 * 2 * 11、for 循环实现10！function jc1(num) { var str = '10!='; var sum = 1; for (var i = num; i > 0; i--) { sum = sum * i; if (i == 1) { str = str

2020-09-13 10:11:49 6863 2

原创 float实现12栅格系统

12栅格系统布局，需要几份就占份，比如4–8分；2–10分下面的结果图是每个都只占一份<style> /* 占一行中的一列 */ .col-1 { width: calc(100%/12); /* width: 8.33333%; */ } /* 占一行中的两列 */ .col-2 { /* width: 16.66666%;

2020-09-12 16:11:33 275

原创 position定位

position定位元素有相对定位、绝对定位、固定定位、粘性定位position定位可以用来进行网页布局1、相对定位：相对于原先位置进行定位，在没有设置定位属性的情况下，默认在当前位置。相对定位不脱离文档流，原先位置保留。2、绝对定位：如果有定位祖先元素，相对于离该元素最近的定位祖先元素进行定位，如果没有定位祖先元素，相对于视口区定位。如果没有设置定位属性，那么在原来位置显示。绝对定位脱离文档流，原先位置不保留。3、固定定位固定在视口区的某一位置，原来位置不保留，如果没有设置定位属性

2020-09-12 15:51:54 141

原创 Float浮动&清除浮动产生的影响

Float浮动：浮动元素脱离文档流，原先位置不保留，飘在文档流上方一、兄弟元素之间的浮动<body> <div class="one"></div> <div class="two"></div></body>1)、未浮动时<style> .one { width: 100px; height: 100px; background-color

2020-09-12 15:21:34 255

原创 css图片精灵技术

1、CSS Sprites（图片精灵）技术可以减轻服务器的负载，提高网页加载速度。将网页需要的多个小图片整合到一张大图片上，原先需要访问多次服务器来获取对应的图片，现在可能只需要获取一张图片即可。2、实现方式：给元素设置背景图片，重复方式为不重复，然后通过设置background-position属性来设置背景图片的位置。3、使用图片精灵技术实现下面图片中音乐图标的显示代码实现：div { width: 140px; height: 140px; /* 背景图片 */

2020-09-12 14:29:22 678

原创 css盒子水平居中

盒子水平居中<body> <div class="one"> <div class="two"></div> </div></body>①利用margin:0 auto;<style> .one { width: 200px; height: 200px; background-color: rgb(155, 199, 199)

2020-09-12 14:05:49 315

原创 CSS选择器的优先级计算

1、行内样式，style属性内的特性值 1000<div style="width: 100px;">one</div>2、id选择器的特性值 100#one { width: 100px;}<div id="one">one</div>3、类选择器、伪类选择器、属性选择器特性值 10/* 类选择器 */.one { width: 100px;}/* 伪类选择器 */div:first-child { he

2020-09-12 13:16:20 349

原创 Html块级元素与行内元素

1、块级元素 block独占一行空间，用来布局段落，列表，导航菜单，等等。不将块级元素嵌套进行内元素中。设置宽高有效。2、行内元素 inline与其他元素共享一行空间，一般嵌套在块级元素中。设置宽高无效<style> div { width: 100px; height: 100px; background-color: pink; } span { width: 100px;

2020-09-12 12:46:35 87

原创 html中的锚点实现

html中的锚点是使用超链接来实现的超链接中的href 表示跳转的目的地，当href的值为目标元素的ID值，即可实现锚点跳转 href="#目标元素的ID值" <a href="#one">跳转到one</a> <div id="one">one</div>...

2020-09-12 12:23:29 456

原创 button表单控件之可提交与不可提交

1.可提交的如果是写在form表单内：能提交 <button>提交</button>type为submit能提交<input type="submit" value="提交"><button type="submit">提交按钮</button>2.不可提交的如果是写在form表单外，不可提交 <button>提交</button>type为button 不能提交<button t

2020-09-12 12:15:09 681

原创简单操作dom节点的属性和内容

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>操作DOM节点的属性和内容</title> <script> window.onlo

2020-09-06 10:53:53 79

原创 js 页面跳转的几种方式

js 页面跳转的几种方式①location.assign(‘URL值’); 页面跳转，有历史记录②location = ‘URL值’; 页面跳转，有历史记录③location.href = ‘URL值’; 页面跳转，有历史记录④window.open(‘URL值’); 打开一个新的选项卡<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &

2020-09-06 10:37:19 167

原创 JS继承有几种？如何实现继承？

JS继承有几种？如何实现继承？js有3种继承：原型链继承、经典继承(借用构造函数)、组合继承(原型链继承+经典继承)实现继承：原型链继承：当原型对象等于另外一个类型的实例即继承。 Dog.prototype = new Animal();经典继承：在子类型对象上执行父类型函数中定义的所有对象初始化的代码。 Animal.call(this,type,age);function Animal(type, age) { this.type = type;

2020-09-05 23:21:27 130

原创 CSS动画-西天取经-师徒四人走动特效

CSS动画-西天取经-师徒四人走动特效css代码：* { margin: 0; padding: 0; } body { background-image: url(./大话西游/background.jpg); animation: bg 30s steps(1920) infinite; } div { widt

2020-08-10 23:51:34 1256 2

原创 Html相关知识点大纲&注意点

Html学习知识点大纲&注意点这几天学习了html，做一下知识点的大纲，方便学习以及回顾。在学习和使用html的过程中，还有一些是我们需要注意的点。比如1、块级元素和行内元素可以放到块级元素内，块级元素不可以放到行内元素内（也不是真的不可以，只是最好不要把块级元素放进行内元素内）。2、块级元素和行内元素是可以相互转化的。3、块级元素，独占一行，设置宽高有效。行内元素，与其他行内元素共享一行，设置宽高无效。img，元素既不是块级元素页不是行内元素。...

2020-08-08 16:19:55 239

barbed的博客