前端基础摘要
ygj0727
这个作者很懒,什么都没留下…
展开
-
ES6
最常用的ES6特性 let, const, class, extends, super, arrow functions, template string, destructuring, default, rest arguments,promise ,set (ES7:async/await,includes) let, const 这两个的用途与var类似,都是用来声明变量的,但是它们减少了v...原创 2020-03-18 21:01:36 · 84 阅读 · 0 评论 -
Vue(3)
Vue组件之间传值 (1)父组件向子组件传值 理解 1.1、Model部分新创建的vm实例可以看作一个组件,即父组件,在内部定义的components是它的子组件。 <script> // 创建 Vue 实例,得到 ViewModel var vm = new Vue({ el: '#app', data: { msg: '123...原创 2020-03-17 18:20:24 · 77 阅读 · 0 评论 -
Vue基础(2)
vue组件: 组件 (Component) 是 Vue.js 最强大的功能之一,使用组件化方式开发,可以封装可重用的代码,减少重复劳动 接下来,我们来注册一个组件 语法Vue.component(tagName, options) 注册组件 Vue.component('component-a', { template: '<div>component-a</div&...原创 2020-03-11 21:08:22 · 92 阅读 · 0 评论 -
Vue
Vue简介: Vue.js 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 Vue的相关内容...原创 2020-03-10 20:11:28 · 125 阅读 · 0 评论 -
js基础知识点补充(7)
删除元素 1.找到要删除的元素对象 elem 2.通过 父元素删除元素对象 parent.removeChild(elem); 找到name为cities的select,保存在selCts中 var selCts = document.getElementsByName(“cities”)[0]; 为name为provs的元素绑定onchange事件 select对象 属性 : selected...原创 2019-08-17 16:17:21 · 166 阅读 · 0 评论 -
BOM(03)
4种打开超链接的方法 1.替换当前窗口,可后退 替换当前窗口,可后退(js) 2.替换当前窗口,不能后退 3.在新窗口打开,可以打开多个 4.在新窗口打开,只能打开一个js 打开窗口 var newWindow = window.open(url,name,网页信息) 其中name代表页面的名称,这个属性不能省略 window.close();//关闭浏览器(某些浏览器不允许) 定时器 设置...原创 2019-09-02 08:39:08 · 77 阅读 · 0 评论 -
BOM(2)
navigator:封装浏览器的配置信息 .cookieEnabled 判断是否启用了cookie 在谷歌浏览器可以在设置中或者控制台中找到,它是在客户端银盘持久保存用户私密数据的一个文件 .plugins:浏览器安装的所有插件信息,用来检查浏览器是否安装了Chrome PDF Viewer插件 实例: function checkPlugins (pname) { // 获取navigator的...原创 2019-09-02 08:38:46 · 151 阅读 · 0 评论 -
H5(02)
H5的一些新增属性 // 让元素可编辑 < div contenteditable=“true” >div中的文字 //改属性可以继承,同时子标签也可以自定义覆盖继承而来的属性 //此时的false不可编辑 < span contenteditable = “false”>hi< /span > < /div > //autocomplete 设置...原创 2019-09-08 12:55:03 · 112 阅读 · 0 评论 -
H5
1.矩形 ctx.strokeRect() ctx.fillRect() ctx.clearRect()//清除画布 2.文本 ctx.storkeText() ctx.fillText() ctx.measureText(txt) obj.width 3.路径 描边 填充 裁减 渐变 ctx.beginPath() ctx.closePath() ctx.moveTo()...原创 2019-09-08 12:54:27 · 81 阅读 · 0 评论 -
js基础知识点补充(6)
ES5 Array的API 删除: var arr = [1,2,3,4,5,6] 下标 0,1,2,3,4,5 var deletes = arr.splice(2,2); 以上例子代表从你所选择的下标开始,然后删除n(2)个元素,返回一个被删除元素的数组 添加: 在数组最前面添加一个元素 arr.unshift(“小王”);//在数组最前面添加了小王 在数组的末尾追加一个元素 ...原创 2019-08-17 15:31:35 · 70 阅读 · 0 评论 -
DOM
创建行分组,同时添加到table中 var a = table.createTHead(); 删除行分组: table.deleteTHead(); 获取行分组: table.tHead Form对象代表网页中的一个form元素 1.获取:var form = document.forms[i/id/name]; 2.属性:form.elements[“userName”]; 获取表单单个元素: ...原创 2019-08-24 13:44:46 · 85 阅读 · 0 评论 -
js弱类型和强制转换类型测试题
console.log(1+“2”+“2”); 122 console.log(1<2<3); true console.log(1>2>3); false console.log(“A” - “B” + “2”); NaN2 console.log(“A” - “B” + 2); NaN console.log(“A” - “B” ); NaN true + ‘5’ tr...原创 2019-07-19 22:07:45 · 338 阅读 · 0 评论 -
js基础知识点补充(3)
正则创建 RegExp对象中封装了正表达式,并且提供使用正则的API查找和验证 利用正则查找关键词的四种情况 利用正则执行验证 var reg /正则/ig; 正则是固定不变的 可以穿件一个固定不变的表达式,穿件的是一个对象,可以直接量 var str =“good good study,day day up”; var reg = /good/g; //如果var str =“go/od goo...原创 2019-08-03 12:11:08 · 92 阅读 · 0 评论 -
js基础知识点(补充)
函数 什么是函数 一段定义好的代码,并可以被反复使用的代码块 函数的作用: 提升代码的可复用性 将一段代码进行预定义 ,需要使用的时候才触发 代码块:形成了一个相对独立的作用域 语法: function 函数名(参数列表){ 代码块(函数体) ==>待执行的代码块 return 返回值 返回执行的一些结果, 结束函数(程序碰到return之后,return后面的代码就不会执行了) ...原创 2019-07-25 20:12:44 · 218 阅读 · 0 评论 -
js基础知识点(补充2)
String 对象描述 1.字符串是 JavaScript 的一种基本的数据类型。 2.String 对象的 length 属性声明了该字符串中的字符数。 3.String 类定义了大量操作字符串的方法,例如从字符串中提取字符或子串,或者检索字符或子串。 需要注意的是,JavaScript 的字符串是不可变的(immutable),String 类定义的方法都不能改变字符串的内容。像 String...原创 2019-07-31 21:59:13 · 213 阅读 · 0 评论 -
js基础知识点
什么是JavaScript? 一种脚本语言 解释性语言 弱类型语言: 数据值决定变量的类型 JavaScript由什么组成? 核心ECMAScript DOM BOM 怎么使用JavaScript? 在Script对标签中写js代码 在外部js文件中写js 代码 需要将js文件引入 在标签的属性(事件属性等)里面写js代码 不推荐 变量 在内存中声明的一段可以存储可变化的量 var 变量名 ...原创 2019-07-23 12:28:06 · 60 阅读 · 0 评论 -
js基础知识点补充(4)
面向对象 概念:是一种编程思想,在程序里面用对象来描述现实中一个具体的事务 对象:封装了一个事务的属性和功能的程序结构 why oop:和现实中人的想法非常接近,便于大程序的维护 创建一个自定义对象(封装) var obj ={ 属性名:属性值, … : …, 方法名:function(){ … this.属性名… this.方法名()… }, … : …, 创建一个叫 mafei:mafei 1...原创 2019-08-09 15:16:58 · 96 阅读 · 0 评论 -
js基础知识点补充(5)
原型链 原型本身也是个对象,因此原型对象也有原型 对象就有__proto__ 由多级父元素逐级继承形成的链式结构 原型链保存着:所有对象的成员(方法和属性) 作用域链保存:所有的变量 原型链作用:控制对象访问成员的使用顺序:优先使用自己的,自己没有,才延原型链向父级查找 作用域链作用:控制变量的使用顺序(优先使用活动对象(AO)中的局部变量,局部中没有,才去延用作用域链向父级作用域查...原创 2019-08-10 11:32:21 · 106 阅读 · 0 评论 -
BOM
BOM专门操作浏览器的API window:1.替代global当做全局作用域对象 2.封装了所有的DOM和BOM的API 其中有六个子对象: history:指的是浏览器的历史记录 location:窗口的url,地址栏的信息 navigator:浏览器的配置信息 document:DOM screen:显示设备的信息 其中history(封装当前你窗口打开后,成功访问过的url的2历史记录)...原创 2019-08-24 13:42:32 · 51 阅读 · 0 评论 -
前端学习摘要
7月8号开始学习前端的第一天 day1:做了两个实例。1:英雄联盟;2:垃圾分类的相关新闻 这两个实例主要是为了熟练运用各类标签,其中有(标题标签);(文本标签);(超链接);(文本加粗);(下划线);(无序,有序列表);(表格,列和行)。以下是英雄联盟实例的代码: <h1>英雄联盟</h1> <p>...原创 2019-07-13 13:46:07 · 262 阅读 · 0 评论