- 博客(38)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue打包优化一
DllPlugin和DllReferencePlugin进行打包优化（含webpack.dll.config.js配置等详细内容）
2022-12-15 15:03:17
369
原创 uni-app中监听组件的事件，发现方法中拿不到this
包装一个多列picker组件的时候，监听了picker的change事件和columnchange事件，但是在change的方法中，this为空，指针异常，但是在别的方法columnchange中this指针正常
2022-09-06 00:03:49
1090
原创 Promise的学习笔记
1、Promise的then返回了一个新的Promise let s1 = new Promise((resolve, reject) => {}) let s2 = new Promise((resolve, reject) => { resolve(1111) }).then((res) => { console.log(res) }) console.log(s1,'s1') co
2021-05-12 11:06:42
144
原创 微信小程序scroll-view回到顶部
说明：使用scroll-view，当数据过多，scroll-view容器滚动过长的位置时，如何回到scroll-view的顶部解决方法（仅放置重要代码）：在.wxml文件中，添加scroll-top，并使用model双向绑定<scroll-view class="scroll-content" scroll-y model:scroll-top="{{myScrollTop}}" > ...内容</scroll-view><!-- 回到顶部的图标，含有b
2021-04-24 09:35:58
4224
原创 android studio使用华为真机调试各种报错
1、提示unable to load script.make sure you're either running a metro server (run 'react-native start') or that your bundle 'index.android.boundle' is packaged correctly for release.解决方案：进入项目的android>build.gradle文件，修改project.ext.react为如下，重点是bundleInDebug:
2021-03-27 13:55:32
1169
原创 configureWebpack两种格式配置alias别名（亲测有效）
一、configureWebpack对象形式configureWebpack:{ resolve: { // 别名配置 alias: { 'assets': '@/assets', 'common': '@/common', 'components': '@/components', 'network': '@/network',
2020-10-27 09:38:23
10336
4
原创 移动端（微信端）显示控制台
1、安装vconsolenpm安装npm install vconsole二、使用vconsole在App.vue中直接引入import Vconsole from 'vconsole'在App.vue中创建实例mounted(){ const vConsole = new Vconsole()}
2020-10-26 10:28:28
870
原创 watch的deep属性监听对象，没有监听到对象的属性新增
问题说明子组件监听父组件传过来的infoData，父组件的infoData是一个个添加属性的父组件中infoData的添加对象代码如下： this.infoData.customerId = data.customerId; this.infoData.customerName = data.customerName; this.infoData.customerAdress = data.customerAdress; t
2020-10-14 08:59:21
781
1
转载 淘宝镜像
安装淘宝npm：参考文档：https://www.cnblogs.com/yiweiyihang/p/8064604.html1. 临时使用npm --registry https://registry.npm.taobao.org install express2. 持久使用npm config set registry https://registry.npm.taobao.org配置后可通过下面方式来验证是否成功npm config get registry使用npm inst
2020-09-30 13:51:47
117
原创 jsx的默认插槽、具名插槽、作用域插槽使用
目录：默认插槽和具名插槽：子组件：<script>export default { name: 'HellHome', render() { return ( <div class="hello"> <h1>默认插槽</h1> {this.$slots.default} <h1>具名插槽</h1> {this.$slots.mike}
2020-09-29 17:35:59
3528
1
原创 区分用户使用PC端还是非PC端（移动端等）
computed: { /** * 判断是够是pc设备 */ IsPC() { const userAgentInfo = navigator.userAgent; const Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPod"]; let flag = true; Agents.forEach(item => { if..
2020-09-26 17:19:39
267
原创 解决.scss的普通样式能生效，但是嵌套写法，变量等都失效
问题说明：类似这样的样式能实现：但是变量，嵌套写法等scss特有的语法都失效了错误原因：解决方法：
2020-09-15 17:08:56
4870
3
原创 vue 引用外部字体样式
1、在你喜欢的目录下创建一个font.css文件2、font.css中定义字体名称、引用路径等@font-face { font-family: 'PUTHAfont'; src: url('./PUTHIAfont.TTF'); font-weight: normal; font-style: normal; }3、在main.js中全局引入该字体import Vue from 'vue'import App f
2020-08-16 21:21:29
1556
原创 监听鼠标右键事件并取消默认事件
思路：1、先取消默认右击事件：监听一个oncontextmenu事件，然后使用event.preventDefault();oncontextmenu = {(event) => {event.preventDefault()}}2、判断是否为右击事件：监听一个onmousedown事件，然后event.Button0为左键，event.Button1为滚轮，event.Button==2为右键onmousedown= {(event) => {if(event.Button=
2020-08-01 15:48:29
4075
1
原创 html导出docx文件
1、npm安装$ npm install --save html-docx-js$ npm install --save file-saver2、引入import htmlDocx from 'html-docx-js/dist/html-docx';import saveAs from 'file-saver';3、点击事件实现导出<template> <div class="about"> <button @click="this.expor
2020-08-01 15:25:37
4908
3
原创 实现iframe内嵌页面与父页面通讯
详细介绍地址：https://developer.mozilla.org/zh-CN/docs/Web/API/Window/postMessageiframe内嵌页面发送数据<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0
2020-07-31 15:18:01
435
原创 vue中使用jsx封装一个文件预览的组件，可实现全屏，退出全屏，关闭预览等效果
1、创建一个组件（其中包含全屏，退出全屏，关闭预览等功能，加载中的组件使用了antd的组件库，使用jsx渲染页面，可改成template）目录：Component.vue内容：<script>export default { name: 'FilePreview', props: { }, data() { return { // 是否显示整个预览组件（默认不显示，点击预览按钮触发show事件 isShow: false,
2020-07-22 13:23:49
635
原创 点击图标实现图片上传及相同图片上传无法触发change事件的问题解决
1、渲染（用了antd的组件） <a-button type="primary" onClick={this.chooseImg}> <a-icon type="file-image" /> </a-button> <input type="file" onChange={this.getFile} accept="image/*" ref="imginput" style="display:none"/>2、选择图片文件的方法： /**
2020-07-20 17:43:21
560
原创 vue使用jsx语法渲染html型的数据
数据：data() { return { previewHTML: '<div>dddd</div>', } }vue使用jsx语法渲染时：render() { return ( <div id="cropper"> <div {...{ domProps: { innerHTML: this.previewHTML }
2020-07-18 17:47:13
1232
2
原创 base64格式图片数据转为图片格式
1、安装npm i image-tools --save2、引入import { pathToBase64, base64ToPath } from 'image-tools'3、调用方法pathToBase64pathToBase64(path) .then(base64 => { console.log(base64) }) .catch(error => { console.error(error) })base6
2020-07-18 16:23:40
5769
1
原创 使用vue-cropper实现图片裁剪，放大缩小，实时预览等
1、安装npm install vue-cropper -S2、main.js引用import VueCropper from 'vue-cropper' import Antd from 'ant-design-vue';import 'ant-design-vue/dist/antd.css';Vue.config.productionTip = falseVue.use(Antd)Vue.use(VueCropper)3、主要文件<template> <
2020-07-18 16:16:30
8816
2
原创 vue 使用jsx进行渲染时，出现提示可能无限循环You may have an infinite update loop in a component render function.
错误提示：[Vue warn]: You may have an infinite update loop in a component render function.错误代码：正确写法：1.不需要入参：onClick={this.changeLanguage}2.需要入参写成箭头函数onClick={() =>{ this.changeLanguage(item.type) }}错误原因：写 onClick={this.cha
2020-07-10 10:01:15
718
原创 git创建本地和远程分支，合并等相关口令
步骤主要为 创建一个本地分支userdev，创建并更新代码到远程分支user(区分一下)，本地master合并userdev并更新到远程master查看所有本地分支以及当前所在分支口令：git branch创建和切换本地分支口令（方法一）：git branch userdevgit checkout userdev创建和切换本地分支口令（方法二）：git checkout -b userdev如果提示‘error: you need to resolve your curr
2020-07-03 21:31:55
140
原创 路由死循环报错‘vue-router.esm.js?8c4f:2181 RangeError: Maximum call stack size exceeded’
跳转路由时加了一个导航守卫验证是否存在token，没有则跳转登录页面错误提示：RangeError: Maximum call stack size exceeded错误代码：// 是否带有token值，有的话正常跳转，没有的话就跳转login页面router.beforeEach((to, from, next) => { if (!window.sessionStorage.getItem('mytoken')) return next('/login') next()})
2020-07-03 20:21:30
3676
2
原创 子路由路径写/和不写/的差别
突然发现子路由path写不写‘/’是有差别的1. 路径不写 ’ / ' { path: '/home', component: Home, children: [ { path: '', redirect: 'welcome' }, { path: 'welcome', component: Welcome } ] }浏览器中路径显示：跳转welco
2020-07-02 23:02:06
711
原创 git pull回退使用 git reset --hard HEAD{3}报错error: unknown switch `e‘
执行git pull 之后不小心把本地的文件覆盖了，然后使用 git reset --hard HEAD{3}回退，结果报错error: unknown switch `e’错误提示截图：解决方法：1、执行git relog2、执行git reset --hard 08a2958后面的一串数字来自上一步的结果...
2020-07-02 14:04:07
3060
1
原创 debounce防抖函数的使用
debounce防抖函数的使用说明：1.首页有30多张图片，每次图片加载完都要执行一个refresh的函数，由于执行次数过多，对refresh函数进行防抖2.图片位于组件goodsitem.vue中，需要发送事件给home.vue步骤：1. 创建一个utils.js文件封装debounce函数//func为要执行的函数（要防抖的），delay为防抖的毫秒数，在该毫秒数内的函数会被合并掉export function debounce(func, delay) { let timer = n
2020-06-30 14:07:14
2339
原创 vue封装toast插件
代码是跟着coderwhy王红元老师的视频打的，这里主要是记录一下摘要：想要的效果：监听事件的点击，调用一个method，method中再调用this.$toast.show(message,duration)，其中message为提示语，duration为提示语的显示时长步骤（以下步骤非严格步骤顺序，太麻烦就直接整个文件代码放上来了）：创建一个components文件夹，其中包含两个文件，index.js和toast.vue编辑toast.vue组件的样式<template>
2020-06-30 13:15:17
217
3
原创 vue中的图片懒加载-vueLazyLoad
vue框架中实现图片懒加载详细地址：https://github.com/hilongjw/vue-lazyload步骤如下：安装 npm install vue-lazyload --save在main.js文件中导入引用import vueLazyLoad from 'vue-lazyload';安装插件//朴素版 Vue.use(vueLazyLoad); //丰富版Vue.use(vueLazyLoad,{ preLoad: 1.3, error:
2020-06-30 12:45:57
140
原创 数据请求结果打印显示[object,Object]
数据请求成功了，打印结果应该显示具体对象却显示了[object,Object]错误显示截图：解决方法：错误写法： console.log('res:'+res);优秀的正确写法：console.log('res:',res);错误原因：console.log(‘res:’+res) 写法默认打印res.tostring...
2020-06-20 14:22:28
1777
原创 路由使用query和params的差别
axios使用query和params的差别1.入参的差别：methods: { itemClick() { // query方式： this.$router.push({ path: "/detail", query: { iid : this.goodslistitem.iid } }); // params方式 this.$router.push('/
2020-06-20 13:38:51
372
原创 执行git push命令时出现 “ fatal: ‘ origin ’ does not appear to be a git repository ” 错误
输入git push -u origin master命令后出现如下错误提示：fatal: 'origin' does not appear to be a git repositoryfatal: Could not read from remote repository.Please make sure you have the correct access rights and the repository exists出现原因：不存在origin远程仓库解决方法： 重新关联远程仓库指
2020-05-17 15:54:39
4326
原创 cmd中使用Git Bash上传文件到Git仓库
第一次使用Git Bash上传文件到Git仓库的过程记录1.win+R输入cmd命令2.进入文件所在的盘(如果在同一个盘，忽略步骤1）：C:\Users\Wang>F:3.找到文件夹位置（例如F:\myGitHub\study\new01.html)：F:\>cd F:\myGitHub\study4.将此文件夹下创建一个本地git仓库（成功后会显示该目录下有一个.git子目录，它就是那个git仓库了）F:\myGitHub\study>git init5.把项目文件
2020-05-17 15:26:17
628
mfz-rxtx-2.2-20081207-win-x86x64.zip
2020-08-03
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人