Vue 面试题
1.Vue 双向绑定原理
2.描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程?
3.你是如何理解 Vue 的响应式系统的?
4.虚拟 DOM 实现原理
5.既然 Vue 通过数据劫持可以精准探测数据变化,为什么还需要虚拟 DOM 进行 diff 检测差异?
6.Vue 中 key 值的作用?
7.Vue 的生命周期
8.Vue 组件间通信有哪些方式?
9.watch、methods 和 computed 的区别?
10.vue 中怎么重置 data?
11.组件中写 name 选项有什么作用?
12.vue-router 有哪些钩子函数?
13.route 和 router 的区别是什么?
14.说一下 Vue 和 React 的认识,做一个简单的对比
15.Vue 的 nextTick 的原理是什么?
16.Vuex 有哪几种属性?
17.vue 首屏加载优化
18.Vue 3.0 有没有过了解?
19.vue-cli 替我们做了哪些工作?
如果你觉得对你有帮助,可以戳这里获取:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
$this->db->not_like(‘title’, ‘match’);
// WHERE title NOT LIKE '%match%
$this->db->or_not_like();
本函数与 not\_like() 几乎完全相同,唯一的区别是多个实例之间是用 OR 连接起来的:
$this->db->like(‘title’, ‘match’);
$this->db->or_not_like(‘body’, ‘match’);
// WHERE title LIKE ‘%match%’ OR body NOT LIKE ‘%match%’
$this->db->group_by();
允许你编写查询语句中的 GROUP BY 部分:
$this->db->group_by(“title”);
// 生成: GROUP BY title
你也可以把多个值作为数组传递过去:
$this->db->group_by(array(“title”, “date”));
// 生成: GROUP BY title, date
说明: group\_by() 曾经被称为 groupby(), 后者已经过时,现已从代码中移除 groupby()。
$this->db->distinct();
为查询语句添加 “DISTINCT” 关键字:
$this->db->distinct();
$this->db->get(‘table’);
// 生成: SELECT DISTINCT * FROM table
$this->db->having();
允许你为你的查询语句编写 HAVING 部分。有两种语法形式,一个或两个参数都可以:
$this->db->having(‘user_id = 45’);
// 生成: HAVING user_id = 45
$this->db->having(‘user_id’, 45);
// 生成: HAVING user_id = 45
你也可以把多个值通过数组传递过去:
$this->db->having(array(‘title =’ => ‘My Title’, ‘id <’ => $id));
// 生成: HAVING title = ‘My Title’, id < 45
如果你正在使用一个由CodeIgniter进行转义保护的数据库,为了避免内容转义,你可以传递可选的第三个参数,并将其设置为FALSE。
$this->db->having(‘user_id’, 45);
// 生成: HAVING user\_id
= 45 (在诸如MySQL等数据库中)
$this->db->having(‘user_id’, 45, FALSE);
// 生成: HAVING user_id = 45
$this->db->or_having();
与 having() 函数几乎完全一样,唯一的区别是多个子句之间是用 “OR” 分隔的。
$this->db->order_by();
帮助你设置一个 ORDER BY 子句。第一个参数是你想要排序的字段名。第二个参数设置结果的顺序,可用的选项包括 asc (升序)或 desc(降序), 或 random(随机)。
$this->db->order_by(“title”, “desc”);
// 生成: ORDER BY title DESC
你也可以在第一个参数中传递你自己的字符串:
$this->db->order_by(‘title desc, name asc’);
// 生成: ORDER BY title DESC, name ASC
或者,多次调用本函数就可以排序多个字段。
$this->db->order_by(“title”, “desc”);
$this->db->order_by(“name”, “asc”);
// 生成: ORDER BY title DESC, name ASC
说明: order\_by() 曾经被称为 orderby(), 后者已经过时,现已从代码中移除 orderby()。
说明: 目前 Oracle 和 MSSQL 的驱动还不支持随机排序,将被默认设置为 ‘ASC’(升序)。
$this->db->limit();
限制查询所返回的结果数量:
$this->db->limit(10);
// 生成: LIMIT 10
第二个参数设置的是结果偏移量。
$this->db->limit(10, 20);
// 生成: LIMIT 20, 10 (仅限MySQL中。其它数据库有稍微不同的语法)
$this->db->count_all_results();
允许你获得某个特定的Active Record查询所返回的结果数量。可以使用Active Record限制函数,例如 where(), `or_where()`, like(), or\_like() 等等。范例:
echo $this->db->count_all_results(‘my_table’);
// 生成一个整数,例如 25
$this->db->like(‘title’, ‘match’);
$this->db->from(‘my_table’);
echo $this->db->count_all_results();
// 生成一个整数,例如 17
**插入数据**
$this->db->insert();
生成一条基于你所提供的数据的SQL插入字符串并执行查询。你可以向函数传递 数组 或一个 对象。下面是一个使用数组的例子:
$data = array(
‘title’ => ‘My title’ ,
‘name’ => ‘My Name’ ,
‘date’ => ‘My date’
);
$this->db->insert(‘mytable’, $data);
// Produces: INSERT INTO mytable (title, name, date) VALUES (‘My title’, ‘My name’, ‘My date’)
第一个参数包含表名,第二个是一个包含数据的关联数组。
下面是一个使用对象的例子:
/*
class Myclass {
var $title = ‘My Title’;
var $content = ‘My Content’;
var $date = ‘My Date’;
}
*/
$object = new Myclass;
$this->db->insert(‘mytable’, $object);
// Produces: INSERT INTO mytable (title, content, date) VALUES (‘My Title’, ‘My Content’, ‘My Date’)
第一个参数包含表名,第二个是一个对象。(原文有错:The first parameter will contain the table name, the second is an associative array of values.)
注意: 所有的值已经被自动转换为安全查询。
$this->db->set();
本函数使您能够设置inserts(插入)或updates(更新)值。
它可以用来代替那种直接传递数组给插入和更新函数的方式:
$this->db->set(‘name’, $name);
$this->db->insert(‘mytable’);
// 生成: INSERT INTO mytable (name) VALUES (‘{$name}’)
如果你多次调用本函数,它们会被合理地组织起来,这取决于你执行的是插入操作还是更新操作:
$this->db->set(‘name’, $name);
$this->db->set(‘title’, $title);
$this->db->set(‘status’, $status);
$this->db->insert(‘mytable’);
set() 也接受可选的第三个参数($escape),如果此参数被设置为 FALSE,就可以阻止数据被转义。为了说明这种差异,这里将对 包含转义参数 和 不包含转义参数 这两种情况的 set() 函数做一个说明。
$this->db->set(‘field’, ‘field+1’, FALSE);
$this->db->insert(‘mytable’);
// 得到 INSERT INTO mytable (field) VALUES (field+1)
$this->db->set(‘field’, ‘field+1’);
$this->db->insert(‘mytable’);
// 得到 INSERT INTO mytable (field) VALUES (‘field+1’)
你也可以将一个关联数组传递给本函数:
$array = array(‘name’ => $name, ‘title’ => $title, ‘status’ => $status);
t
h
i
s
−
>
d
b
−
>
s
e
t
(
this->db->set(
this−>db−>set(array);
$this->db->insert(‘mytable’);
或者一个对象也可以:
/*
class Myclass {
var $title = ‘My Title’;
var $content = ‘My Content’;
var $date = ‘My Date’;
}
*/
$object = new Myclass;
t
h
i
s
−
>
d
b
−
>
s
e
t
(
this->db->set(
this−>db−>set(object);
$this->db->insert(‘mytable’);
**更新数据**
$this->db->update();
根据你提供的数据生成并执行一条update(更新)语句。你可以将一个数组或者对象传递给本函数。这里是一个使用数组的例子:
$data = array(
‘title’ => $title,
‘name’ => $name,
‘date’ => $date
);
$this->db->where(‘id’, $id);
$this->db->update(‘mytable’, $data);
// 生成:
// UPDATE mytable
// SET title = ‘{KaTeX parse error: Expected 'EOF', got '}' at position 6: title}̲', name = '{name}’, date = ‘{$date}’
// WHERE id = $id
或者你也可以传递一个对象:
/*
class Myclass {
var $title = ‘My Title’;
var $content = ‘My Content’;
var $date = ‘My Date’;
}
*/
$object = new Myclass;
$this->db->where(‘id’, $id);
$this->db->update(‘mytable’, $object);
// 生成:
// UPDATE mytable
// SET title = ‘{KaTeX parse error: Expected 'EOF', got '}' at position 6: title}̲', name = '{name}’, date = ‘{$date}’
// WHERE id = $id
说明: 所有值都会被自动转义,以便生成安全的查询。
你会注意到 `$this->db->where()` 函数的用法,它允许你设置 WHERE 子句。你可以有选择性地将这一信息直接以字符串的形式传递给 update 函数:
$this->db->update(‘mytable’, $data, “id = 4”);
或者是一个数组:
$this->db->update(‘mytable’, $data, array(‘id’ => $id));
在进行更新时,你还可以使用上面所描述的 $this->db->set() 函数。
**删除数据**
$this->db->delete();
生成并执行一条DELETE(删除)语句。
$this->db->delete(‘mytable’, array(‘id’ => $id));
// 生成:
// DELETE FROM mytable
// WHERE id = $id
第一个参数是表名,第二个参数是where子句。你可以不传递第二个参数,使用 where() 或者 or\_where() 函数来替代它:
$this->db->where(‘id’, $id);
$this->db->delete(‘mytable’);
// 生成:
// DELETE FROM mytable
// WHERE id = $id
如果你想要从一个以上的表中删除数据,你可以将一个包含了多个表名的数组传递给delete()函数。
## Vue 面试题
1.Vue 双向绑定原理
2.描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程?
3.你是如何理解 Vue 的响应式系统的?
4.虚拟 DOM 实现原理
5.既然 Vue 通过数据劫持可以精准探测数据变化,为什么还需要虚拟 DOM 进行 diff 检测差异?
6.Vue 中 key 值的作用?
7.Vue 的生命周期
8.Vue 组件间通信有哪些方式?
9.watch、methods 和 computed 的区别?
10.vue 中怎么重置 data?
11.组件中写 name 选项有什么作用?
12.vue-router 有哪些钩子函数?
13.route 和 router 的区别是什么?
14.说一下 Vue 和 React 的认识,做一个简单的对比
15.Vue 的 nextTick 的原理是什么?
16.Vuex 有哪几种属性?
17.vue 首屏加载优化
18.Vue 3.0 有没有过了解?
19.vue-cli 替我们做了哪些工作?
![](https://img-blog.csdnimg.cn/img_convert/d59cdee79e047236ff4183f4582a051c.webp?x-oss-process=image/format,png)
**[如果你觉得对你有帮助,可以戳这里获取:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**
ey 值的作用?
7.Vue 的生命周期
8.Vue 组件间通信有哪些方式?
9.watch、methods 和 computed 的区别?
10.vue 中怎么重置 data?
11.组件中写 name 选项有什么作用?
12.vue-router 有哪些钩子函数?
13.route 和 router 的区别是什么?
14.说一下 Vue 和 React 的认识,做一个简单的对比
15.Vue 的 nextTick 的原理是什么?
16.Vuex 有哪几种属性?
17.vue 首屏加载优化
18.Vue 3.0 有没有过了解?
19.vue-cli 替我们做了哪些工作?
[外链图片转存中...(img-7NS4KTxj-1715775823000)]
**[如果你觉得对你有帮助,可以戳这里获取:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**