- 博客(18)
- 收藏
- 关注
RSS订阅原创 微信小程序之重写Vant Weapp组件样式
在微信小程序中，若封装组件内部有使用到 Vant 组件，且想重写样式，需在 options 配置 styleIsolation: ‘shared’
2023-07-11 09:57:54
589
1
原创 uniapp如何优雅的刷新上一页面的数据
使用场景：A页面点击跳转B页面，B页面操作完需回到A页面进行数据更新第一步：根据官方API:getCurrentPages 拿到当前页面的实例 API详解第二步：通过 length -2 获取上一个页面的实例，getCurrentPages获取到的页面栈实例以数组形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面第三步：通过$vm获取上一页面内所挂载的所有属性，调用更新数据的函数方法第四步：返回至上一页面let pages = getCurrentPages(); // 当前页面
2022-02-17 10:10:20
2249
翻译 uniapp的几种通信方式
URL传参字符串拼接通过uni.navigateTo()跳转的应用内非 tabBar 的页面的路径 , 路径后可以带参数。参数与路径之间使用?分隔，参数键与参数值用=相连，不同参数用&分隔；如 path?key=value&key2=value2，path为下一个页面的路径，下一个页面的onLoad函数可得到传递的参数encodeURIComponenturl有长度限制，太长的字符串会传递失败，可以使用encodeURIComponent对参数进行编码uni.navigateTo(
2021-09-23 15:36:45
2677
原创 javaScript原型、原型链
定义:原型是function对象的一个属性，它定义了构造函数制造出的对象的公共祖先。通过该构造函数产生的对象，可以继承该原型的属性和方法。原型也是对象利用原型特点和概念，可以提取共有属性//Car.prototype --指的就是 Car的原型对象//Car.prototype = {} 祖先Car.prototype={ height : 1400, lang : 4900, carName : "BMW"}//提取3个共有属性function Car(color,o
2021-08-10 16:08:47
120
原创 webpack与模块化
模块化的核心独立的作用域如何导出模块内部数据如何导入外部模块数据ESM（ECMAScript Module）独立模块作用域一个文件就是模块，拥有独立的作用域，且导出的模块都自动处于严格模式下，即use strict导出模块内部数据// 分别导出，可导出多次，import时变量名需与导出的变量名一致export const key1 = {}export const key2 = ()=>{ return something...}// 默认导出，import时可自定义变
2021-08-02 14:51:07
109
原创 vue2 + webpack 项目编译慢解决
解决方法：安装第三方插件【babel-plugin-dynamic-import-node】npm install babel-plugin-dynamic-import-node --save-dev配置 babel 文件const res = { presets: [ '@vue/app' ]}if (process.env.NODE_ENV === 'development') { res.env = { development: { plugi
2021-07-05 13:50:22
944
原创 Promise async 的使用
Promise[Promise的构造函数接收一个参数，是函数，并且传入两个参数：resolve，reject，分别表示异步操作执行成功后的回调函数和异步操作执行失败后的回调函数。][resolve]是将Promise的状态置为[resolved]并且用于返回promise对象的值，以便后续.then的使用[reject]是将Promise的状态置为[rejected]并且用于返回promise对象的值，以便后续.catch的使用function runAsync(){ var p
2021-05-10 15:10:11
1034
原创 对象、类、面向对象编程
理解对象属性的类型数据属性Configurable：表示属性是否可以通过 delete 删除并重新定义Enumerable：表示属性是否可以通过 for-in 循环返回Writable：表示属性的值是否可以被修改Value：包含属性实际的值合并对象Object.assign() ：该方法接收一个目标对象和一个或多个源对象作为参数let dest = {}result = Object.assign(dest,{a:'foo'},{b:'bar'});console.log(res
2021-02-19 17:29:10
136
原创 Vue中的 provide 和 inject 如何实现响应式传值？
官方文档对于provide和inject的说明：传送门.由文档可以得知，这对选项必须搭配使用才能有效果**使用场景：**当父组件需要给子孙组件共享父组件的数据时，在父组件中通过 provide 返回一个对象，在子孙组件中通过 inject:[key] (key是父组件provide对象绑定的key) ，如此就可以在子孙组件中共享父组件的数据在使用场景中，肯定是希望父组件的数据一旦发生改变，子孙组件获取到的也是父组件更新后的数据。那么，怎么实现父组件与子孙组件所绑定的数据动态响应呢？---------
2020-09-17 09:44:32
2842
3
转载 SourceTree安装
官网下载：https://www.sourcetreeapp.com/安装.net ，若安装不成功按如下的3-4步骤进行设置即可安装证书 ：https://blog.csdn.net/quantum7/article/details/99942830操作步骤：https://jingyan.baidu.com/article/49ad8bce0b000a1934d8faf6.html...
2020-07-16 12:45:28
150
原创 element dialog组件使用的坑
在同一个页面下，有两个dialog需要进行切换(全屏遮罩层)，发现切换的时候会出现闪烁问题，用户体验极其不适。解决办法：将两个需要进行切换的内容分装成两个盒子，都装在一个dialog 标签内，通过v-if 或 v-show 进行判断显示。...
2020-07-08 10:51:09
1328
原创 Vue父子组件传值props的问题记录
突发奇想有一个疑问：我们都知道子组件的props可以设置type属性，那我就有个疑问，如果父组件传过去的值与子组件props设定的type数据类型不匹配会怎样？// 父组件<template> <div class="about"> <sun :sendData="fatherData">子组件</sun> </div></template><script>import sun from './su
2020-07-07 17:59:41
421
转载 vue中如何封装axios
import axios from 'axios'import { Message } from 'element-ui'import store from '@/store'import { getToken } from '@/utils/auth'// 创建axios实例const service = axios.create({ baseURL: process.env.BASE_API, // api的base_url timeout: 5000 // 请求超时时间})/
2020-06-28 11:29:58
194
原创 前端工程化开发-vue中配置webpack-alias
为了提高开发效率，机智的小伙伴早已为自己配置好了好用的路径引用方法---webpack的alias
2020-06-28 11:08:38
135
原创 ES6中的可迭代对象
在ES6中，数组、Set、Map、字符串都是可迭代对象。默认情况下定义的对象（Object）是不可迭代的，但是可以通过Symbol.Iterator创建迭代器。Set var arr = ["红","黄","蓝","红"] var res = new Set(arr); console.log(res)...
2020-06-10 17:25:58
563
原创 Vuex中的state、mutations、actions、modules、getters
VueXVuex 是一个专为 Vue.js 应用程序开发的状态管理模式。state存储状态；驱动应用的数据源mutations更改 Vuex 的 store 中的状态的唯一方法是提交 mutation ；mutation必须是同步的，如果要异步需要使用action ；它会接受 state 作为第一个参数 ，提交载荷作为第二个参数。（提交荷载在大多数情况下应该是一个对象）,提交荷载也可以省略const store = new Vuex.Store({ state: {
2020-06-08 20:27:39
539
原创 字符串截取的常用方法substring、substr、slice
传入负数的情况：var stringValue = "hello world"; alert(stringValue.slice(-3)); //"rld" alert(stringValue.substring(-3)); //"hello world" alert(stringValue.substr(-3)); //"rld" alert(stringValue.slice(3, -4)); //"lo w" alert(stringValue.substring(3, -4)); //"
2020-06-08 19:30:44
545
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人