- 博客(35)
- 收藏
- 关注
RSS订阅原创 vue节假日日历组件
先上效果图一、整个数据总计为42个格子，格式为六行七列，单个天数数据格式datas单个字段day: 1 //当前是几号isMonth: "" //是否是当前月份（空值是当前月，prev上个月，current下个月，判断class）isToday: false //是否是今天，对今天要进行颜色高亮isWork: false //当前是否是工作日isXiu: false //当前是否休息time: "2021-11-1" //当前日期全称timeStamp: 163
2021-10-12 12:02:27
7505
6
原创 Error occurred while trying to proxy request
碰到这个问题不要慌 去问问后端开服务了没 （狗头这种问题一般都是后端没有开服务 建议打一架呢不行的话就细心看看端口号或者加没加http://或者端口号被占用接口写错一般就这几种错误...
2020-12-10 10:50:07
16025
8
原创 antd Modal中添加Form表单，数据回填时通过ref方式第一次打开页面时current是null 的解决方式
解决方案：给Modal加一个强制渲染属性forceRender={true}踩坑+1
2020-10-30 11:19:52
5864
2
原创 JS快速将对象中所有键赋值为空
obj = { a : '1', b : '2', c : '3'}Object.keys(obj).forEach(key=>{obj[key]=''})console.log(obj)
2020-08-26 09:33:21
13748
3
原创 JS含有部分相同属性的两个对象快速赋值法
obj = { age : 18, sex : m, status : children } obj1 = { age : '', sex : '', status : '' } Object.keys(obj1).forEach(key=>{obj1[key]=obj[key]}) console.log(obj1)对象中所有值赋为空：
2020-08-26 09:30:38
7436
13
原创 antd4中Form组件initialValues设置初始值无效，使用setFieldsValue动态赋值，getFieldsValus动态获取值
首先说明initialValues这个属性，这个属性antd官方给的是设置Form组件初始值，但是有个问题如果值从后端请求那么initialValues可能会设置不上，如果说用匿名组件的话，修改From组件会导致一系列问题，接下来就是用到了setFieldsValue和getFieldsValus属性在antd官网中说明form组件不能使用this.setState修改值，只能通过setFieldsValue来设置，通过getFieldsValus来获取首先通过getFieldsValus来动态获取
2020-07-24 11:07:15
15855
12
原创 react中使用antd input的onChange事件获取e.target.value为null问题
解决方法一加 e.persist();类似于这样就解决方法二赋值解决
2020-07-13 10:34:35
12031
5
原创 强类型语言和弱类型语言的区别
强类型语言和弱类型语言主要是变量类型的处理方式强类型语言不存在隐式转换，弱类型语言可以强类型语言和弱类型语言的区别弱类型语言主要有JS,PHP，这两类语言他可以进行隐式转换，隐式转换就是两个不同类型的变量进行相加的时候，得到的结果可能跟预期不太一样。例：JS var a = 1; var b = '2'; cosnoel.log(a + b) 结果等于3String与Numb...
2019-11-29 11:16:39
2016
原创 uni-app使用getPhoneNumber接口
uni-app按照官方写法 ，始终报错 ，连续踩坑<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"> </button>Component "pages/login/login" does not have a method "getPhoneNumber" to handle...
2019-11-26 16:33:21
22146
5
原创 Module build failed: TypeError: this.getResolve is not a function at Object.loader 安装scss运行报错
记录一下安装scss遇到的坑安装运行SCSS的时候一直报错，后来才发现是版本问题官方目前最高版本是8.0.0，安装时自动安装最高版本，回退一下就解决了安装scss指定版本7.3.1npm install node-sass sass-loader@7.3.1 style-loader -S 按照这个安装就OK了或者自己安装已经安装好了 那就在package.json中修改下版本号...
2019-11-05 09:52:02
173
原创 H5APP中使用vue拨打用户电话
简单粗暴调用函数直接调用这个函数就可以了，//拨打电话 GetPhone(){ if (window.plus) { plus.device.dial(‘要拨打的电话号’, true); } },这个弹窗是基于vux，要用弹窗的话可以下载vux,不要的话不用往下看了，手机号我也不知道谁的，看见了...
2019-07-31 14:35:46
2743
原创 vue h5高德地图定位自定义icon
在这里插入代码片<template> <div style="width: 100%;height:100%"> <div id="mapDemo"> <el-amap ref='map' vid="amapDemo" :amap-manager="amapManager" :events="mapEvents" :plug...
2019-06-13 14:26:09
4312
原创 vue刷新当前页面，不留白
在项目中可能有需要刷新当前页面的需求一般有这几种刷新当前页面的方法1，history.go(0)2，location.reload()3，location=location4，location.assign(location)5，document.execCommand(‘Refresh’)6，window.navigate(location)7，location.replace(...
2019-06-13 11:18:59
1764
原创 JavaScript面向对象——实现多态
这个是从一个大佬的博客学来的，看了看例子不太难，可能了解的不够透彻。大佬博客地址多态大佬例子： function add() { var arg = arguments, len = arguments.length switch (len) { case 0: retur...
2019-06-13 10:30:10
1833
原创 实用篇文章，各种小程序，vue，WebApp干货、小技巧分享，持续更新。。。。。。
PC1、修改滚动条样式，我用的是scss 不是scss的把前面的&符换成需要滚动的元素 &::-webkit-scrollbar {/*滚动条整体样式*/ width: 20px; /*高宽分别对应横竖滚动条的尺寸*/ height: 4px; } &:...
2019-06-12 13:50:14
256
原创 微信小程序三级联动、省、市、区联动
效果图HTML<view style='height:84rpx;background:#fff;border-bottom:1px solid #D9D9D9;line-height:84rpx;'> <view class="section__title" style='display:inline-block;line-height:85rpx;c...
2019-05-28 13:19:26
14808
5
原创 微信小程序自定义底部弹窗
效果图HTML<view bindtap="clickme">点击我可以看到底部弹框的出现</view> <!--屏幕背景变暗的背景 --> <view class="commodity_screen" bindtap="hideModal" wx:if="{{showModalStatus}}"></view>...
2019-05-28 13:11:15
20514
10
原创 扫描微信二维码进入到指定网页，在VUE中使用QRCode.js
一、VUE里安装QRCode.js包npm i qrcodejs2二、引入qrcodejs2包import QRCode from 'qrcodejs2'具体实现代码片段<template> <div id="qrcode" ref="qrcode"></div></template><script> im...
2019-05-24 09:25:59
5660
1
原创 vue使用element ui 上传图片并展示
<el-upload class="avatar-uploader" action="https://jsonplaceholder.typicode.com/posts/" :show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">...
2019-05-16 16:10:41
9237
原创 vue使用element ui分页 并发送请求
话不多说直接上代码 <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :page-sizes="paginations.page_sizes" :page-size="pa...
2019-05-16 16:02:48
1913
2
原创 element ui 下拉框点击事件 和a（router-link）标签点击事件不触发问题
例：@click="getData()"换成 @click.native="getData()"就可以了
2019-05-16 11:13:47
3556
原创 VUE，简易聊天的滚动条自动定位在底部
需要滚动的元素 <div ref="box" class="CKJS_DataMenu">触发事件 <div class="Send_Btn" v-on:click="SendWords"> <div class="Send_BG">发送</div> </div>事件执行PS：setTimeout不能忽略 Se...
2019-05-09 18:43:48
1595
原创 vue中websocket的简单使用
**简单使用：**主要代码 initWebSocket() { const wsuri = `ws:url`; this.websock = new WebSocket(wsuri);//这里面的this都指向vue this.websock.onopen = this.websocketopen; this...
2019-05-09 18:21:18
3237
原创 vuex中使用多个仓库，modules模块化
下载什么不多说了。创建好你的文件夹 再main.js中注册之后要多少个仓库就在store文件下继续创建js文件，js文件中写：之后再index.js中引入例如我这个plc就是我的一个仓库引入进来需要获取vuex里面的值：this.$store.state.plc.xxx不同的仓库不同的名字调用vux方法： this.$store.commit('plc/xxx')...
2019-05-09 18:12:32
3193
3
原创 JS,Vue读取xml文件，并展示到界面中
<input type="file" ref="upload" accept=".xml" @change="executorListchange" id="file_executor" class="outputlist_upload"> executorListchange(){ this.readXML(); }, readXML() { ...
2019-05-09 18:02:22
26487
22
原创 JS，Vue读取TXT文本，分段展示,匹配换行
<input type="file" @change="loadTextFromFile"> loadTextFromFile(e){ const file = e.target.files[0]; const reader = new FileReader(); reader.onload = e => th...
2019-05-09 17:52:48
9818
2
转载 彻底理解vue的钩子函数，vue的生命周期理解，什么是vue的生命周期，钩子函数
官方图（官方的图大家总是理解不了）：使用vue框架，需要在合适的时机做合适的事情，了解了vue对象的生命周期和钩子函数，才能知道，哪些事情应该咋哪个函数里做。一、vue的生命周期的理解生命周期用人举例说明：生命周期就是一个人的一生，此处我需要说的没有人情一点（哈哈）。从人的出生，到成长，到工作，到死亡，就是人的一生，也叫一个人的生命周期。 2. 对象的生命周期在程序开发中，是要...
2019-04-15 13:07:46
291
原创 用户在textarea输入提交给后端，在另一个页面分段落展示。
主要功能：用户在textarea输入提交给后端，在另一个页面分段落展示。有回车、换行的进行相应的操作。注意：this.productxc.pro_content 这个是我从后端拿的textarea的文本，需要的进行相应的修改document.getElementById(“wordspl”) 是你要在什么地方展示这个文本，需要的进行修改相应的修改其他部分不需要改 var newSt...
2019-04-10 14:48:40
1486
原创 vue项目打包
首先打开config/index.js，将assetsPublicPath值改为’./’ assetsPublicPath: '/',这个在你的build的一对花括号里，用来解决JS,CSS路径问题然后打开“build/utils.js” return ExtractTextPlugin.extract({ use: loaders, publicPath...
2019-04-02 15:13:16
1410
原创 vue项目引入axios和element-ui、jquery、scss、vuex、齐全！！！！
**安装SCSS**1、在当前目录下安装npm install --save-dev sass-loader//sass-loader依赖于node-sassnpm install --save-dev node-sass2、在build文件夹下的webpack.base.conf.js的rules里面添加配置{ test: /\.sass$/, loaders: ['s...
2019-04-02 11:05:39
951
原创 git的基本使用
使用版本控制管理工具git来管理项目一、 安装Git（git_for_windows.xp510.com.rar）二、 使用a) 进入到 git bash（命令行工具）b) 初始化user.name,user.email git config --global user.name "Your Name" git config --global user.email "em...
2019-03-06 19:31:51
133
原创 javascript常用单词记忆
Script 脚本，电视的剧本Define 定义、规定Null 空的、零值的Number 数值、数数Object 对象，客体Abstract 抽象的、茫然的Static 静止的Parse 分析Float 浮动、使…移动Undefined 未定义的Boolean 布尔型String 字符串、绳子do 做、干Short ...
2019-02-21 10:30:07
1972
转载 Vue全家桶介绍
Vue 全家桶介绍Vue有著名的全家桶系列，包含了vue-router（http://router.vuejs.org），vuex（http://vuex.vuejs.org）， vue-resource（https://github.com/pagekit/vue-resource）。再加上构建工具vue-cli，sass样式,就是一个完整的vue项目的核心构成。概括起来就是：、1.项目构建...
2019-02-21 10:28:39
2227
转载 实现百度地图
初步实现百度地图需要再百度上注册一个账号，申请一个密钥，也就是给你提示的AK。复制以下代码 填上密钥<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="
2018-12-27 21:45:51
404
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人