qq_36145755的博客

转载 uni-app 组件中不能使用页面生命周期函数

在使用uniapp开发组件时用到页面初始化参数，于是在封装的子组件上写了onload方法，发现始终无法调用。于是更改为mounted才行。页面上的onLoad方法是可以起作用的，但是组件中的onLoad方法并没有起作用后来经过一番尝试后还是不行，看文档发现uni-app 支持的页面生命周期函数是包含onLoad的，那为啥没用呢，后来我发现在***组件中并不能使用页面生命周期函数***，所以我直接将onLoad换成mounted。在uni-app的组件中可以直接使用Vue的生命周期函数对逻辑进行处理

原创 前端相关面试题

!doctype作用html5新标签：<header> <footer> <section> <article> <nav> <mark> <canvas> <audio> <video> <time>seo优化长连接和短连接区别get和post的区别，为什么post比get安全闭包，如何解决内存占用问题函数作用域this的指向有哪几种 1. 作为函数调用，非.

转载 vue中key的作用

Vue中key属性的作用在列表渲染时使用key属性使用key属性强制替换元素在列表渲染时使用key属性相信大多数Vue开发者接触到key属性的时候是使用v-for进行列表渲染的时候，如果不使用key属性，Vue会产生警告，那么在这个时候key属性的作用是什么呢？官方文档中说：当 Vue.js 用v-for正在更新已渲染过的元素列表时，它默认用“就地复用”策略。如果数据项的顺序被改变，Vue 将不会移动 DOM 元素来匹配数据项的顺序， 而是简单复用此处每个元素，并且确保它在特定索引下显示已被渲

原创 v-if vs v-show

原创 Ajax相关知识点（面试题）

什么是AjaxAJAX是“Asynchronous JavaScript and XML”的缩写，异步JavaScript和Xml。他是指一种创建交互式网页应用的网页开发技术。为什么使用AjaxAjax应用程序的优势在于：通过异步模式，提升了用户体验优化了浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占用（AJAX最大的特点是什么-----Ajax可以实现动态刷新（局部刷新）就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作，并避免了在网络上发送那

原创 父子组件传值的几种方法

一 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')">

原创 检测数组和对象的变化，动态渲染视图

遇到一个问题：有一个数组，里面是一个个的对象，对象数据包括时间、地点、人物等，将数组数据在视图进行列表渲染，做到某一个对象item数据变化的时候，只渲染改变的那一块itemVue 不能检测数组和对象的变化。对于对象var vm = new Vue({ data:{ a:1 }})// `vm.a` 是响应式的vm.b = 2// `vm.b` 是非响应式的Vue 无法检测 property 的添加或移除。由于 Vue 会在初始化实例时对 property 执行 ge

转载 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":

原创 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

原创 css3---line-clamp控制文本显示行数

-webkit-line-clampCSS 属性 可以把块容器中的内容限制为指定的行数它只有在display属性设置成-webkit-box或者-webkit-inline-box并且-webkit-box-orient属性设置成vertical时才有效果在大部分情况下,也需要设置overflow属性为hidden, 否则,里面的内容不会被裁减,并且在内容显示为指定行数后还会显示省略号(ellipsis ).@mixin line2 { overflow:...

原创 首次使用jquery，嵌入jquery-3.5.1.js，报错Uncaught SyntaxError: Unexpected token

嵌入jquery-3.5.1.js，报错Uncaught SyntaxError: Unexpected token <问题现象原因问题现象原因路径问题：将jquery-3.5.1.js放置在了项目目录的外层，将其拷贝到项目目录后运行正常。