1.什么是 vue 生命周期?有什么作用?
答:每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做 生命周期钩子 的函数,这给了用户在不同阶段添加自己的代码的机会。(ps:生命周期钩子就是生命周期函数)例如,如果要通过某些插件操作D……继续阅读 »
496849654@qq.com
4年前 (2020-06-18) 1401浏览 0评论
2个赞
1.vue等单页面应用及其优缺点?
答:优点:Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件,核心是一个响应的数据绑定系统。MVVM、数据驱动、组件化、轻量、简洁、高效、快速、模块友好。
缺点:不支持低版本的浏览器,最低只支持到IE9;不利于SEO的优化(如果要支持SEO,建议通过服务端来进行渲染组件);第一次加载首页耗时相对长……继续阅读 »
496849654@qq.com
4年前 (2020-06-18) 1591浏览 0评论
3个赞
一、var声明的变量会挂载在window上,而let和const声明的变量不会:
var a = 100;
console.log(a,window.a); // 100 100
let b = 10;
console.log(b,window.b); // 10 unde……继续阅读 »
496849654@qq.com
4年前 (2020-06-17) 997浏览 0评论
4个赞
前言
HTTP是一种无状态的协议,为了分辨链接是谁发起的,需自己去解决这个问题。不然有些情况下即使是同一个网站每打开一个页面也都要登录一下。而Session和Cookie就是为解决这个问题而提出来的两个机制。
应用场景
登录网站,今输入用户名密码登录了,第二天再打开很多情况下就直接打开了。这个时候用到的一个机制就是cookie。
session一个场景是购物……继续阅读 »
496849654@qq.com
4年前 (2020-06-17) 1336浏览 0评论
3个赞
请教,父组件ajax异步请求获取数据
然后传递给子组件
子组件在页面中渲染使用了父组件传过来的data对象中的img属性
子组件能获取到数据并渲染数据到页面,但是会报错,怎么解决呢。
代码:
页面会报错说找不到avatar属性,报错如下,但是页面上又能渲染出图片,我猜想可能是页面在渲染子组件的时候 ajax还没有返回对象,但是子组件已经渲染过去了所以……继续阅读 »
496849654@qq.com
4年前 (2020-06-17) 1135浏览 0评论
2个赞
在使用 vs code 编辑器里是 eslint 插件时一直有以下报错:大致的意思就是不建议 v-if 和 v-for 一起使用,后来去官网查了一下也是这样建议的。
根据 eslint 指出的方法进行改进:
第一种:将 v-if 和 v-for 分别放在不同标签中
<ul>
<li……继续阅读 »
496849654@qq.com
4年前 (2020-06-17) 1137浏览 0评论
2个赞
html {
_background-image: url(about:blank); /*用浏览器空白页面作为背景*/
_background-attachment: fixed; /* prevent screen flash in IE6 确保滚动条滚动时,元素不闪动*/
}
body{
margin:0……继续阅读 »
496849654@qq.com
4年前 (2020-06-17) 1140浏览 0评论
4个赞
Get请求与Post请求的区别
首先:
一般来说,我们发送get是希望从服务器上获取数据,post请求需要向服务器传送数据。
1. get 在浏览器回退时是无害的,post 会再次提交数据
2. get 产生的url 地址可以被 bookmark,post 则不可以
3. get 请求会被浏览器主动cache (缓存),post 则不会,除非手动设……继续阅读 »
496849654@qq.com
4年前 (2020-06-17) 1095浏览 0评论
2个赞
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>原生js日历</title>
<style>
td { height:60px; width:60px; text-align:ce……继续阅读 »
496849654@qq.com
4年前 (2020-06-16) 1103浏览 0评论
4个赞
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>原生js元素创建及拖拽</title>
<style>
body,ul,li { margin:0;}
ul { padding:0;……继续阅读 »
496849654@qq.com
4年前 (2020-06-16) 1119浏览 0评论
2个赞