笔记
文章平均质量分 71
Robergean
先动脑不如先动手
展开
-
webpack学习笔记总结
webpack是一个模块打包器,将有依赖关系的资源经过 webpack 打包处理成独立的静态资源原创 2021-09-14 14:08:26 · 202 阅读 · 0 评论 -
element-ui 组件样式bug,涉及menu,select,dialog,使用append-to-body进行处理。
element-ui 组件样式bug,涉及menu,select,dialog,使用append-to-body进行处理。原创 2022-09-27 18:33:09 · 1600 阅读 · 0 评论 -
解决git clone代码,报错remote: The project you were looking for could not be found or you don‘t
git clone代码问题 报错 remote:The project you were looking for could not be found or you don't have permission to view it.原创 2022-07-26 16:39:59 · 11509 阅读 · 0 评论 -
vue获取文件流(视频流、音频流、图片流)数据并将其回显展示
如果我们在请求接口获取数据时不指定返回数据类型的话,我们获取到的可能就是一堆乱码数据。因此我们在axios接口请求里面需要指定responseType为blob获取到数据之后用对应标签进行展示,例如 audio标签 中的 src 需要直接指向 blob 数据的话是没有用的,所以应该创建一个 url 来指向的的 blob 数据,然后将 url 赋给 audio 的 src 属性。......原创 2022-07-25 19:15:24 · 11992 阅读 · 10 评论 -
关于this.$refs.audio.play is not a function的问题
既然是个数组那问题就好办了,在设置的时候加上索引[ 0 ] 就可以了。this.$refs.audio[0].play();转载 2022-07-25 18:45:17 · 1946 阅读 · 0 评论 -
uniapp开发项目问题记录
关于uniapp开发小程序中遇到的问题总结原创 2022-07-15 16:05:41 · 160 阅读 · 0 评论 -
学习前端的第三十二天——ES6
今天学习一些ES5新增的方法还有数据渲染,以及ES6原创 2021-07-12 15:55:58 · 128 阅读 · 0 评论 -
学习前端的第三十一天——正则表达式
今天学的内容比较少,主要就是正则表达式,不过在讲这个之前先说说浏览器的一些行为。一、浏览器的默认行为form表单,当咱们点击submit按钮的时候浏览器会自动提交表单a超链接标记,默认就具有点击事件右键菜单 (oncontextmenu)阻止默认行为 var a = document.querySelector('a'); a.onclick = function(e){ e = e || window.event; //只能阻止常用的浏览器,不能阻原创 2021-07-12 10:28:39 · 145 阅读 · 0 评论 -
学习前端的第三十天——DOM事件
今天主要还是做练习和昨天的回顾吧,还有对事件的学习一、事件流概念:事件流描述的是从页面中接收事件的顺序。事件发生时会在元素节点之间按照特定的顺序传播,这个传播过程也叫做DOM事件流。事件流:分为事件冒泡与事件捕获两种一个完整事件包含 捕获阶段 —> 目标阶段 —>冒泡阶段事件冒泡:当事件发生后,这个事件就要开始传播(从里向外或者从外向里)。所以,当最里面的元素触发了事件的时候,会依次向上触发所有元素的相同事件(从触发事件的元素开始一直向上触发),但是事件冒泡对我原创 2021-07-01 10:00:27 · 160 阅读 · 0 评论 -
学习前端的第二十九天——DOM文档对象模型
昨天学习了BOM,今天学习DOM和事件,不过在讲之前得先说说js选择器一、js选择器document.getElementById() 通过id名称获取元素 具有唯一性document.getElementsByTagName() 通过标记名称获取元素,获取的是一个伪数组document.getElementsByClassName() 通过class类名获取元素,获取的是一个伪数组document.getElementsByName()通过标记的name属性的属性值获取元素,获取的是一个伪原创 2021-06-30 11:21:01 · 131 阅读 · 0 评论 -
学习前端的第二十八天——BOM浏览器对象模型
今天就重点介绍下BOM一、BOM介绍1、BOM( Browser Object Model)→ 浏览器对象模型。2、BOM 作用:主要提供了访问和操作浏览器各组件的方式。window浏览器窗口对象是js中最大的对象。其他所有的对象,都是window的子对象document文档对象,代表一个网页location地址栏对象,对地址栏的操作一些方法navigator浏览器软件对象,主要用来判断用户用的是什么浏览器,可以解决兼容性问题screen屏幕对象,可以获取屏幕相关的信息history原创 2021-06-28 20:18:45 · 199 阅读 · 0 评论 -
学习前端的第二十七天——data对象以及延时器
今天介绍下定时器和延时器,还有date对象来实现一些效果,话不多说,冻手一、定时器原创 2021-06-28 19:25:14 · 177 阅读 · 0 评论 -
学习前端的第二十六天——ES5严格模式
今天对字符串回顾,然后做了一些练习,学习了ES5的严格模式和格外数组,还是直接展示今天的笔记吧一、ES5严格模式概念:除了正常运行模式外,ECMAScript5添加了第二种运行模式:“严格模式”(strict mode)。顾名思义,这种模式是JavaScript在更严格的条件下运行作用:消除了JS语法的一些不合理、不严谨之处,减少—些怪异行为;消除代码运行的一些不安全之处,保证代码运行的安全;提高编译器效率,增加运行速度;为未来新版本的JS做好铺垫注意:同样的代码,在"严格模式"原创 2021-06-24 20:50:31 · 123 阅读 · 0 评论 -
学习前端的第二十五天——字符串
今天就是回顾了一下昨天的jSON,主要还是学习字符串一、this对象this它是function数据类型提供的一个对象,这个对象指的是某个具体的对象this这个对象会随着函数调用的方式的不同,自身的指向也不同this和return还有arguments是一样的,你可以使用也可以不使用,只要有函数就有它们函数调用方式:函数名() —— 调用window事件调用 —— 调用事件调用者自调用 —— 调用window对象名.函数名() —— 调用对象本身例子:按钮背景切换//h原创 2021-06-24 19:32:46 · 121 阅读 · 0 评论 -
学习前端的第二十四天——选择排序、递归和JSON
今天学习选择排序、递归,还有一些关于数组知识的补充一、选择排序选择排序:思路,先使用第一个数组元素和后面的数组元素依次进行比较,那个大就放在后,那个小就放在前面,然后再使用第二个,第三依次比较var arr = [5, 3, 7, 1];//外层循环执行一次,内层循环执行一轮for(var i=0; i<arr.length-1; i++){ //j=i+1是因为不需要和自身进行比较 for(var j=i+1; j<arr.length; j++){原创 2021-06-24 00:32:12 · 165 阅读 · 0 评论 -
学习前端的第二十三天——数组和冒泡排序
考试周终于来了,忙里偷闲的我又来整理学习笔记了,今天主要学习了数组和冒泡排序,冒泡排序相对来说还是比其他排序方法要好理解。一、Array数组数据类型里面分为基本和引用数据类型:引用(复杂、复合)数据类型里面有哪些?function、Array、objectArray数据类型是一组数的集合,称之为数组作用:在实际的开发中遇到很多数据时,使用基本数据类型处理起来非常麻烦,这个时候就可以使用数组数据类型数组数据类型里面可以放置任意数据类型创建方式1:使用构造函数形式创建数组,原创 2021-06-21 20:33:08 · 207 阅读 · 0 评论 -
学习前端的第二十二天——预解析
今天学习了函数返回值return、作用域以及预解析,发现预解析这一块还是有丶深奥的。一、return函数返回值规则介绍:1、这个返回值是function函数默认自带的,可以使用也可以不使用2、用于外界和函数内部进行沟通的一个"桥梁"3、函数内部可以访问函数外部的东西4、函数外部是访问不了函数内部的,这是函数的规则 — 作用域5、函数这种规则的作用是为了防止数据相互间覆盖和命名污染问题return使用:1、可以让外部的访问函数内部的数据,外部可以通过函数名加括号的形式接收 fn(原创 2021-06-19 16:44:20 · 127 阅读 · 0 评论 -
学习前端的第二十一天——function函数
function函数的介绍及用法原创 2021-06-18 19:28:56 · 3407 阅读 · 0 评论 -
学习前端的第二十天——循环结构
感觉这一块学习的节奏有丶慢,不过也正好把基础打牢固,能学得更细一些。还是说说今天学习的内容吧,今天重点学习了循环结构。不过再说循环之前在讲讲一些其他知识一、三元运算符也叫三目运算符其实它是判断结构的简写形式比较适合判断条件较少的结构语法:判断条件 ? 执行的代码1 : 执行的代码2;含义:如果条件为true,则执行代码1;如果条件为false,则执行代码2例题:// 判断一个年份是闰年还是平年var year = prompt('请输入年份'); year%4==0 &am原创 2021-06-17 17:22:43 · 157 阅读 · 0 评论 -
学习前端的第十九天——数据类型转换
今天继续接着上次学习的内容,没错还是js的概念一、数据类型转换之前学习css的时候,元素类型转换,在实际的开发中有时候需要把其他类型变成自己想要的类型js里面很多情况下都会遇到把其他类型转成自己想要的类型 例如:两个字符串的数字进行相加数据类型转换的方法:Number()、String()、Boolean()Number()把其他类型转成数值类型注意点1、把布尔类型的true转成数值类型结果是12、把布尔类型的false转成数值类型结果是03、把空型转成数值类型结果是04、把原创 2021-06-16 20:25:01 · 1026 阅读 · 0 评论 -
学习前端的第十八天——初识JS
端午放假连续玩了好几天,玩爽了,不过也该收收心了,学习js这一块的难度就会越来越大,逻辑思维的运用也越来越多。一、计算机常识什么是计算机?顾名思义,就是能够进行数据运算的机器(台式电脑、笔记本电脑、平板电脑、智能手机)计算机(computer)俗称电脑,是现代一种用于高速计算的电子计算机器,可以进行数值计算,又可以进行逻辑计算,还具有存记忆功能。是能够按照程序运行,自动、高速处理海量数据的现代化智能电子设备。计算机 详细描述计算机的发明者是谁 ?关于电子计算机的发明者是谁这一问题,原创 2021-06-16 11:56:38 · 162 阅读 · 0 评论 -
学习前端的第一天
记录自己学习前端的过程,初次使用markdown一、建站流程建站流程指的是一个网站从开始编码阶段到最后上线阶段的过程流程:a、购买域名(网址 http://www.jd.com) 作用:可以通过它访问网站 相当于生活中的地址b、购买服务器(租用服务器)作用:存储网站和程序服务器价格是非常高的,为了方便开发使用,有人会购买很多的服务器用于出租服务器分为两种:真实的服务器、虚拟服务器(虚拟云主机),如果购买或者租用服务器价格贵,需要自己维护不方便,有人提出了可以把服务器进行空间的划分,根据原创 2021-05-19 13:56:53 · 175 阅读 · 0 评论 -
学习前端的第十七天——属性扩充
今天对3d属性和动画属性进行学习,然后放个端午的假期后,就准备进入js的学习了一、3D属性transform:translate3d(值1, 值2, 值3);值1表示水平(左右)的位置值2表示垂直(上下)的位置值3表示前后的位置transform:rotate3d(值1, 值2, 值3, 值4);前三个值,0 or 10表示不沿着该轴进行旋转,1表示旋转值4表示度数(deg)transform:scaleZ();表示元素在Z轴进行缩放Z轴上进行缩放其实表示的是厚度原创 2021-06-09 20:33:07 · 126 阅读 · 0 评论 -
学习前端的第十六天
昨天打了疫苗,发现第二针确实比第一针要痛一点,不过也没啥,皮糙肉厚不怕这东西,除了屁股针,我认为是我目前经历过疼痛中最疼的。还是说说今天的东西,今天主要还是学习新属性,3d属性还是挺有意思的。一、渐变1、 线性渐变,从一个方向到另一个方向语法值1表示方向(默认可以省略) 值2表示渐变的颜色background-image: linear-gradient(to bottom,red, yellow); background: linear-gradient(to bottom, r.原创 2021-06-09 17:30:10 · 112 阅读 · 0 评论 -
学习前端的第十五天
最近有大数据的实验要做,发现大数据用的virtualbox里的虚拟机纯敲代码,那是真的累啊,双标记都得手敲,又不能复制,敲了一天人都麻了,而且过几天又要考四级,希望这次能过吧。OK,还是重点说说今天学了些什么,今天内容不是很多,学了iconfont、服务器字体的引用以及媒体查询,大部分时间还是对移动端布局进行布局,今天写了支付宝页面,深深感受到弹性布局的方便。一、iconfont阿里巴巴矢量图标库的网址:https://www.iconfont.cn/GitHub:这是全球最大的程序员交流平原创 2021-06-07 17:50:13 · 204 阅读 · 0 评论 -
学习前端的第十三天
今天学得东西还挺有意思的,学了新的选择器,不过重点还是对弹性盒布局的学习,发现这方法一用方便好多。一、CSS3选择器1、属性选择器不通过对标记命名,可以直接使用标记自身的html属性选取元素元素[属性]{} 选择指定属性 例:input[type]{}元素[属性="属性值"]{} 选择指定属性与属性值 例:input[type="text"]{}元素[属性^="属性值开头"]{} 选择指定属性与属性值开头字符 例:input[name^="J"]{}原创 2021-06-03 20:57:37 · 184 阅读 · 0 评论 -
学习前端的第十二天
啊原创 2021-06-02 17:37:45 · 140 阅读 · 0 评论 -
学习前端的第十天
这几天深受鼠标双击的折磨,非常痛苦,正好趁618换个鼠标。闲聊就到这吧,今天说说布局方式和浏览器兼容问题。一、宽高自适应1、自适应介绍:在以往的开发过程中,大家发现某个区域如果宽度或者高度固定好的话,当再次添加内容的时候,需要去改变宽或者高,不便利于开发和需求更改,所以在布局中需要用到宽高自适应2、实现宽高自适应:宽度自适应,把容器的高度设置为width:auto;或者不设置width如果外层的宽度不设置的情况下,版心设置固定宽度,随着分辨率的改变两边的内容会自适应容器设置了width:.原创 2021-06-01 13:03:31 · 132 阅读 · 0 评论 -
学习前端的第九天
今天换了个新软件使用,HBuilder X,要比dw好用多了,还换成了一个喜欢的主题。使用起来方便,看起来也舒服,回到正题上。今天主要还是补充知识点吧,学习了锚点、透明属性、字幕滚动、以及图片整合技术的使用。一、锚点定义: 是网页制作中超级链接的一种,又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接,运用相当普遍。作用:在同一页面内的不同位置进行跳转。语法:<标记 id="命名"></标记> 给元素定义命名锚记<a href="#命名".原创 2021-05-28 20:29:47 · 423 阅读 · 0 评论 -
学习前端的第八天
今天讲些比较细的东西一、文本在网页中的显示网页中文本分为英文和中文,文本在网页中是如何显示的或者叫做如何解析划分的呢?顶线(top line):中文汉字的的上端沿;中线(middle line):横过英文字母"n"上端沿中间的线;基线(base line) :不是汉字文字的下端沿,而是以英文字母"n"的下端沿,图片默认以基线排列的;底线(bottom line):中文汉字的下端沿,准确来说应该是英文字母"g"的下端沿;行高(line-height):包括内容区与以内容区为基础对称拓展的.原创 2021-05-27 17:18:05 · 116 阅读 · 0 评论 -
学习前端的第七天
今天还是对属性的扩充,而且做了几种不同效果的导航。一、空余空间语法:white-space:nowrap; 强制不换行,与html标记 功能一样。white-space:pre; 强制不换行,把原标记转换成pre标记的功能。white-space:pre-line; | pre-wrap pre-line和pre-wrap区别:line可以合并空格(内容和内容之间打得空格),wrap可以保留,其他的功能是一样的。二、省略号 可能大家不太理解这里为啥说到省略号,我直接打 .原创 2021-05-27 10:06:20 · 97 阅读 · 0 评论 -
学习前端的第五天
好的,今天是学习前端知识的第6天,我又来整理笔记了。今天主要学得内容比较少,就是扩充了一些常用的属性和markdown文本的使用。一、常用属性相关知识关于字体相关属性:1、浏览器默认字体大小是16px,支持的最小字体大小是12px,谷歌浏览器支持的默认字体是微软雅黑2、单位:px像素,固定的意思pt点、榜的意思,这是打印行业里面使用的单位,可以保证设计出来的设计稿,最终的效果不改变pt转换成px 9pt = 12px 9/12 = 3/4 = 0.75em 相对于容器字体大小的单位,可原创 2021-05-25 09:53:21 · 121 阅读 · 0 评论