AyayaOVO的博客

h5新增的标签有哪些？为什么要加强语义化？，便于开发者理解代码结构，方便网络抓包。行内元素，块级元素有内些？有什么不同？行内(内联)元素：< em >,< input >, < a >, < big >块级元素：< div >,< p >,< h >, < ul >不同：块级元素会独立成行，会有padding，margin等属性，第一行 ！docctype是做什么用的？定义该页面渲染模式，分为严格模

说一下PromisePromise是什么？Promise是一种用于解决异步问题的思路、方案或者对象方式。Promise怎么用？Promise是一个对象，所以先用new的方式创建一个，然后给它传一个函数作为参数，这个函数有两个参数，一个叫reolve,另一个叫reject、紧接着，就用then来进行调用Promise原理在Promise内部，有一个状态管理器的存在，有三种状态: pending、fulfilled、rejected(1) promise初始化状态为pending(

IE8事件模型和DOM事件模型有何不同？如何处理DOM事件模型与IE8事件模型的兼容性DOM的浏览器兼容性问题：事件模型:DOM：3个阶段:外向内：捕获目标触发内向外：冒泡IE8: 2个阶段没有捕获阶段目标触发内向外：冒泡事件绑定: DOM: elem.addEventListener(“click”,function(){},false) 第三个参数capture: 是否在捕获阶段就提前触发 IE8: elem.attachEvent(“onclick”,funct

1、ng中ngFor和ngIf的使用注意事项不能在一个元素上同时使用结构行指令，同时使用 可以通过ng-container来避免报错2、ng的生态圈(技术栈)中常见技术Angular官方集成的各种模块：FormsModule,HttpClientModule、rxjs。。第三方技术:ionic\NgZorro\AngularMaterial3、ng中如何实现一个服务①通过cli工具 创建服务：ng g service my-service②在my-service.service.ts中封装数据

1. 列出python的常见基础数据类型答案：数值（整数 浮点数 布尔值）字符串、列表、元组、字典、集合2 文件常用操作方法Open/read/readline/readlines/write/close3、异常的处理Try :passexcept 异常类型passfinally:pass4、有哪些常见的标准库和第三方库标准库re time datetime urllib…第三方库numpy Pandas Matplotlib tensorflow beautifulSou

1. ReactJS中渲染根组件的方式以及注意事项答案：ReactDOM.render(A,B);将A渲染到B指定的容器中注意事项:不允许一次渲染多个标签，但是可以放在同一个顶层标签每一个标记都要有对应的结束2. ReactJS中父子组件通信的方式(1) 父与子通信借助于属性 往下传值传值:接受值:this.props.myName(2) 子与父通信通过属性传递有参数的方法 让子组件调用是传值①定义有参数的方法rcvMsg(msg){}②传递给子组件③子组件来调用Th

1. Angular中组件之间通信的方式答案：Props down1、调用子组件时 通过自定义属性传值2、子组件内部通过Input来接受属性的值Events up在父组件中定义一个有参数的方法调用子组件时，绑定自定义事件和上一步的方法子组件内部通过Output和EventEmitter来触发事件并传值2. Angular的八大组成部分并简单描述答案：Module 是Angular开发中的基本单位，是一个容器，可以包含组件、指令、管道等Components 是可被反复使用的 带有特

0 小程序onPageScroll方法的使用注意什么由于此方法调用频繁，不需要时，可以去掉，不要保留空方法，并且使用onPageScroll时，尽量避免使用setData()，尽量减少setData()的使用频次。1 小程序视图渲染结束回调使用setData(data, callback)，在callback回调方法中添加后续操作代码2小程序同步API和异步API使用时注意事项像wx.setStorageSync这种以Sync结尾的API为同步API，使用时使用try-catch来查看异常，如果判

1. 微信小程序组件的生命周期答案：生命周期函数-onLoad: 页面加载一个页面只会调用一次，可以在 onLoad 中获取打开当前页面所调用的 query 参数。-onShow: 页面显示每次打开页面都会调用一次。-onReady: 页面初次渲染完成一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互。-onHide: 页面隐藏当navigateTo或底部tab切换时调用。-onUnload: 页面卸载2 简单描述下微信小程序的相关文件类型答案：微信小程序项目结构主要

1. vuex作用？哪种功能场景使用它答案：vue框架中状态管理。场景有：单页应用中，组件之间的状态。音乐播放、登录状态、加入购物车2. 解释vuex最常用的二种属性答案：分别是 State、 Gettervuex的State特性A、Vuex就是一个仓库，仓库里面放了很多对象。其中state就是数据源存放地，对应于一般Vue对象里面的dataB、state里面存放的数据是响应式的，Vue组件从store中读取数据，若是store中的数据发生改变，依赖这个数据的组件也会发生更新C、它通过m

1、Html5 视频常用的方法和事件有哪些-controls -是否显示播放控件-autoplay -是否自动播放-loop -是否循环播放-muted -是否是静音播放-poster -在播放视频之前广告-preload -预加载策略auto:预加载一定时长视频与元数据metadata:预加载元数据none:不预加载数据-volume:1 当前音量 (0~1)-playbackRate 回放速率 大于1快放 小于1慢播-paused:true 当前视频是否处理暂停状

1. sessionStorage和localStorage的区别答案：sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。2. Canvas和SVG的区别是什么答案：canvas绘制2d位图svg绘制2d 矢量图canvas通过j

8. Loader和Plugin的不同• loader 加载器Webpack 将一切文件视为模块，但是 webpack 原生是只能解析 js 文件. Loader 的作用是让 webpack 拥有了加载和解析非 JavaScript 文件的能力在 module.rules 中配置，也就是说他作为模块的解析规则而存在，类型为数组• Plugin 插件扩展 webpack 的功能，让 webpack 具有更多的灵活性在 plugins 中单独配置。类型为数组，每一项是一个 plugin 的实例，参数

1. 对webpack的了解本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)，将项目当作一个整体，通过一个给定的的主文件，webpack将从这个文件开始找到你的项目的所有依赖文件，使用loaders处理它们，最后打包成一个或多个浏览器可识别的js文件核心概念：• 入口(entry)入口起点(entry point)指示 webpack 应该使用哪个模块，来作为构建其内部依赖图的开始可以通过在 webpack 配置中配置 entry

1. Vue的双向数据绑定原理是什么？答案：vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。具体步骤：第一步：需要observe的数据对象进行递归遍历，包括子属性对象的属性，都加上 setter和getter这样的话，给这个对象的某个值赋值，就会触发setter，那么就能监听到了数据变化第二步：compile解析模板指令，将模板中的变量替换成数

1. $的原理答案：$(“选择器”) 是先查找DOM元素，再将DOM元素放入jQuery对象中其中自带优化:如果选择器是#id，则自动调用getElementById如果选择器是.class，则自动调用getElementsByClassName如果选择器是标签名，则自动调用getElementsByTagName否则，其它选择器，都自动调用querySelectorAll()$(DOM元素) 是直接将DOM元素放入jQuery对象中$(“HTML片段”) 是创建一个新元素$(func

利用冒泡和不利用冒泡的差别答案：绑定位置不同: 不利用冒泡绑定在目标元素上，利用冒泡绑定在父元素上监听对象的个数不同: 不利用冒泡会反复创建多个监听，利用冒泡始终只有一个监听动态生成的元素: 不利用冒泡无法自动获得事件处理函数，必须反复绑定利用冒泡可让动态添加的子元素自动获得父元素的处理函数，无需反复绑定按HTML查找和按选择器查找的差别答案：返回值不同: 按HTML查找返回动态集合，按选择器查找返回非动态集合效率不同: 按HTML查找效率高，按选择器查找效率低易用性不同: 当条件复杂.

判断以下程序的输出结果:var age=100;function test(){ this.age=50; return function(){ return this.age; }}var m=new test();alert(m()); var n=test();alert(n()); 答案：100 50构造函数一旦返回一个对象，就不再创建新对象m获得的是function(){ return this.age; }n=test()，this指向windo.

1.用bootstrap中的栅格做网页布局的基本结构是什么？默认将一行分为多少列？答案：容器中设置行，行内设置列默认将一行分为12个单元格（列）2.如何编写响应式网页？答案：(1)声明viewport元标签(2)所有容器/文字/图片 使用相对尺寸(3)流式布局+弹性布局(4)使用CSS3 Media Query技术3.同时监听多个scss文件的命令是什么？答案：node-sass -w scss文件夹 –o css文件夹4.在scss中如何定义混合器以及引用？答案：@mixi

1.用bootstrap中的栅格做网页布局的基本结构是什么？默认将一行分为多少列？ 答案：容器中设置行，行内设置列 默认将一行分为12个单元格（列） 2.如何编写响应式网页？ 答案： (1)声明viewport元标签 (2)所有容器/文字/图片 使用相对尺寸 (3)流式布局+弹性布局 (4)使用CSS3 Media Query技术 3.同时监听多个scss文件的命令是什么？ 答案：node-sass -w scss文件夹 –o css文件夹 4.在scss中如何定义混合器以及引用？ 答案： @mixin 混

1.用post方式异步向服务器端提交数据时，需要在发送请求前设置什么？提交的数据放在什么位置？答案：xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");数据放在send（）括号中2.什么是异步数据加载？答案：浏览器在向服务器发送请求的时候，不耽误用户在网页上做其它操作，可以同时开启多个任务，并且可以以无刷新的效果来更改页面中的局部内容。3.异步请求数据的步骤分为哪几步？答案：创建异步对象，绑定监听事

一．HTML**1. img标记属于什么类型元素？答案：属于行内(inline)元素2.结构标记有哪些？他们与div有什么相同之处，又有什么不同之处？答案：header，nav，section，aside，footer，article都是用来做布局的，但结构标记提高了语义性和可读性3. 行内元素，块元素，空元素有哪些？答案：（1）行内元素：a， span，i，img，b ,s,u，sup,sub,label（2）块元素：div ，dl，dt，dd，ul，li，ol，p，h1，h2，h

1. 对webpack的了解**本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)，将项目当作一个整体，通过一个给定的的主文件，webpack将从这个文件开始找到你的项目的所有依赖文件，使用loaders处理它们，最后打包成一个或多个浏览器可识别的js文件核心概念：• 入口(entry)入口起点(entry point)指示 webpack 应该使用哪个模块，来作为构建其内部依赖图的开始可以通过在 webpack 配置中配置 entr

