知识点主题的文章列表，还有知识点的技术要点_第9页

17、前端知识点--Vue中ref的使用

methods里面的方法，需要手动触发才会执行。如果想让页面一上来就执行的话，就需要写在mounted这个钩子函数中。<body><divid="app"><divclass="add"><!--编号:<inpu...

代码星球 ·2020-04-18

16、前端知识点--Object.defineProperty 的用法+双向数据绑定原理解析

　　Object.defineProperty可以用于给对象添加更新属性。<script>//Object.defineProperty可以用于给对象添加或更新属性。//它里面有下面三个参数：给设置属性的对象、设置属性的属性名、以及设置的配置项//先声明的一个对象varobj={}Object.define...

代码星球 ·2020-04-18

15、前端知识点--MVVM

MVVM模式里面，核心是数据。各种前端框架，最核心的说就是保持了数据与视图的同步。数据驱动思想：数据驱动视图。Vue不建议手动操作DOM。以前是指令操作DOM，其实本质上底层还是操纵DOM。现在都用数据驱动了。虽然vue中不推荐手动操作DOM，但是有些情况下必须操作DOM,这是可以通过$ref来操作DOM。...

代码星球 ·2020-04-18

14、前端知识点--Vue生命周期浅析

每个Vue实例或组件从创建到显示再到废弃的过程就是vue的生命周期。很多时候我们希望能在这个过程中执行一些操作，于是就有了生命周期钩子。生命周期钩子函数允许我们在实例不同阶段执行各种操作，便于我们更好地控制和使用实例首先看一个示例<!DOCTYPEhtml><htmllang="en"><...

代码星球 ·2020-04-18

13、前端知识点--ajax原理以及实现过程

Ajax（AsyncchronousJavaScriptandXml），翻译过来就是说：异步的javaScript和xml，Ajax不是新的编程语言，而是一种使用现有标准的新方法。Ajax的优点：在不重新加载整个页面的情况下，可以与服务器交换数据，并更新部分网页的艺术。1.Ajax的工作原理Ajax的工作原理相当于在用...

代码星球 ·2020-04-18

12、前端知识点--MVVM模式

在MVC里，View是可以直接访问Model的！从而，View里会包含Model信息，不可避免的还要包括一些业务逻辑。MVC模型关注的是Model的不变，所以，在MVC模型里，Model不依赖于View，但是View是依赖于Model的。不仅如此，因为有一些业务逻辑在View里实现了，导致要更改View也是比较困难的，...

代码星球 ·2020-04-18

11、前端知识点--排序

1、不传参数，将不会按照数值大小排序，按照字符编码的顺序进行排序；vararr=['General','Tom','Bob','John','Army'];varresArr=arr.sort();console.log(resArr);//输出["Army","Bob","General","John","Tom"]...

代码星球 ·2020-04-18

10、前端知识点--比较大小

解决函数内this的指向：　　1.可以在函数外提前声明变量一般情况下我们用 var_this/that=this 　　2.通过apply和call来修改函数this指向　　　apply和call的区别？　　　　　　用法一样，就是参数形式不一样（案例：fn.call...

代码星球 ·2020-04-18

9、前端知识点--去重汇总

一、利用ES6Set去重（ES6中最常用）1//去重字符串2letstr="12qwe345671dsfa233dsf9876ds243dsaljhkjfzxcxzvdsf";3letarrays=str.split("")//要将字符串先转成数组4console.log(arrays)5console.log(Arr...

代码星球 ·2020-04-18

8、前端知识点--关于Set用法的详解【ES6】

ES6提供了新的数据结构Set,它类似于数组，但是成员的值是唯一的，没有重复的值（对于基本类型来说）。Set本身是一个构造函数，用来生成Set数据结构。1、声明1letset=newSet();2//即创建了一个空的set2、赋值1letset1=newSet(['张三','李四','王五']);2console.lo...

代码星球 ·2020-04-18

7、前端知识点--关于Array.from详解

1、Array.from()方法就是将一个类数组对象或可遍历对象或可迭代对象转换成一个真正的数组。浅拷贝的数组实例。2、那么，什么是类数组对象呢？所谓类数组对象，最基本的要求就是具有length属性的对象。应用一、将类数组对象转换为真正数组1letarrayLike={0:'jack',1:'60',2:'男',3:[...

代码星球 ·2020-04-18

6、前端知识点--关于遍历汇总

1、for 　　最简单的一种遍历方法，也是使用频率最高的一种方法，可优化。1vararr=[1,2,3,4,5,6]2for(vari=0;i<arr.length;i++){3console.log(arr[i])4}56//123456　　优化：使用临时变量，将长度存起来，避免重复获取数组长度，当数...

代码星球 ·2020-04-18

5、前端知识点--关于数组的方法汇总

一、数组的常用方法:1、toString()：将一个数组转换为字符串语法：varstr=数组对象.toString(); 2、join()：将数组中的元素通过指定的分隔符连接到一起，并返回连接后的字符串 ...

代码星球 ·2020-04-18

4、前端知识点汇总--字符串（二）

1、chartAt()：返回指定位置的字符；语法：string.chartAt(index) 2、charCodeAt()：返回指定位置的字符的Unicode编码。语法：string.charCodeAt(inde...

代码星球 ·2020-04-18

相对全面的前端知识点

11.html语义化标签的理解;结构化的理解;能否写出简洁的html结构;SEO优化2.h5中新增的属性;如自定义属性data,类名className等,新增表单元素,拖拽Drag3.h5中新增的API,修改的API,废弃的API稍作了解(离线存储,audio,video)1.CSS选择器(三大特性)2.BFC机制3....

代码星球 ·2020-04-18