摘要:
问题一:如何实现文件禁止折行,超过部分用省略号隐藏? white-space 属性设置如何处理元素内的空白 normal默认。空白会被浏览器忽略。 pre 空白会被浏览器保留。其行为方式类似 HTML 中的 pre 标签。 nowrap文本不会换行,文本会在在同一行上继续,直到遇到 br 标签为止。 阅读全文
摘要:
input:disabled{ color:xxx; opacity:1; //text-fill-color文本填充颜色,只兼容webkit内核 -webkit-text-fill-color:xxx; -webkit-opacity:1; font-size:16px; } 阅读全文
摘要:
第一种:外层边框部分高度固定,内部块级结构居中 html结构: style样式: 阅读全文
摘要:
Promise对象是ES6( ECMAScript 2015 )对于异步编程提供的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。 详细解答: 传统回调: Promise对象改写: Promise对象的两个特点: 1、对象的状态不受外界影响。 Promise对象有三种状态:pen 阅读全文
摘要:
问题一:vue-router有哪几种导航钩子( 导航守卫 )? 1、全局守卫: router.beforeEach 2、全局解析守卫: router.beforeResolve 3、全局后置钩子: router.afterEach 4、路由独享的守卫: beforeEnter 5、组件内的守卫: b 阅读全文
摘要:
问题一:什么是vue.js中的自定义指令? 自定义一些指令对底层DOM进行操作 更多参考 Vue里面有许多内置的指令,比如v-if和v-show,这些丰富的指令能满足我们的绝大部分业务需求,不过在需要一些特殊功能时,我们仍然希望对DOM进行底层的操作,这时就要用到自定义指令。 问题二:自定义指令的几 阅读全文
摘要:
methods : { //禁止滚动 stop(){ var mo=function(e){e.preventDefault();}; document.body.style.overflow='hidden'; document.addEventListener("touchmove",mo,fa 阅读全文
摘要:
第一步,在 src 下新建 const 文件夹下 新建 const.js 第二步,如何在 const.js 文件下,设置常量 第三步,在 main.js 下全局引入: 第四步,即可在 .vue 组件中使用: 问题二:在 JS 中使用全局常量 第一步,在 src 下新建 const 文件夹下 新建 t 阅读全文
摘要:
计算属性: 模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如: 在这个地方,模板不再是简单的声明式逻辑。你必须看一段时间才能意识到,这里是想要显示变量 message 的翻转字符串。当你想要在模板中多次引用此处的翻转字符串时,就会更加难以 阅读全文
摘要:
文件结构: 过滤器们放在filter文件夹下 filter/filter.js: 这个文件主要是写了过滤器实现的方法,然后export进行导出。 main.js: 在 .vue 组件下使用 问题二:vue-cli工作中常用的过滤器 在 .vue 组件中的使用示例: 常用的过滤器,filter/fil 阅读全文
摘要:
使用v-cloak指令,v-cloak不需要表达式,它会在Vue实例结束编译时从绑定的HTML元素上移除,经常和CSS的display:none配合使用。 这时虽然已经加了指令v-cloak,但其实并没有起到任何作用,当网速较慢、Vue.js 文件还没加载完时,在页面上会显示{{message}}的 阅读全文
摘要:
变异方法: Vue 包含一组观察数组的变异方法,所以它们也将会触发视图更新。这些方法如下: push() pop() shift() unshift() splice() sort() reverse() 替换数组: 例如:filter(), concat()和 slice() 。这些不会改变原始数 阅读全文
摘要:
1、vue生命周期和生命周期钩子函数: vue 的生命周期是: vue 实例从创建到销毁,也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程。 在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。 问题二:vue生命周期钩子函 阅读全文
摘要:
在编写组件的时候,时刻考虑组件是否可复用是有好处的。一次性组件跟其他组件紧密耦合没关系,但是可复用组件一定要定义一个清晰的公开接口。 Vue.js组件 API 来自 三部分:prop、事件、slot: prop 允许外部环境传递数据给组件,在vue-cli工程中也可以使用vuex等传递数据。 事件允 阅读全文
摘要:
keep-alive:主要用于保留组件状态或避免重新渲染。 比如: 有一个列表页面和一个 详情页面,那么用户就会经常执行打开详情=>返回列表=>打开详情这样的话 列表 和 详情 都是一个频率很高的页面,那么就可以对列表组件使用<keep-alive></keep-alive>进行缓存,这样用户每次返 阅读全文
摘要:
通过v-on 监听 和$emit触发来实现: 1、在父组件中 通过v-on 监听 当前实例上的 自定义事件。 2、在子组件 中 通过'$emit'触发 当前实例上的 自定义事件。 示例: 父组件: 结果: 子组件 会调用 父组件的fatherMethod 方法,该并且会alert 传递过去的参数:{ 阅读全文