HTML/CSS/JavaScript/ES6/HTTP协议/Vue/微信小程序/Node/Express/MySQL/ 面向对象/设计模式
答案：CSS的盒模型是用于布局和定位元素的概念。它由内容区域、内边距、边框和外边距组成，这些部分依次包裹在元素周围。
最近在做一个比赛项目，在前端设计（使用Vue.js）的时候用到了ElementUI组件。前端整体的背景是深色调，调用ElementUI各项组件时其样式并不能很好的契合主题，因此需要通过CSS修改其色调及样式，但是直接通过class定位组件，并添加!important关键字后依然不能改动。
当使用 new Vue() 创建一个 Vue 实例时，整个的流程可以概括为以下几个步骤：
创建一个 Vue 实例后，Vue 会处理选项、编译模板、挂载元素、建立数据响应式等操作，并根据数据的变化更新视图。用户还可以通过指令和事件系统来与实例进行交互。
传统开发模式: JQuery+RequireJS/SeaJS+artTemplate+Gulp/Grunt
Vue.JS是一个JavaScript框架，它借鉴了MVVM的思想，Vue对象就像view model，使用Vue能够轻松地分离数据与视图表现，数据的变化会使视图也变化。
答：Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载 Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期。 它的生命周期中有多个事件钩子，让我们在控制整个Vue实例的过程时更容易形成好的逻辑。
（1）首先要引入https://cdn.jsdelivr.net/npm/vue/dist/vue.js，相当于引入Jquery那样。
上面代码中score上面的click也是可以触发的，不必是按钮。 如果不加this，访问的是全局变量。 可以调用传参。
上边在定义Vue实例时，内部定义了el挂载点，挂载点的作用在于指明要应用到的标签，例如上面实例中利用ID选择器#app指定应用于id为app的标签，同时我们需要关注Vue实例的作用范围，Vue会管理el选项所命中的元素及其内部的后代元素，例如：
上篇文章总结了三个月的后端开发。本篇主要对3个个月前端开发做个总结。最开始我想着我主要负责好后端的开发。没后端接口开发完成与前台的同事调接口。由于前端严重缺人，后端接口开发完成，没有可以和我调试接口的前端工作人员，于是我就想着不如自己来调前端页面吧！
props定义了这个组件有哪些可配置的属性，props最好用对象的写法，这样可以针对每个属性设置类型、默认值或自定义校验属性的值。
无论是开发新手还是经验丰富的老手，我们都喜欢开源软件包。对于开发者来说，如果没有这些开源软件包，很难想象我们的生活会变得多么疲惫不堪，而且靠咖啡度日也会成为家常便饭。所幸的是，随着 Vue.js 社区的不断壮大，每天都会出现一些很好的软件包。
element：饿了么出品的Vue2的web UI工具套件 Vux：基于Vue和WeUI的组件库 mint-ui：Vue 2的移动UI元素 iview：基于 Vuejs 的开源 UI 组件库 Keen-UI：轻量级的基本UI组件合集 vue-material：通过Vue Material和Vue 2建立精美的app应用 muse-ui：三端样式一致的响应式 UI 库 vuetify：为移动而生的Vue JS 2组件框架 vonic：快速构建移动端单页应用 eme：优雅的Markdown编辑器 vue-multiselect：Vue.js选择框解决方案 vue-table：简化数据表格 VueCircleMenu：漂亮的vue圆环菜单 vue-chat：vuejs和vuex及webpack的聊天示例 radon-ui：快速开发产品的Vue组件库 vue-waterfall：Vue.js的瀑布布局组件 vue-carbon：基于 vue 开发MD风格的移动端 vue-beauty：由vue和ant design创建的优美UI组件 vue-blu：帮助你轻松创建web应用 vueAdmin：基于vuejs2和element的简单的管理员模板 vue-syntax-highlight：Sublime Text语法高亮 vue-infinite-scroll：VueJS的无限滚动指令 Vue.Draggable：实现拖放和视图模型数组同步 vue-awesome-swiper：vue.js触摸滑动组件 vue-calendar：日期选择插件 bootstrap-vue：应用于Vuejs2的Twitter的Bootstrap 4组件 vue-swipe：VueJS触摸滑块 vue-amap：基于Vue 2和高德地图的地图组件 vue-chartjs：vue中的Chartjs的封装 vue-datepicker：日历和日期选择组件 markcook：好看的markdown编辑器 vue-google-maps：带有双向数据绑定Google地图组件 vue-progressbar：vue轻量级进度条 vue-picture-input：移动友好的图片文件输入组件 vue-infinite-loading：VueJS的无限滚动插件 vue-upload-component：Vuejs文件上传组件 vue-datetime-picker：日期时间选择控件 vue-scroller：Vonic UI的功能性组件 vue2-calendar：支持lunar和日期事件的日期选择器 vue-video-player：VueJS视频及直播播放器 vue-fullcalendar：基于vue.js的全日历组件 rubik：基于Vuejs2的开源 UI 组件库 VueStar：带星星动画的vue点赞按钮 vue-mugen-scroll：无限滚动组件 mint-loadmore：VueJS的双向下拉刷新组件 vue-tables-2：显示数据的bootstrap样式网格 vue-virtual-scroller：带任意数目数据的顺畅的滚动 DataVisualization：数据可视化 vue-quill-editor：基于Quill适用于Vue2的富文本编辑器 Vueditor：所见即所得的编辑器 vue-html5-editor：html5所见即所得编辑器 vue-msgbox：vuejs的消息框 vue-slider：vue 滑动组件 vue-core-image-upload：轻量级的vue上传插件 vue-slide：vue轻量级滑动组件 vue-lazyload-img：移动优化的vue图片懒加载插件 vue-drag-and-drop-list：创建排序列表的Vue指令 vue-progressive-image：Vue的渐进图像加载插件 vuwe：基于微信WeUI所开发的专用于Vue2的组件库 vue-dropzone：用于文件上传的Vue组件 vue-charts：轻松渲染一个图表 vue-swiper：易于使用的滑块组件 vue-images：显示一组图片的lightbox组件 vue-carousel-3d：VueJS的3D轮播组件 vue-region-picker：选择中国的省份市和地区 vue-typer：模拟用户输入选择和删除文本的Vue组件 vue-impression：移动Vuejs2 UI元素 vue-datatable：使用Vuejs创建的DataTableView vue-instant：轻松创建自动提示的自定义搜索控件 vue-dragging：使元素可以拖拽 vue-sli
a）、Input单行文本。 b）、textarea多行文本。 c）、select下拉多选。 d）、radio单选框。 e）、checkbox多选框。
渐进式的含义理解，从左到右递进关系，声明式渲染（最简单的模式）->组件系统（组件化）->客户端路由（局部更新，浏览器的历史回退功能）->集中式状态管理（Vuex做状态管理）->项目构建（大型项目，前后端分离）。
在本文中，我们将推荐一些非常好用的 Vue 相关的开源项目。无论是开发新手还是经验丰富的老手，我们都喜欢开源软件包。对于开发者来说，如果没有这些开源软件包，很难想象我们的生活会变得多么疲惫不堪，而且靠咖啡度日也会成为家常便饭。所幸的是，随着 Vue.js 和 Nuxt.js 社区的不断壮大，每天都会出现一些很好的开源框架和包。
Vue是渐进式 JavaScript 框架，啥叫渐进式？渐进式意味着你可以将Vue作为你应用的一部分嵌入其中，或者如果你希望将更多的业务逻辑使用Vue实现，那么Vue的核心库以及其生态系统。比如Core+Vue-router+Vuex+axios，也可以满足你各种各样的需求。
需要对HTML、CSS和JavaScript有一定的了解 安装与部署 使用<script>引入 独立版本 在Vue官网下载Vue.js [Vue.js下载] 开发版本：包含了帮助的命令行警告（学习过程
Vue.set()方法有三个参数，分别是数组，索引，新内容，用这个办法可以代替操作，以实时更新视图
一、递归组件 组件在它的模板内可以递归地调用自己， 只要给组件设置name 的选项就可以了。 示例如下： <my-component19 :count="1"></my-component19> Vue.component('my-component19',{ name: 'my-component19', //其实当你利用 Vue.component 全局注册了一个组件，全局的ID会被自动设置
position属性取值：static(默认)、relative、absolute、fixed、inherit、sticky。 float属性取值：none(默认)、left、right、inherit。 display属性取值：none、inline、inline-block、block、table相关属性值、inherit。 固定定位 fixed： 元素的位置相对于浏览器窗口是固定位置，即使窗口是滚动的它也不会移动。Fixed 定 位使元素的位置与文档流无关，因此不占据空间。 Fixed 定位的元素和其他元素重叠。（脱离文档流） 相对定位 relative： 如果对一个元素进行相对定位，它将出现在它所在的位置上。然后，可以通过设置垂直 或水平位置，让这个元素“相对于”它的起点进行移动。 在使用相对定位时，无论是 否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其它框。 绝对定位 absolute： 绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那 么它的位置相对于 。absolute 定位使元素的位置与文档流无关，因此不占据空间。absolute 定位的元素和其他元素重叠。（脱离文档流） 粘性定位 sticky： 元素先按照普通文档流定位，然后相对于该元素在流中的 flow root（BFC）和 containing block（最近的块级祖先元素）定位。而后，元素定位表现为在跨越特定阈值前为相对定 位，之后为固定定位。 默认定位 Static： 默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声 明）。 inherit: 规定应该从父元素继承 position 属性的值。
vue2版本中文文档：https://v2.cn.vuejs.org/v2/guide/
在这里我会从 Web 前端零基础开始，一步步学习 Web 相关的知识点，期间也会分享一些好玩的项目。现在就让我们一起进入 Web 前端学习的冒险之旅吧！
cookies、sessionStorage、localStorage的区别是什么？(浏览器)
Vue 作为一款轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟 DOM、运行速度快，并且作者是中国人尤雨溪，对应的 API 文档对国内开发者优化，作为前端 开发人员的首选入门框架 Vue 的优势： 1、Vue.js 可以进行组件化开发，使代码编写量大大减少，读者更加易于理解。 2、Vue.js 最突出的优势在于可以对数据进行双向绑定。 3、使用 Vue.js 编写出来的界面效果本身就是响应式的，这使网页在各种设备上都能 显示出非常好看的效果。 4、相比传统的页面通过超链接实现页面的切换和跳转，Vue 使用路由不会刷新页 面。 5、vue 是单页面应用，使页面局部刷新，不用每次跳转页面都要请求所有数据和 dom，这样大大加快了访问速度和提升用户体验。 6、而且他的第三方 UI 组件库使用起来节省很多开发时间，从而提升开发效率。
同时也不一定需要用#选择器，也可以选择.选择器（对应class），还有标签选择器等等，效果都是一样的。
1 .传统开发模式对比 //原生js <script type="text/javascript"> var msg = 'Hello World'; var div = document.getElementById('msg'); div.innerHTML = msg; </script> //jQuery <script type="text/javascript" src="js/jquery.js"></scr
如果你遇到h5页面这个问题，当输入框在最底部，点击软键盘后输入框会被遮挡，可以如下解决问题：
Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。
基础 - 系统指令 -v-for （ key 属性）（非常重要的面试题） 基础 - 系统指令 -v-for （ key 属性）（非常重要的面试题）
1. 传统开发模式对比 2. Vue.js之HelloWorld基本步骤 3. Vue.js之HelloWorld细节分析 （1）实例参数分析 el： 元素的挂载位置（值可以是CSS选择器或者DOM元素） data：模型数据（值是一个对象） （2）插值表达式用法 将数据填充到HTML标签中 插值表达式支持基本的计算操作 （3）Vue代码运行原理分析 概述编译过程的概念（Vue语法→原生语法）
el是用来设置vue实例挂载（管理）的元素。 vue实例的作用范围：vue会管理el选项命中的元素及其内部的后代元素 可以使用其他的选择器，但是推荐使用id选择器 可以使用除div之外的其他双标签，但是不能使用html和body标签。
Vue是一个开源的javascript框架，并且Vue支持mvc和mvvm两种模式。 Vue是一个构建数据驱动的 web 界面的渐进式框架。采用自底向上增量开发的设计。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件，是又一个js库。 MVC：Model(模型),View(视图),Controller(控制器)
1-Vue基本使用 1.1 传统开发模式对比 1.2 Vue.js之HelloWorld基本步骤 1.3 Vue.js之HelloWorld细节分析 1.实例参数分析 el： 元素的挂载位置（值可以是CSS选择器或者DOM元素） el: '#app' data：模型数据（值是一个对象） data: { msg: 'hello word' } 2.插值表达式用法 将数据填充到HTML标签中 {{msg}} 插值表达式支持基本的计算操作 {{102
父子关系即是组件 A 在它的模板中使用了组件 B，那么组件 A 就是父组件，组件 B 就是子组件。
首先将 Vue.js 下载到本地，本章就以本地的 Vue.js 为例。在本地创建一个工作区即创建一个文件夹，使用 vscode 打开，将 Vue.js 放到工作区目录下。
由 vue-router 产生的每个页面，它本质上也是一个组件（ .vue），主要承载当前页面的 HTML 结构，会包含数据获取、数据整理、数据可视化等常规业务。
使用过vue的程序员一般这样评价它，“vue.js兼具angular.js和react.js的优点”。Vue.js 是一个JavaScript MVVM（Model-View-ViewModel）库，用于渐近式构建用户界面。它以数据驱动和组件化思想构建，采用自底向上增量开发的设计思想。相比Angular.js，Vue.js API更加简洁；相比 React + Redux 复杂的架构，Vue.js 上手更加容易。
组件系统是Vue.js其中一个重要的概念，它提供了一种抽象，让我们可以使用独立可复用的小组件来构建大型应用，任意类型的应用界面都可以抽象为一个组件树：
Vue.js兼容性 Vue.js.js 不支持 IE8 及其以下版本，因为 Vue.js.js 使用了 IE8 不能模拟的 ECMAScript 5 特性。 Vue.js.js 支持所有兼容 ECMAScript 5 的浏览器。 Vue.js安装 安装方式有两种： 1、直接下载用script标签引入（推荐引入开发版本，压缩版本会失去错误提示和警告） 2、使用cdn方法引入 3、npm安装 npm安装的前提需要安装了nodejs，这里推荐nvm安装nodejs 附上一小段nvm使用的命令： $ nvm
SCSS（Sassy CSS）和 CSS（Cascading Style Sheets）是两种用于定义网页样式的语言，它们之间有一些关键的区别：
JPEG,GIF,PNG,最流行的是jpeg格式，可以把文件压缩到最小 在ps以jpeg格式存储时，提供11级压缩级别
优点：时间选择器配色舒适，进度条样式有虚线形式，步骤条更清晰相比有创新。表单字段点击后文字会上浮
之前说过，我们可以通过以下方式创建一个Vue实例 new Vue({ el: '#some-element', // 选项 })
目前我司的后端主要是用PHP来写,发现我们后端的html+js没有采用组件的方式来做，导致代码之间重复率非常高,很难维护，举一个简单的粟子，比如现在我们有两个页面，创建和修改页面,这两个页面都有一个选择时间的控件(datePicker),由于我们没有采用组件化，我们需要分别在两个页面的html+js+css里分别写两遍同样的代码
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
