- 博客(14)
- 收藏
- 关注
RSS订阅原创 uniapp不使用高德key获取定位(可搜索具体位置)
可以不通过获取高德key(高德key获取还是很麻烦的，博主通过在插件市场找一个非常nice的插件可以实现上面需求)uniapp+vue2技术不支持vue3。想通过选择地图位置获取经纬度和具体位置。
2023-05-25 16:11:29
452
1
原创 【无标题】
vuex一共包含5个模块，分别是state，getter ，mutation，action， module在main.js中引入vuex的核心store每一个Vuex应用的核心就是store(仓库),store基本上就是一个容器，它包含着你的应用中大部分的状态 (state)。state（存储数据的容器）我们可以通过这中方法获取state的值：方案一：当这个页面只出现一次可以达到（不建议）方案二: 当有很多页面需要这个参数时，用下面方法（一种更简单方法，推荐使用）通过计算属性方法获取
2022-06-30 10:59:18
102
原创 react日志页面获取数据
react antd pro<LogTable orderUkid={e.mailUkid} />class LogTable extends React.Component<{ orderUkid: string },{ dataList: LogItem[], loading: boolean,}>{// 定义传参的类型 orderUkid: string; constructor(props: any) { supe
2021-03-29 14:00:13
344
原创 react+antd pro中获取后台数据传参
react+antd pro中获取后台数据传参获取后台数据并渲染到页面中// 这个是前端渲染render: (convertStatusName: any, item: MailExtListItem) => { const menuDetail = ( <Menu onClick={({ domEvent, key }: any) => { console.log('domEvent:',domEvent,'item:',
2021-03-29 13:23:04
1265
原创 vue面试题补充
1、Vue中数据发生变化，vm却知道发生改变（1）Vue在创建vm时，会将数据配置到实例中，内部通过Object.defineProperty方法，对数据进行get与set方法的绑定，当获取数据的时候会触发get方法，修改数据的时候会触发set方法，当set执行结束吗，内部会进一步触发watcher进行监听，从而数据改变，试图重新渲染Object.defineProperty：es5新增特性，但是IE678不支持，所以Vue只能应在IE9+的浏览器上（2）vue内部通过数据劫持&发布订阅模式实
2020-10-10 10:21:17
451
原创 react的笔记
react与传统mvc的关系react是一个轻量级的视图层库！！！react不是一个完整的mvc库，最多认为是mvc中的view，甚至react并不非常认可mvc开发模式；react构建页面UI库。可以简单地理解为，react将界面分成各个独立的小块，每一块都是组件，组件之间可以组合、嵌套，就成了我们的界面react高性能的体现： 虚拟domreact高性能的原理：在web开发中我们总需要将变化的数据实时反映到ui上，这时就需要对dom进行操作。而复杂或频繁的dom操作通常是性能瓶颈产生的原因（提高
2020-10-10 10:19:21
114
原创 vue面试题
1.VUE中的数据发生了改变，vm却知道数据发生改变了？（VUE中的双向数据绑定的原理是什么？）VUE创建vm的时候，会将数据配置到实例中然后通过内部的Object.defineProperty()方法，对数据绑定了get与set当获取数据的时候，会触发对应的get方法当设置数据的时候，会触发set方法一旦set方法触发完毕之后，内部会进一步触发watcher，从而实现数据改变，视图重新渲染。2.动态改变属性值得时候为什么不会更新视图？怎么让其变成响应式的？name属性是被vue实例进行挂载了
2020-10-10 10:18:03
145
原创 vuex的属性和使用方法
一.简介vuex的官方介绍Vuex是一个专为Vue开发的应用程序的状态管理模式，它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex采用类似全局对象的形式来管理所有的组件的公用数据，如果想修改这个全局对象的数据，需要安装Vuex提供的方式来修改二、优点Vuex状态管理跟使用传统全局变量的不同之处：1.Vuex的状态存储是响应式的：就是当你的组件使用到了这个Vuex的状态，一旦它改变了，所有关联的组件都会自动更新相对应的数据，这样开发者省事很多。
2020-10-08 13:57:51
350
原创 vue的组件通信
第一种父子通信1、创建子组件，在src/components/文件夹下新建一个Child.vue2、Child.vue中创建props，然后创建一个名为message的属性<template> <div> <h2>child子组件</h2> <p> {{ message }} </p> </div></template><script> export default{ pr
2020-10-06 16:32:28
127
原创 vue中$nextTick的作用
一.什么是Vue.nextTick()定义就是：在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的DOM所以就衍生出来了这个获取更新后的DOM的Vue放。所以放在Vue.nextTick()回调函数中执行的应该是会对DOM进行操作的jsdaim理解： nextTick()，是将回到函数延迟在下一次DOM更新数据后调用，简单的理解就是：当数据更新了，在DOM中渲染后，自动执行该函数<template> <div class="hello">
2020-10-05 13:53:37
6136
3
原创 vue中created和mounted的区别
总结beforeCreate 创建之前：已经完成了初始化事件和生命周期created 创建完成： 已经完成了初始化的注册和相应beforeMount 挂载之前：已经完成了模板的渲染mounted 挂载之后：已经完成了HTML虚拟化，创建了el节点可以操作dombeforeDestory 摧毁之前： 整个vue都处在实时监控渲染和更新destoryed 已经摧毁：已经摧毁了观察者，子元素和事件监听数据初始化一般放到created里面，这样可以及早发送请求获取数据，如果有依赖dom必须存在的情况，
2020-10-04 22:39:01
2556
原创 vue中计算属性和watch的区别和使用方法
这里写自定义目录标题计算属性computed和watch的区别两者的主要区别验收一下计算属性computed和watch的区别通俗的来说既能实现computed又能够实现watch的推荐使用computed，重点在于computed的缓存功能。computed是用来声明式的描述一个值依赖其它的值，当所有依赖的值或者变量改变的时候，计算属性也会随着该变；watch主要是监听data里面的定义的量，当该变量变化的时候，触发watch两者的主要区别计算属性的依赖值改变会重新执行函数，计算属性是取返回值来
2020-10-02 17:44:49
7158
原创 vue中的持久化插件
vuex-persistedstate持久化插件的安装以及使用规则利用vuex-persistedstate安装方法插件的原理：其实也是结合了存储方式,只是统一的配置就不需要手动每次都写存储方法npm install vuex-persistedstate -S引入以及配置使用在公共仓库store下的index.js引入import createPersistedState from "vuex-persistedstate"const store = new Vuex.Store({ p
2020-09-27 09:31:03
1126
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人