![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端基础
文章平均质量分 62
saberrrrrrrr
代码搬运工
展开
-
Vue开发 常用方法总结
Vue开发中实用方法总结原创 2021-12-16 11:01:02 · 2022 阅读 · 2 评论 -
npm install --save 和 --save-dev 区别,到底什么时候用
1. npm install 包名将包安装到 node_modules 目录中运行npm install 时不会下载模块不会修改 package.json 文件2. npm install -g 包名全局安装,不会在 node_modules 目录中保存运行 npm install 时不会下载模块不会修改 package.json 文件3. npm install --save 包名将包安装到 node_modules 目录中运行npm install 会下载模块运行npm转载 2021-12-15 09:40:23 · 1176 阅读 · 0 评论 -
Blob对象、FormData对象
Blob对象Blob 对象表示一个不可变、原始数据的类文件对象。它的数据可以按文本或二进制的格式进行读取,也可以转换成 ReadableStream 来用于数据操作构造函数Blob() 构造函数返回一个新的 Blob 对象。 blob的内容由参数数组中给出的值的串联组成。语法:var aBlob = new Blob( array, options )array —— 一个由ArrayBuffer, ArrayBufferView, Blob, DOMString 等对象构成的 Array ,或原创 2021-12-14 15:42:10 · 2050 阅读 · 0 评论 -
Vue 简单的axios封装
vue项目中对axios的简单封装原创 2021-12-13 15:26:13 · 5211 阅读 · 1 评论 -
canvas常见问题
问题:canvas画笔颜色和其他标签的css颜色都设置为"white",显示出来的颜色差距很大,如下图:解决方案:设置画笔的宽度为2及其以上ctx.lineWidth = 2(具体原因不清楚)效果:原创 2021-05-20 09:54:07 · 841 阅读 · 1 评论 -
前端导出pdf、excel方法记录
导出pdf1、html2canvas+jspdfdownloadPDF (ele, pdfName) { const eleW = ele.offsetWidth // 获得该容器的宽 const eleH = ele.offsetHeight // 获得该容器的高 this.tempTop = document.documentElement.scrollTop document.documentElement.scrollTop = 0 // 防止在对原创 2020-11-04 13:23:17 · 569 阅读 · 0 评论 -
javascript中对象Object的常用方法
感觉好久没写博客了,记录一下js中编程常用的方法ObjectObject.keys(obj) 方法的参数是一个对象,返回一个数组。该数组的成员都是该对象自身的(而不是继承的)所有属性名。Object.getOwnPropertyNames(obj) 方法与Object.keys类似,也是接受一个对象作为参数,返回一个数组,包含了该对象自身的所有属性名(包括不可枚举(继承的属性))。...原创 2020-10-19 17:29:20 · 432 阅读 · 0 评论 -
g2plot图表库1.x版本折线图踩坑记录
1.折线图显示为直线解决办法:将xAxis、yAxis的type属性设置为linearyAxis: { title: { visible: true, text: this.formData.yAxis.label }, type: 'linear' }, xAxis: { // 坐标轴标题 title: { visible: true, text: this.formData.xAxis.label }, type:原创 2020-10-19 17:24:06 · 1352 阅读 · 0 评论 -
数据结构相关
记录一下数据结构的一些东西,方便复习应用二叉树结点的度:结点拥有的子树的数目叶子结点:度为0的结点分支结点:度不为0的结点树的度:树中结点的最大的度层次:根结点的层次为1,其余结点的层次等于该结点的双亲结点的层次加1树的高度:树中结点的最大层次森林:0个或多个不相交的树组成。对森林加上一个根,森林即成为树;删去根,树即成为森林。满二叉树定义:高度为h,并且由2h-1个结点组...原创 2020-03-02 14:48:28 · 173 阅读 · 0 评论 -
css Grid布局记录
网格布局(Grid)是最强大的 CSS 布局方案。基本概念采用网格布局的区域,称为"容器"(container)。容器内部采用网格定位的子元素,称为"项目"(item)。ex:<div class="gridContainer"> <div class="fir"><span>fir</span></div> &l...原创 2019-10-18 14:58:53 · 227 阅读 · 0 评论 -
AJAX axios JSONP简单实现
AJAX AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术完整教程实现: <div class="container" style="text-align: center"> <button id="btn">请求数据</button> <div id="text"></...原创 2019-09-16 14:36:49 · 1807 阅读 · 0 评论 -
前端基础知识点总结
本文主要总结学习过程中自己觉得重要或者不懂的小知识,持续更新原创 2019-09-03 10:30:37 · 481 阅读 · 0 评论 -
js中let,const,var命令区别浅析
let,const,var都是用来声明变量的命令,其中let和const都是ES6新添加的命令,要理解他们,首先得引入块级作用域这个概念。块级作用域在ES5中,还只有全局作用域和函数作用域两个作用域,这会导致很多不合理的地方,具体请看阮一峰大神的讲解在ES6中引入了块级作用域的概念,用大括号{}来表示,本人对其的理解就是新生成一个独立的块,这其中let和const命令声明的变量和外面的块是互...原创 2019-08-30 10:14:33 · 418 阅读 · 0 评论 -
HTTP协议及常用HTTP状态码
记录一下HTTP的状态码 ,以便复习1XX:通知(服务器收到请求,需要请求者继续执行操作)2XX :成功(操作被成功接收并处理)3XX:跳转,重定向(需要进一步的操作以完成请求)4XX:客户端出错(请求包含语法错误或无法完成请求)5XX:服务端出错(服务器在处理请求的过程中发生了错误)常见状态码100:继续 客户端应当继续发送请求。客户端应当继续发送请求的剩余部分,或者如果请求...原创 2019-07-13 18:54:24 · 327 阅读 · 0 评论 -
html文本级容器级标签、css行内(内联)块级元素
html标签容器级的标签可以简单的理解为能嵌套其它所有标签的标签。常见容器级的标签: div h ul ol dl li文本级的标签对应容器级标签,只能嵌套文字/图片/超链接的标签。常见文本级的标签:span p buis strong只列举了一部分,想要知道其他的可以查官方文档点此查看更多html标签css元素css中的块级元素基本与html中的容器级标签对应,包括: ...原创 2019-07-04 20:34:57 · 785 阅读 · 0 评论 -
css position属性
position属性指定一个元素(静态的,相对的,绝对或固定)的定位方法的类型。absolute 生成绝对定位的元素脱离文档流生成绝对定位 相对于static定位外的第一个父元素(有定位的父元素,否则一直找到html进行定位)进行定位fixed 生成绝对定位的元素脱离文档流的绝对定位 相对于浏览器窗口进行定位relative 生成相对定位的元素相对...原创 2019-07-04 21:07:56 · 167 阅读 · 0 评论 -
css浮动 BFC(块级格式化上下文)
float:left设置之后元素可能会浮出容器脱离文档流 内容便不会撑开父容器 此时需要清除浮动才能恢复解决方法1.额外标签法: clear:left、right、both 注:在子元素后添加(不推荐使用)例<div class=huaweiapp></div>清除浮动 在div关闭前加上<div style="clear:both"></...原创 2019-07-04 21:48:19 · 143 阅读 · 0 评论 -
JSON小demo及知识点
博主学习时练习的静态json小demo,有静态判断登录、对象字符串相互转换三个小功能JSON 指的是 JavaScript 对象表示法(JavaScript Object Notation)JSON 是轻量级的文本数据交换格式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF...原创 2019-07-12 15:59:00 · 215 阅读 · 0 评论 -
初学Bootstrap+JQuery后的响应式静态网页编写以及过程中遇到的一些问题
学习bootstrap时练习仿写了一个自适应页面遇到的问题导航栏( navbar-nav)对齐方法不能在ul中添加justify-content-* 应该在其外层div上添加才能生效 并且在设置对齐方法以后 外边距等属性失效 不能同时设置设置滚动监听事件使用data-spy="scroll"的元素需要将其position属性设置为relative才能起作用设置a...原创 2019-07-12 16:40:15 · 636 阅读 · 0 评论 -
css外边距折叠塌陷
博主对外边距折叠问题的总结 外边距折叠,指的是毗邻的两个或多个外边距 (margin) 会合并成一个外边距。其中所说的 margin 毗邻,可以归结为以下两点:这两个或多个外边距没有被非空内容、padding、border 或 clear 分隔开。这些 margin 都处于普通流中。发生折叠的情况两个或多个毗邻的普通流中的块元素垂直方向上的 margin 会折叠。...原创 2019-07-19 15:28:01 · 277 阅读 · 0 评论 -
原生html+css+javascript仿写的静态华为商城网页
由于博主是将文件分开存放,代码也很多,所以就不粘贴代码啦,附上代码获取地址项目github地址https://github.com/saberla/imitate-HUAWEI-mall效果预览 https://saberla.github.io/imitate-HUAWEI-mall/html/HUAWEI.html网页截图:由于这个项目是博主很久之前所写,所以细节问题暂不总...原创 2019-07-30 22:01:25 · 9825 阅读 · 45 评论 -
正则表达式表单验证(姓名、性别、电话、邮箱、密码)及知识点总结
正则表达式(regular expression)是一种表达文本模式(即字符串结构)的方法,有点像字符串的模板,常常用来按照“给定模式”匹配文本。本人在学习之后写了一个表单验证demo,话不多说,上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &...原创 2019-08-23 20:07:22 · 38364 阅读 · 5 评论 -
js中的arguments对象用法用途
定义由于 JavaScript 允许函数有不定数目的参数,所以需要一种机制,可以在函数体内部读取所有参数。这就是arguments对象的由来。(个人理解为调用时可以传入任意数量的参数而不是定义时的参数个数,所以需要arguments)虽然arguments对象并不是一个数组,但是访问单个参数的方式与访问数组元素的方式相同,arguments对象包含了函数运行时的所有参数,arguments[0...原创 2019-08-17 12:02:05 · 536 阅读 · 0 评论 -
HTTP方法 get post请求方法区别
博主之前看了一些面经 大多数都问到了关于 get post两种请求方法的区别,所以博主也去各种渠道了解了下并加以总结,以便复习。以下为博主了解到的基础的知识,较为浅显,如有错误,还请联系博主改正。最简单的一些区别:GET在浏览器回退时是无害的,而POST会再次提交请求(浏览器应该告知用户数据会被重新提交)。GET一般用于获取/查询资源信息,而POST一般用于更新资源信息(具体解释请...原创 2019-07-13 18:24:48 · 299 阅读 · 0 评论