![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习
文章平均质量分 76
分享自己学习前端的一些笔记和练习
意终有尽时
这个作者很懒,什么都没留下…
展开
-
项目学习知识点
1、上传文件html代码<input type="file" id="upload"><label for="upload" class="uploadlabel"> <img v-if="form.avatar" :src="form.avatar" class="avatar" /> <i v-else class="el-icon-plus uploadericon"></i></label>cs原创 2022-04-26 23:32:11 · 196 阅读 · 0 评论 -
ES6-ES11
1、es6(2015):js的语法规范标准ECMAScript。2、let、const关键字var:有变量声明提升之说;变量可以重名。let:声明的是块级变量(块级作用域);无变量声明提升之说;变量不能重名。const:声明常量(声明一次且赋值一次且在声明时赋值);声明的是块级常量。3、{}对象的解构赋值let{name,age}={name:‘121’,age:20},变量可以无顺序,应用在函数传参中,语义化。对象的强制结构:var obj1={...obj,a=1};,将obj克隆到o原创 2021-11-29 11:09:10 · 396 阅读 · 0 评论 -
vuejs的学习笔记
1、npmnpm:NPM 全称 Node Package Manager,它是 JavaScript 的包管理工具, 并且是 Node.js 平台的默认包管理工具。通过NPM 可以安装、共享、分发代码,管理项目依赖关系。-v:表示查看版本号。npm init 命令初始化项目:新建一个 npm-demo 文件夹,通过命令提示符窗口进入到该文件夹,执行命令进行初始化项目,根据提示输入相关信息,如果使用默认值,则直接回车即可。package name: 包名,其实就是项目名称,注意不能有大写字母,vers原创 2021-10-26 23:25:37 · 332 阅读 · 0 评论 -
Promise的学习笔记
1、promisepromise:ES6引入的一门新技术,是js中进行异步编程的新解决方案。从语法上来说就是一个构造函数。异步编程:fs 文件操作,数据库操作,ajax,定时器。promise优点:支持链式调用,可以解决回调地狱问题。指定回调函数的方式更加灵活,可以在异步任务结束后指定,还可以指定多个。2、promise语法promise实现:const p=new Promise((resolve,reject)=>{});,resolve 解决 函数类型,reject 拒绝 函数类原创 2021-10-26 23:18:11 · 61 阅读 · 0 评论 -
前端编程题
封装函数f,使f的this指向指定的对象1、call()方法是预定义的 JavaScript 方法。它可以用来调用所有者对象作为参数的方法。通过call(),您能够使用属于另一个对象的方法。function bindThis(f, oTarget) { return function(x,y){ return f.call(oTarget,x,y); }}2、apply()方法与call()方法类似,唯一区别是:call()方法分别接受参数。...原创 2021-10-25 14:48:36 · 123 阅读 · 0 评论 -
JavaScript的BOM学习
BOMBOM,浏览器对象模型,可以使我们通过JS来操作浏览器,在BOM中为我们提供了一组对象,用来完成对浏览器的操作。BOM对象BOM对象:Window,代表的是浏览器的窗口,同时window也是网页中的全局对象。Navigator,代表的是当前浏览器的信息,通过该对象可以来识别不同的浏览器。Location,代表当前浏览器的地址栏信息,通过Location可以获取地址栏的信息或者操作浏览器跳转页面。History,代表浏览器的历史记录,可以通过该对象来操作浏览器的历史记录,由于隐私原因,该对象原创 2021-10-13 11:52:02 · 79 阅读 · 0 评论 -
JavaScript的DOM学习
DOMDocument Object Model,文档对象模型。节点对象:文档(nodeName:#document,nodeType:9,nodeValue:null),元素(标签名,1,null),属性(属性名,2,属性值),文本节点(#text,3,文本内容)。document对象document:浏览器会提供文档节点对象,是window属性,代表整个网页。文档方法:getElementById(),通过id获取对象。btn.innerHTML属性可以改变按钮的文字。win原创 2021-10-13 11:15:10 · 140 阅读 · 0 评论 -
前端面试题集锦
div元素水平垂直居中的方法第一种:<style> .a { height: 300px; background-color: hotpink; position: relative; } .b { width: 100px; height: 100px; background-原创 2021-10-12 15:41:17 · 461 阅读 · 0 评论 -
JavaScript学习笔记
JavaScript简介javascript实现的组成:ECMAScript(标准),DOM(标准),BOM。js的特点:解释型语音(不需要编译,直接运行),类似于c和java语音,动态语音,基于原型的面向对象。js编写:js代码写在网页中,html文件中的script标签中,<script type="text/javascript">。警告框:alert("")。往body里面写内容:document.write(“”)。...原创 2021-10-12 20:03:12 · 373 阅读 · 0 评论 -
CSS学习笔记
CSS简介CSS是一个层叠样式表,网页实际上是一个多层结构,通过css可以为网页的每一层设置样式,而最终我们看到的只是网页的最上一层。总之,css是用来设置网页中元素的样式。CSS的使用第一张方式:(内联样式、行内样式)在标签内部通过style属性来设置元素的样式 <p style="color:red;font-size:60px;"></p>但是这种方式不推荐使用。问题:使用内联样式,样式只能对一个标签生效,如果希望影响到多个元素必须每一个元素中都复原创 2021-10-11 15:52:43 · 287 阅读 · 0 评论 -
HTML学习笔记
HTMLHTML不是编程语言,是一种超文本标记语言。“超文本”是指页面内可以包含图片、链接、音乐、程序等非文字因素。扩展名为.htm或者.html。记事本里面是纯文本,写代码都要用纯文本。B/S架构即浏览器/服务器模式。是网页的架构。优点:不需要安装;不需要更新;跨平台。使用的语言:HTML(结构)描述页面结构,css(表现)控制页面元素样式,JavaScript(行为)响应用户操作。URL,即网址。蒂姆.伯纳斯-李发明了万维网。万维网联盟W3C,制定网页开发标准。原创 2021-10-11 11:10:32 · 181 阅读 · 0 评论