- 博客(17)
- 收藏
- 关注
RSS订阅原创 vue vite打包栈溢出，FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript
FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript
2023-12-05 11:34:10
713
原创 vue3 + vite + typescript封装axios及使用，上传、导入，下载、导出
下载导出需要安装file-saver插件。2、api目录下创建task/index.ts文件。
2023-10-26 13:48:52
457
原创 ztree封装的树结构vue组件
先来一张效果图：1.z-tree插件下载地址http://www.treejs.cn/v3/main.php#_zTreeInfo2.下载完成后将插件放到项目里在mian.js里面引入即可//main.js中引入import './plugins/zTree/jquery.ztree.all.js'import './plugins/zTree/jquery.ztree...
2019-09-20 18:31:22
1436
1
原创 微信密码输入框功能效果实现（vue）
效果图如下：html代码：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, ma
2018-12-27 17:06:22
1170
1
原创 微信支付流程
正常情况下如果我们的项目如果涉及微信支付或者其他功能，我们都会在项目进来之前先获取到openId存到后台备用，也就是说只有先获取到openId这个唯一标识才能实现微信相关的功能使用。首先获取openId 方法一 后台直接返回给我们一个Url让我们去跳转，然后使用window.location跳转就行，类似下面这样的一个链接地址window....
2018-11-30 19:33:39
392
原创 图解构造函数-实例-原型对象三者之间的关系
1.实例是通过new构造函数创建的；2.当你通过实例对象访问某个属性的时候，他会先在当前实例上查找，如果找到则直接返回。3.如果找不到则会通过实例的__proto__属性连接到原型对象prototype上查找，如果有则直接返回。4.如果没有会继续通过原型的__proto__向上查找，一直找到Object的原型上，如果还是没有返回null。...
2018-06-30 22:25:13
781
原创 swiper在vue中使用的注意点
一、引入 直接在swiper官网下载相关的js, css文件，在index.html文件中使用script标签引入即可；二、使用 在生命周期mounted中直接new Swiper( )即可三、注意点 1. 有时我们使用swiper时会出现无法滑动的现象，主要原因可能是没有获取到dom元素,可以使用this.$nextTick( )或者加setTimeOu...
2018-06-14 16:49:44
3182
2
原创 vue项目中引入jQuery或zepto的方法
虽然在使用vue进行项目开发的时候不推荐对DOM进行操作，但是在有些时候还是避免不了的，这样有时候我们就需要引入jQuery或者zepto以便实现特殊功能的开发。 下面就对如何在vue项目引入jquery和zepto进行相关的总结，使用的是vue-cli搭建的项目，推荐使用zepto更加方便。 一、引入jQuery 1. npm ins...
2018-03-23 17:21:34
3654
原创 vue图片上传组件，包括base64、二进制上传及图片旋转
最近做的vue项目中好多涉及到图片上传的，为了方便开发就进行了相关总结。因为公司有好多项目，并且使用的是不同后台语言，有的需要通过base64字符串传递，有的需要转换成二进制数据流传递，有的可以直接使用from表单进行提交。后来有涉及到ios上拍照图片会旋转的问题，也一并进行了封装。好了废话不多说直接上代码。<!DOCTYPE html><html><h...
2018-03-23 16:50:03
4518
1
原创 mint-ui Loadmore分页查询加载的使用说明+实例
引入啥的就不说了，直接上实例代码吧，挺简单的看一下就会了，没有提供样式需要自己添加，没有提供数据，需要的直接将url改成自己的接口就可以了。实例代码：<template> <div> <section class="listMenu"> <section v-show='nodata' class="rep...
2018-03-09 17:37:20
3967
原创 mint-ui Infinite scroll的使用说明+实例
功能：触底无限加载，没有数据时显示没有更多数据1. 引入 import { InfiniteScroll } from 'mint-ui'; Vue.use( InfiniteScroll )2. 示例<template> <div> <div class='loadmore' ref='List'>...
2018-03-09 17:17:52
6661
6
原创 webpack实现开发、测试、生产等环境的打包切换
使用webpack构建的工程，在开发过程中不同环境的配置不同，在各种环境的打包切换过程中需要手动修改相关配置达到预期目的。但是每次都手动修改会比较麻烦，本文简单介绍如何通过对webpack进行配置，实现不同环境打包分类配置； 1.修改build文件夹下build.js文件 添加声明变量 修改前...
2018-03-09 16:21:06
9620
4
原创 jQuery实现简单树形设计
效果图片css代码* {margin: 0;padding: 0;}ul, li {list-style: none;}.tree {padding: 030px;}.tree input {margin: 0;}.tree i {display: inline-block;width: 16px;height: 16px;}.tree .minus {background: url("../i...
2017-10-27 15:52:32
1218
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人