vue
文章平均质量分 72
枕中书
Android、前端、小程序
展开
-
Vue项目记录(疑难问题规整)
1.div设置absolute,如果父div使用clearfix清除浮动,那么该div隐藏显示后再隐藏,在iOS端失效,不会被隐藏。 解决:布局中不适用float属性,使用父div设置display:flex,子div设置flex:比例值方式。...原创 2022-01-24 09:41:50 · 148 阅读 · 0 评论 -
前端面试系列(七)
生产环境(上线操作注意事项)1、vue打包命令是什么?答:vue-cli 生成 生产环境部署资源 的 npm命令:npm run build用于查看 vue-cli 生产环境部署资源文件大小的 npm命令:npm run build --report2、vue打包后会生成哪些文件?答:默认生产 dist 文件夹生产index.html单页面文件将组件中的 css 编译合并成一个 app.[hash].css 的文件,js 则在合并后又拆解成 了 3 个文件:app原创 2021-05-21 15:08:13 · 123 阅读 · 0 评论 -
前端面试系列(六)
UI样式1、如何让CSS只在当前组件中起作用?答:a.style标签加scoped。b.给整体页面加div,在这个div下设置样式。2、vue-cli中常用的UI组件库答:vux: Vue.js 移动端 UI 组件库Amaze ~ 妹子 UIElement:饿了么组件库,适用于开发应用后台mint-ui:移动端 UI 组件库3、如何适配移动端?【 经典 】答:使用百分比长度来取代固定长度。如果做不到这一点,也应该尝试使用与视口相关的单位( vw、vh、vmin 和 v原创 2021-02-23 11:47:16 · 121 阅读 · 0 评论 -
前端面试系列(五)
vue-router1、vue-router如何响应 路由参数 的变化?答:a.watch方法中监听b.beforeRouteUpdate方法中监听2、完整的 vue-router 导航解析流程答:a、导航被触发。b、在失活的组件里调用离开守卫。c、调用全局的 beforeEach 守卫。d、在重用的组件里调用 beforeRouteUpdate 守卫 (2.2+)。e、在路由配置里调用 beforeEnter。f、解析异步路由组件。g、在被激活的组件里调用 be原创 2021-01-19 10:56:48 · 128 阅读 · 0 评论 -
前端面试系列(四)
vue-cli工程1、构建的 vue-cli 工程都到了哪些技术,它们的作用分别是什么?答:a、vue.js:vue-cli工程的核心,主要特点是 双向数据绑定 和 组件系统。b、vue-router:vue官方推荐使用的路由框架。c、vuex:专为 Vue.js 应用项目开发的状态管理器,主要用于维护vue组件间共用的一些 变量 和 方法。d、axios(或者 fetch 、ajax ):用于发起GET 、或POST等http请求,基于Promise设计。e、vux等:一个专为vue设计的原创 2021-01-15 11:25:16 · 92 阅读 · 0 评论 -
前端面试系列(三)
vue核心知识点1、vue.js的两个核心是什么?答:(1)数据驱动,也叫双向数据绑定。Vue.js数据观测原理在技术实现上,利用的是ES5Object.defineProperty和存储器属性: getter和setter(所以只兼容IE9及以上版本),可称为基于依赖收集的观测机制。核心是VM,即ViewModel,保证数据和视图的一致性。(2)组件系统,vue组件的核心选项:a.模板(template):模板声明了数据和最终展现给用户的DOM之间的映射关系。b.初始数据(data)原创 2021-01-12 18:22:36 · 111 阅读 · 0 评论 -
前端面试系列(二)
六、说出至少4种vue当中的指令和它的用法v-if:判断是否隐藏,根据表达式的值的真假条件渲染元素。在切换时元素及它的数据绑定 / 组件被销毁并重建。v-show:根据表达式之真假值,切换元素的 display CSS 属性。v-for:循环指令,基于一个数组或者对象渲染一个列表,vue 2.0以上必须需配合 key值 使用。v-bind:动态地绑定一个或多个特性,或一个组件 prop 到表达式。v-on:用于监听指定元素的DOM事件,比如点击事件。绑定事件监听器。v-model:实原创 2021-01-07 18:28:17 · 97 阅读 · 0 评论 -
前端面试系列(一)
一、Vue的双向数据绑定原理答:vue.js 是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。具体步骤:第一步:需要observe的数据对象进行递归遍历,包括子属性对象的属性,都加上 setter和getter这样的话,给这个对象的某个值赋值,就会触发setter,那么就能监听到了数据变化第二步:compile解析模板指令,将模板中的变量替换成数据,然后初始原创 2020-12-30 18:37:31 · 98 阅读 · 0 评论 -
uni-app项目实践一(uni.request网络请求封装)
import { getToken} from '@/utils/auth'import { baseUrl} from '@/utils/baseUrl.js'/** 请求参数 * 1.url,请求地址 * 2.data,请求参数 * 3.funSuccess,成功回调地址 * 4.funError,失败回调地址 *//* request:POST */export function requestPost(url, data, funSuccess, funError, .原创 2020-12-23 18:32:31 · 1617 阅读 · 0 评论 -
小程序:uniapp开发和原生开发语法区别
uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。所以使用uni-app开发的本质还是使用Vue,本文主要比较的是Vue和小程序原生开发的区别。1.页面布局模板。Vue:模板只有一个根标签 <template> <view></view> </template&.原创 2020-12-17 11:15:01 · 6550 阅读 · 0 评论 -
H5学习之框架总结
1.Mui主要是编写h5页面镶嵌在原生APP中,可以直接复制.css文件到自己的项目中,根据自己设计图风格改变css样式。具有绝大多数APP特色效果,比如banner轮播图,数据下拉刷新、上拉加载,分类选择器,能够满足基础的APP h5页面。使用:搭建Mui项目,引入Mui的css,js样式。官网地址:https://dev.dcloud.net.cn/mui/ui/2.Ele...原创 2019-12-10 18:38:31 · 249 阅读 · 0 评论