DOM 兼容性**1. IE8事件模型和DOM事件模型有何不同？如何处理DOM事件模型与IE8事件模型的兼容性DOM的浏览器兼容性问题：事件模型:DOM：3个阶段:外向内：捕获目标触发内向外：冒泡IE8: 2个阶段没有捕获阶段目标触发内向外：冒泡事件绑定:DOM: elem.addEventListener(“click”,function(){},false)第三个参数capture: 是否在捕获阶段就提前触发IE8: elem.attachEvent(“onclick”

虚拟DOM树:**什么是: 仅包含可能变化的节点和可能变化的属性的树结构 alt title id ….{{uname}}id class title name {{score}}{el:”#app”,children:[{el:”h1”, innerText:uname},{el:”h2”,innerText:score}]}为什么: 内容少，便于快速遍历比较不同如何发挥作用:当data中模型变量改变时，会通知虚拟DOM树虚拟D

nodejs**1. 同步和异步有何区别？答案：同步：指发送一个请求,需要等待返回,然后才能够发送下一个请求，有等待过程（在一个任务进行中时不能开启其他的任务）。异步：指发送一个请求,不需要等待返回,随时可以再发送下一个请求，即不需要等待（在一个任务进行中时可以开启其他的任务）。2. NodeJS中有哪些类型模块，文件操作用哪一个模块？答案：模块类型： 核心模块、自定义模块、第三方模块。文件操作：fs模块3. 对NodeJS的优点和缺点提出自己的看法？答案：CPU密集型任务的特点是进行大

**JS基础continue和 break有什么区别？答案：break和continue都是用来控制循环结构的：break终止循环，跳出循环体执行循环后面的语句。continue跳过本次循环，执行下一次循环。i++和++i的区别？答案：i++ ：先用i值后加1,++i ：先加1后用i值，计算：var n=5; 求 var num=n++ + ++n + n++ + ++n +n; //37JavaScript都有哪些数据类型？答案：原始类型：数值型/字符串型/布尔型/undef

MySQL数据库1. MySQL中varchar与char的区别以及varchar(50)中的50代表的涵义？答案：Varchar是变长字符串，最多存储的大小是65535字节，查询速度相对较慢；Char 是定常字符串，最多存储的大小是255字节，查询速度相对较快；varchar(50)表示：Mysql 4.0 表示存放50个字节，5.0存放50个字符。2. 简述浏览器打开www.codeboy.com显示页面，中间都经过哪些过程？答案：向DNS服务器获取域名对应的IP地址并返回浏览器，通过I

前端面试题VUE路由跳转VUE生命周期VUE全家桶VUEX的五个核心属性的理解Vue-Router和和路由守卫组件间的通讯模块化 开发操作vue的监听vue的指令mvvm的理解mvvm的设计原理是基于mvc的Model代表数据模型负责业务逻辑和数据封装，View代表UI组件负责界面和显示，ViewModel监听模型数据的改变和控制视图行为，处理用户交互，简单来说就是通过双向数据绑定把View层和Model层连接起来。在MVVM架构下，View和Model没有直接联系，而是通