- 博客(11)
- 收藏
- 关注
转载 uni-app 组件中不能使用页面生命周期函数
在使用uniapp开发组件时用到页面初始化参数,于是在封装的子组件上写了onload方法,发现始终无法调用。于是更改为mounted才行。页面上的onLoad方法是可以起作用的,但是组件中的onLoad方法并没有起作用后来经过一番尝试后还是不行,看文档发现uni-app 支持的页面生命周期函数是包含onLoad的,那为啥没用呢,后来我发现在***组件中并不能使用页面生命周期函数***,所以我直接将onLoad换成mounted。在uni-app的组件中可以直接使用Vue的生命周期函数对逻辑进行处理
2020-09-11 13:01:51
2356
4
原创 前端相关面试题
!doctype作用html5新标签:<header> <footer> <section> <article> <nav> <mark> <canvas> <audio> <video> <time>seo优化长连接和短连接区别get和post的区别,为什么post比get安全闭包,如何解决内存占用问题函数作用域this的指向有哪几种 1. 作为函数调用,非.
2020-08-24 21:39:40
157
转载 vue中key的作用
Vue中key属性的作用在列表渲染时使用key属性使用key属性强制替换元素在列表渲染时使用key属性相信大多数Vue开发者接触到key属性的时候是使用v-for进行列表渲染的时候,如果不使用key属性,Vue会产生警告,那么在这个时候key属性的作用是什么呢?官方文档中说:当 Vue.js 用v-for正在更新已渲染过的元素列表时,它默认用“就地复用”策略。如果数据项的顺序被改变,Vue 将不会移动 DOM 元素来匹配数据项的顺序, 而是简单复用此处每个元素,并且确保它在特定索引下显示已被渲
2020-08-14 15:48:33
414
原创 Ajax相关知识点(面试题)
什么是AjaxAJAX是“Asynchronous JavaScript and XML”的缩写,异步JavaScript和Xml。他是指一种创建交互式网页应用的网页开发技术。为什么使用AjaxAjax应用程序的优势在于:通过异步模式,提升了用户体验优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用(AJAX最大的特点是什么-----Ajax可以实现动态刷新(局部刷新)就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作,并避免了在网络上发送那
2020-08-14 15:04:54
234
原创 父子组件传值的几种方法
一 Prop 向子组件传递数据,$emit监听子组件事件//子组件Vue.component('Child', { props: ['title'], template: '<h3>{{ title }}</h3>'})//父组件调用<Child title="My journey with Vue"></Child>//子组件<button v-on:click="$emit('enlarge-text')">
2020-08-09 16:36:28
6961
原创 检测数组和对象的变化,动态渲染视图
遇到一个问题:有一个数组,里面是一个个的对象,对象数据包括时间、地点、人物等,将数组数据在视图进行列表渲染,做到某一个对象item数据变化的时候,只渲染改变的那一块itemVue 不能检测数组和对象的变化。对于对象var vm = new Vue({ data:{ a:1 }})// `vm.a` 是响应式的vm.b = 2// `vm.b` 是非响应式的Vue 无法检测 property 的添加或移除。由于 Vue 会在初始化实例时对 property 执行 ge
2020-08-04 16:34:35
275
转载 vue element-ui按需加载,安装完成后项目启动报错Error: Cannot find module ‘babel-preset-es2015‘
项目使用vue cli3脚手架工具构建按照element 官方文档中所示。npm install babel-plugin-component -D然后添加.babelrc文件{ "presets": [["es2015", { "modules": false }]], "plugins": [ [ "component", { "libraryName": "element-ui", "styleLibraryName":
2020-07-16 10:40:15
3018
原创 vue-devtools安装步骤
vue-devtools是vue的调试工具,可直接在chrome上调试自己的vue项目,具体安装如下:下载github下载地址:https://github.com/vuejs/vue-devtools/tree/master注意要下载master版本可以克隆或者直接下载zip------我是直接下载zip,比较方便安装zip解压后,进入到解压目录输入 npm install 进行安装安装完成之后,找到\shells\chrome\manifest.json文件,将"persiste
2020-07-07 20:44:05
432
1
原创 css3---line-clamp控制文本显示行数
-webkit-line-clampCSS 属性 可以把块容器中的内容限制为指定的行数它只有在display属性设置成-webkit-box或者-webkit-inline-box并且-webkit-box-orient属性设置成vertical时才有效果在大部分情况下,也需要设置overflow属性为hidden, 否则,里面的内容不会被裁减,并且在内容显示为指定行数后还会显示省略号(ellipsis ).@mixin line2 { overflow:...
2020-07-01 17:59:52
820
原创 首次使用jquery,嵌入jquery-3.5.1.js,报错Uncaught SyntaxError: Unexpected token
嵌入jquery-3.5.1.js,报错Uncaught SyntaxError: Unexpected token <问题现象原因问题现象原因路径问题:将jquery-3.5.1.js放置在了项目目录的外层,将其拷贝到项目目录后运行正常。
2020-06-19 12:02:13
4273
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人