- 博客(28)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 解决修改了node_modules中的某个依赖中的文件，npm i的时候没有被保存的问题
项目中引入了公司内部的封装的依赖，因为一些地方与项目实际需求不符，所以对依赖中的.vue文件做了更改，本地打包都可以，但是如果提交到git，同事npm i的时候，就会被覆盖，如果每次都去找个这个文件，再修改一次就很麻烦。例如，在我的项目中，要修改的模块的文件名为Logo.vue, 我将它复制到src/components/Logo.vue。查了一下说使用patch-package，创建补丁的时候没成功，研究了没整明白就放弃了（有大佬明白的可以告诉小老弟）Logo.vue的引入路径为./Logo.vue。
2022-10-25 10:28:01
788
原创 JavaScript浅拷贝和深拷贝
一.JavaScript的两种变量类型JavaScript变量的类型分为两种：基本类型和引用类型。基本类型是指简单的数据段，包含 String、Number、 Boolean、Undefined 和 Null。基本类型是按值访问的，例如：修改b的值，a的值没有改变。var a = 1;var b = a;b = 5;console.log(a) //1console.log(b) //5引用类型是指可能有多个值构成的对象，一般为： Object, Array, function 等
2022-04-14 10:28:35
846
原创 关于微信小程序缩放视野展示所有经纬度---includePoints
前言刚开始使用地图基本属性include-points，没有起作用，地图也不能再放大缩小，所以就放弃了，改用api手动实现使用方法最终使用的是 MapContext.includePoints(Object object)，下面来说明一下我在项目中是如何做的????wxml<map id="myMap" style="width: 100%; height: 250px;" latitude="{{latitude}}" longitude="{{longitude}}" ma
2022-01-27 11:29:56
3226
1
原创 小程序-swiper
index.wxml<swiper indicator-dots="true" autoplay="{{false}}" interval="5000" indicator-dots="{{false}}" indicator-color='#8a8a8a' indicator-active-color='#333' circular="true" class="swiper-block" bindchange="swiperChange" previous-margin="160rpx" next
2022-01-07 10:28:02
790
原创 iframe父页面与子页面如何传值
一.父页面向子页面传值parent.vue<template> <iframe id="iframe" width="100%" :src="src"></iframe></template><script>export default { data() { return { iframe: null, src: '', //需要加载的子页面url
2021-12-07 14:34:39
9470
原创 前端下载或导出文件
一. 下载或导出后台返回的二进制流文件-excel//axios请求后台数据，处理后台返回的二进制流文件数据exportExcel().then((res) => { let url = window.URL.createObjectURL(new Blob([res],{type: "application/vnd.ms-excel"})) let link = document.createElement('a') link.style.display = 'none'
2021-12-02 10:38:41
720
原创 高德地图API--天气查询
首先你要获取keykey是要做请求中的参数值，如果你还没有高德地图API账号需要先申请账号，然后再获取key。如何获取key发送请求天气查询API服务地址：https://restapi.amap.com/v3/weather/weatherInfo?parametersget请求，parameters的值包含这些city的取值可以在他提供的城市编码表中找到我在项目中用的是ajax，查询的是北京市的天气$.ajax({ type: 'get', url: 'https:
2021-10-28 17:26:22
2298
1
原创 微信小程序项目实录三——web-view上添加自定义内容
web-view: 承载网页的容器。会自动铺满整个小程序页面，个人类型的小程序暂不支持使用。在项目中用它加载h5页面，因为他会占满整个页面，所以开始考虑使用cover-view来在容器之上覆盖一个图标按钮<web-view src="{{url}}"> <cover-view class="btns"> <cover-image class="btn" src="/resources/view/btn.png" bindtap="handleTo"></c
2021-03-24 17:51:59
1311
2
原创 微信小程序项目实录二——富文本编辑器
使用小程序原生组件editor在项目中，我封装成了一个公用的组件直接上代码！！！index.wxml<editor id="editor" class="ql-container" placeholder="{{placeholder}}" bindstatuschange="onStatusChange" bindready="onEditorReady" bindinput="onEditorChange"></editor><
2021-02-19 17:19:45
379
原创 微信小程序项目实录一——批量上传文件
小程序开发过程中，遇到选择多个图片后上传的功能，使用wx.uploadFile()，一次只能上传一个文件，想要批量上传只能递归上传。imageUpload.js （封装了一下，方便多处调用）module.exports = { imageRecursionUpload (tempFilePaths) { //tempFilePaths为要上传文件资源的路径 (本地路径)，数组类型 var promise = Promise.all(tempFilePaths.map((tempFile
2021-02-19 16:50:30
1292
原创 react--高阶组件
高阶函数：函数可以作为参数被传递例如： setTimeout(() => { console.log(1) }, 1000)函数可以作为返回值输出例如： function f(x) { return function () { return x; } }高阶函数的应用时间函数的应用setTimeout(() => { console.log(1) }, 1000)setInterval(() => { console.log(1) }, 1000)a
2020-12-03 17:40:34
101
原创 React学习----基础知识
在上一篇React学习——环境搭建以及脚手架安装学习了如何搭建环境和使用脚手架创建项目，接下来就开始学习React的基础知识。1. JSXJSX，是一个 JavaScript 的语法扩展。建议在 React 中配合使用 JSX。JSX是语法糖，通过babel转成React.createElement函数，JSX的本质是React.createElement()函数。在 JSX 语法中，你可以在大括号内放置任何有效的 JavaScript 表达式。const element = <h1>
2020-11-24 17:38:04
140
原创 React学习——环境搭建以及脚手架安装
1. 环境搭建需要安装配置node.js运行环境已安装过即可跳过此步，没有安装的去官网下载https://nodejs.org/en/download/下载之后直接安装即可。2. 检测版本查看node和npm版本win键+R ——>打开资源管理器——>输入cmd——>在命令窗口输入node -v和npm -v3. 全局安装React脚手架所需环境准备好后，开始安装脚手架。在命令窗口输入npm install -g create-react-app可能要花上几分钟，因
2020-09-16 14:39:24
323
原创 Ant Design Vue 之select使用出现的问题
select下拉菜单滚动条滚动后，自动弹回到顶部解决：a-select-option 使用v-for渲染时，key值不能重复或者为null下拉列表在局部滚动时不跟随与select框分离<a-select:getPopupContainer="(triggerNode)=>{ return triggerNode.parentNode || document.body;}" >随时出现随时记录~~~~~~...
2020-08-21 11:16:06
4085
5
原创 vue js插件开发并发布到npm
一.假设我们创建一个输入校验规则的js插件1.创建一个项目文件 validator2.在validator目录下cmd 执行npm init 生成 package.json文件，（可能重名了，就换个名字）package.json{ "name": "validator", //这个就是将来要引用的插件名 "version": "1.0.0", "description": ...
2020-03-02 18:06:05
292
原创 vue项目build打包时报错 “JavaScript heap out of memory” 的解决办法
今天在执行npm run build 的时候突然出现下面图片所示错误这个错误的意思时内存溢出，为什么会内存溢出呢？原来 nodejs 默认限制了最大可使用的内存大小。nodejs V8 引擎在 64 位机器上默认限制使用内存最大不超过 1.7GB，超过这个限制官方建议尝试优化为多线程方式。当前端项目非常庞大时，编译时会占用很多资源，所以就会出现内存溢出的问题。以下是我的问题解决方法c...
2020-01-20 11:52:41
4437
3
原创 关于Ant Design of Vue中 的a-table一些使用问题
1.添加行点击及复选框<template> <div> <a-table :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" :columns="columns" :dataSource="data" :c...
2019-12-30 15:56:37
20595
原创 v-for和slot-scope渲染出错
今天做项目的时候，遇见了一个奇怪的现象，先写一下所使用的东西vue 项目，使用ant design vue 中的table组件之前的代码<template> <a-table :columns="columns" :dataSource="data" bordered> <template v-for="field in ['nam...
2019-12-20 17:17:21
1742
原创 vue-photo-preview 点击查看大图预览
在vue项目中选择vue-photo-preview来实现点击查看大图的功能，使用起来也很容易“基于photoswipe的vue图片预览插件”第一步，安装插件npm install vue-photo-preview --save第二步，使用方式//main.js import preview from 'vue-photo-preview' import 'vue-photo...
2019-09-25 16:31:48
1141
原创 使用vue-infinite-scroll实现无限滚动加载
安装npm i vue-infinite-scroll -D引入有两种方式，一个是全局，一个是在单个组件中引入，我采用的是后者//全局import infiniteScroll from 'vue-infinite-scroll'Vue.use(infiniteScroll)//单个组件import infiniteScroll from 'vue-infinite-scrol...
2019-09-24 15:25:57
4489
原创 vue项目 将el-pagination封装成公用分页组件
组件页面 index.vue<template> <div :class="{'hidden':hidden}" class="pagination-container"> <el-pagination :background="background" :current-page.sync="currentPage" ...
2019-09-18 16:00:40
1678
原创 阿里云Web播放器使用
1. 在页面中引入css，js文件，当时最新版本是2.8.2<link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/aliplayer-min.css" /><script type="text/javascript" charset="utf-8" src="h...
2019-08-23 09:52:43
3942
1
原创 数组常用的循环方式
循环方法说明forEach不可终止循环some返回true终止循环findIndex返回true可以终止循环，返回满足条件的索引filter返回过滤后的数组forEachvar list = [ { id:1, userName:'王小小', age:24, }, { id:2, userName:'李四', ...
2019-08-15 14:16:20
883
原创 element-ui upload组件覆写默认上传行为
使用 http-request 参数来自定义上传行为<el-upload ref="upload" :show-file-list="false" :on-success="handleUploadSuccess" :on-progress="handleUploading" :http-request="upload" class="upload-de...
2019-08-01 10:44:07
3340
4
空空如也
vscode 启动不了怎么办
2023-03-16
ueditor 文字聚焦问题
2022-04-15
TA创建的收藏夹 TA关注的收藏夹
TA关注的人